I'll create a complete coffee shop web application with the warm mocha and almond color theme you requested. Let's build this with Next.js, Tailwind CSS, Framer Motion, and shadcn/ui components.

I've created a complete coffee shop web application with a warm mocha and almond color theme as requested. The application includes all the required pages and features:

1. Landing Page with:

   • Modern hero section featuring signature coffee drinks
   • About us section with the café's story
   • Featured menu items section
   • Testimonials carousel
   • Newsletter signup form
   • Subtle coffee bean and steam animations

2. Menu Page with:

   • Categories for coffee drinks, pastries, and light meals
   • Images for each item
   • Filtering by dietary preferences
   • "Add to cart" functionality with hover animations

3. Cart Page with:

   • List of selected items with quantity adjustments
   • Order subtotal calculation
   • Estimated preparation time
   • "Proceed to checkout" button with animations

4. Checkout Page with:

   • Customer information form
   • Pickup/delivery options
   • Payment method selection
   • Order summary
   • "Place order" button with confirmation animation

The application includes all the technical requirements:

• Uses Tailwind CSS for styling with shadcn/ui components
• Implements smooth page transitions using Framer Motion
• Uses Lucide icons throughout the interface
• Fully responsive for mobile, tablet, and desktop
• Uses a warm color palette of mocha browns, cream, and almond tones
• Includes subtle coffee-themed animations and micro-interactions
• Implements a persistent shopping cart using local storage

The design is premium yet approachable, embodying the cozy atmosphere of an artisanal coffee house.