8192cdc7-3a52-45cd-8f4e-e40b88d5f8b4/src/app/page.tsx

"use client";

import { useState } from "react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ProductCart from '@/components/ecommerce/cart/ProductCart';
import { Coffee } from "lucide-react";

export default function LandingPage() {
  const [isCartOpen, setIsCartOpen] = useState(false);
  
  const galleryItems = [
    { id: "g1", name: "Signature Dish", price: "", quantity: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqT5vOWVN4y0DJ7EIhscCLzwNH/uploaded-1777127530597-0yzf6kro.png" },
    { id: "g2", name: "Chef Special", price: "", quantity: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqT5vOWVN4y0DJ7EIhscCLzwNH/uploaded-1777127530598-9lk2sb90.png" },
  ];

  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "menu" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="The Breakfast Story"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="The Breakfast Story"
      description="Where every morning begins deliciously. Specialty egg-based breakfasts, fresh coffee, and cozy vibes."
      buttons={[
        { text: "View Menu", onClick: () => { window.location.hash = '#menu'; } },
        { text: "View Gallery", onClick: () => setIsCartOpen(true) },
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe-with-flowers_23-2151945694.jpg", imageAlt: "cozy cafe breakfast table" },
        { imageSrc: "http://img.b2bpic.net/free-photo/tasty-beautiful-croissants-wooden-board-traditional-continental-breakfast-granola-with-fruits-honey-background_1220-1315.jpg", imageAlt: "aesthetic coffee art closeup" },
        { imageSrc: "http://img.b2bpic.net/free-photo/muesli-corn-flakes_23-2147699535.jpg", imageAlt: "healthy breakfast platter topdown" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="A Passion for Breakfast"
      description="At The Breakfast Story, we believe breakfast is more than just a meal; it's a moment of clarity and nourishment. Our founder's passion for culinary arts shines through every egg preparation and aromatic coffee pour."
      subdescription="We stand for sustainability, quality ingredients, and a zero-waste mindset to create a warm, mindful environment in the heart of Nashik."
      imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg"
      mediaAnimation="blur-reveal"
      icon={Coffee}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        { id: "p1", brand: "Specials", name: "English Breakfast (Classic hearty start)", price: "₹450", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqT5vOWVN4y0DJ7EIhscCLzwNH/uploaded-1777127374369-q1aohlud.png" },
        { id: "p2", brand: "Specials", name: "French Breakfast (Light and crispy)", price: "₹420", rating: 5, reviewCount: "98", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqT5vOWVN4y0DJ7EIhscCLzwNH/uploaded-1777127374369-bjtbnq7v.png" },
      ]}
      title="Breakfast Specials"
      description="Thoughtfully crafted dishes for every mood, from classic platters to artisan sandwiches."
    />
  </div>

  <ProductCart 
    isOpen={isCartOpen}
    onClose={() => setIsCartOpen(false)}
    items={galleryItems}
    title="Menu Gallery"
    total="0"
    buttons={[{ text: "Close Gallery", onClick: () => setIsCartOpen(false) }]}
  />

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[]}
      title="Why You'll Love Us"
      description="Our philosophy revolves around quality, community, and mindful indulgence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split-description"
      useInvertedBackground={true}
      testimonials={[]}
      title="Loved by Nashik"
      description="Hear what our wonderful guests have to say about their breakfast experiences."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[]}
      title="Aesthetic Moments"
      description="A peek into the cozy corners and delicious offerings of The Breakfast Story."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[]}
      title="Common Questions"
      description="Answers to help you plan your breakfast visit."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "animated-grid" }}
      text="Visit us in Nashik. We are always happy to serve a hearty, mindful breakfast to our community."
      buttons={[{ text: "Get Directions", href: "#" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="The Breakfast Story"
      columns={[]}
      copyrightText="© 2025 The Breakfast Story | Nashik"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}