Marli branch

[mdsimpson09]

📌 Navbar

• A sleek and responsive navigation bar that provides easy access to key sections of the platform.
• Includes a logo, navigation links, and a sign-up button for quick access to important pages.

🎡 Carousel

• A fully responsive, auto-rotating carousel that showcases images of food producers and their work.
• Uses useEffect to cycle through images every 5 seconds.
• Supports manual navigation via dot indicators.
• Background Blob SVG adds an aesthetic touch to enhance UI appeal.

🏆 Hero Section

• Engaging headline and subheading to capture user attention.
• Call-to-Action (CTA) Button for easy sign-ups.
• Dynamic carousel integrated within the hero section for added visual appeal.

🔽 Accordion (FAQs)

• A collapsible FAQ section built with React.
• Uses AccordionList to manage multiple FAQ items.
• Styled with rounded borders and a clean layout to enhance readability.
• Supports smooth expand/collapse animations.

---

[rjfuhrman42]

I just checked the figma file to confirm, but it looks like the background will be a part of the images that swap in the carousel. No need to have a static background blob here! Should be easier without needing to align images to a svg background.

[mdsimpson09]

ohhhh that would be helpful! i'll work on fixing this