DefiFundr - 008: Implement FAQ Section for Payroll Platform

[shefihu]

Description

Create an interactive and user-friendly Frequently Asked Questions (FAQ) section that addresses key user concerns and provides clear, concise information.

Link to section: https://www.figma.com/design/S2TNKAU3AqwjshIwp8sbGU/DefiFundr-(Copy)?node-id=2045-48520&t=FAxSBaZa5gRzBG7a-4

Design Requirements

• Develop a two-column layout with introduction and expandable FAQ items
• Implement responsive, dark-themed design
• Create interactive accordion-style question cards

Section Components

Left Column: Introduction

Headline

"Common Questions"

Subheadline

"In this section, we address common queries about our application features, subscription options, and support services to help you navigate your experience effortlessly."

Call-to-Action

• Button: "Contact Us"
• Purpose: Provide alternative support channel

Right Column: FAQ Items

Expandable Questions:

1. "How does automated payroll work on your platform?"
2. "Can I pay some employees in fiat and others in crypto?"
3. "Is my payroll data secure?"
4. "Do I need technical knowledge to use this platform?"

Technical Specifications

• React functional components
• Responsive design with Tailwind CSS
• Animated accordion interactions
• Dark mode compatibility

Interaction Design

• Clickable question cards
• Smooth expand/collapse animations
• Clear visual hierarchy
• Dropdown indicator for each question

[youngancient]

Hi, I'd like to work on this. I develop responsive pixel-perfect design implementations. I made the FAQ section for this modern landing page

[chiscookeke11]

Could I take over this issue?

[xJeffx23]

Hello Team 👋

My Background

I'm Jefferson, a software engineering student and an active member of the Dojo Coding community.
I have experience in frontend development, responsive design, and working with React and Tailwind CSS.
Previously, I contributed to frontend issues focusing on UI components and interactive elements.

---

How I Plan to Solve It 🚀

I will implement the FAQ Section using React functional components with a two-column layout.
The left column will introduce the section with a headline, subheadline, and CTA button, while the right column will feature expandable FAQ items with smooth animations for an intuitive user experience.
The design will follow dark mode compatibility, ensuring a clean and accessible UI.

---

Why I'm a Good Fit ✨

With my experience in responsive UI development, interactive components, and Tailwind CSS,
I’m confident in delivering a polished and user-friendly FAQ section that enhances navigation and support.

Best regards,
Jefferson

[Shalomnze]

I am Nze Shalom, a full stack developer with strong foundation in modern web development frameworks and technologies. My expertise includes: Nuxt.js, Next.js and Tailwind CSS with a bit of knowledge in Cairo. I am Experienced in crafting responsive, visually appealing designs using Tailwind CSS, ensuring consistency and efficiency in the development process. I have gone through the repo and figma design. I would love to contribute to this project. My draft pr would be ready within 12 hours

[KedwithGod]

I am a React developer skilled in JavaScript and TypeScript, building scalable and efficient web applications. I specialize in creating dynamic UIs with modern frameworks, ensuring smooth user experiences. With a focus on clean code and performance optimization, I integrate APIs and state management seamlessly. Kindly assign me to this, thank you

[1nonlypiece]

Ready to Take This On! 🚀

Hey there! I’d love to take on this task and bring my expertise to the table.

💡 Why I’m a Great Fit

• Deep StarkNet & Cairo Knowledge – Experienced in writing secure and optimized smart contracts.
• Full-Stack Proficiency – Skilled in Rust, Node.js, Prisma for backend and React, Next.js for frontend.
• Clean & Scalable Code – I follow best practices to deliver maintainable, optimized, and security-focused solutions.

⏳ My Plan

I can complete this within 24 hours, ensuring all necessary updates are made and tested.

Would love to move forward—let me know what you think! 🚀

[arebisola]

Hey everybody I am Arebisola I am very excited to contribute to this project
My work flow will be;

1. Two-column layout achieved using grid md:grid-cols-2.
2. Dark mode compatibility with bg-gray-900 text-white.
3. Accordion functionality using useState for open/close state.
4. Chevron icon rotation animation for better UX.
5. Smooth transitions for expand/collapse with max-h animation.

[SudiptaPaul-31]

Hi would love to work on this

My name is Sudipta Paul a fulllstack and blockchain developer with experience of more than two years and have worked on many opensource projects too

[Jagadeeshftw]

Hi, I’d love to take on this issue! With my expertise in Cairo, StarkNet, and smart contract development, I can implement a clean and efficient solution.

🚀 Why Me?

• Proven Blockchain Experience – Hands-on work with StarkNet, Solidity, and Rust, building secure and optimized smart contracts.
• Open Source Contributor – Actively contributed to 30+ open-source projects, showcasing adaptability and collaboration.
• Efficient & Reliable – I deliver high-quality, production-ready solutions quickly, ensuring security and scalability.

⏱ Timeline

I estimate completing this within 1 day. Let me know if I can proceed!

🌐 My Profile

Check out my OnlyDust profile for more insights: Jagadeeshftw on OnlyDust

Looking forward to contributing. 🚀

[xJeffx23]

Thank you for the opportunity🚀