Free Cafe & Bakery Website Design

Build a complete, responsive cafe and bakery website called "Your Business Name".

Goal: show off the menu and bring people in the door.

Visual style: Playful gradient. Use CSS custom properties for colours, spacing and radii; consistent rounded corners; clear typographic hierarchy with a bold display font for headlines.

Sections (in order):
1. Navbar
2. Hero
3. Today's specials
4. Menu
5. Gallery
6. Testimonials
7. Order form
8. Footer

Must include: menu with prices and specials; custom cake order form; Instagram-style photo grid; location and opening hours; WhatsApp contact button.

Animation: use Framer Motion for motion — declarative react motion: layout animations, gestures, scroll-linked values and exit transitions. Include a loading/intro animation, staggered entrance reveals and hover micro-interactions. Respect prefers-reduced-motion.

Deliver: semantic HTML/CSS/JS and an equivalent React component version, mobile-first responsive layout (360px → 1440px), accessible focus states and ARIA labels, optimised images and realistic placeholder copy. Add local SEO basics: a page title and meta description with the business name and city, and LocalBusiness structured data.

Free section designs and animation code to start from: https://orucode.online/designs