"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import SplitAbout from "@/components/sections/about/SplitAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Zap, Sparkles, Leaf, Flame, Heart, Star, Users, ChefHat, MessageSquare, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="grid"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Kawau Kitchen"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "reviews" }
          ]}
          button={{ text: "Order Now", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Welcome to Kawau Kitchen"
          description="Where bold flavors meet modern vibes. Experience culinary creativity that speaks to your generation."
          background={{ variant: "rotated-rays-animated-grid" }}
          tag="Gen Z Approved"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Menu", href: "#menu" },
            { text: "Make a Reservation", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          carouselItems={[
            { id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg", imageAlt: "modern restaurant dining ambiance" },
            { id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12900.jpg", imageAlt: "vibrant food photography close-up" },
            { id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037465.jpg", imageAlt: "contemporary restaurant bar seating" },
            { id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216684.jpg", imageAlt: "colorful food dish presentation" },
            { id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-chef-cooking_23-2148723236.jpg", imageAlt: "restaurant team working kitchen" },
            { id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friendly-meeting-college-students-their-free-time-cozy-restaurant_8353-10254.jpg", imageAlt: "diners enjoying restaurant meal" }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          ariaLabel="Hero section carousel showcasing Kawau Kitchen's modern dining experience"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Story"
          description="Kawau Kitchen is where tradition meets innovation. Born from a passion for authentic flavors and modern presentation, we create dishes that challenge expectations and celebrate bold tastes. We believe food should be an experience, not just a meal."
          tag="Since 2022"
          tagIcon={Sparkles}
          tagAnimation="opacity"
          bulletPoints={[
            { title: "Fresh Ingredients", description: "Sourced daily from local suppliers and trusted partners.", icon: Leaf },
            { title: "Creative Techniques", description: "Modern cooking methods combined with classic fundamentals.", icon: Flame },
            { title: "Inclusive Vibes", description: "A welcoming space for everyone who loves good food.", icon: Heart }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208273.jpg"
          imageAlt="Kawau Kitchen founder and culinary vision"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="right"
          ariaLabel="About Kawau Kitchen section"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Menu Highlights"
          description="Discover our signature dishes and seasonal creations that push culinary boundaries."
          tag="Featured"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[{ text: "View Full Menu", href: "#" }]}
          buttonAnimation="slide-up"
          products={[
            { id: "dish-1", name: "Teal Dream Pasta", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-chestnuts_23-2148395157.jpg", imageAlt: "signature pasta dish professional" },
            { id: "dish-2", name: "Ocean's Harvest", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg", imageAlt: "seafood plate elegant presentation" },
            { id: "dish-3", name: "Indulgent Escape", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cake-slices-with-choco-cookies-dark-surface_140725-91362.jpg", imageAlt: "chocolate dessert plated beautiful" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          ariaLabel="Menu highlights section"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Featured In"
          description="Recognized by platforms and communities that celebrate modern food culture."
          names={["Food & Wine", "Bon Appétit", "Eater", "Resy", "Grubhub", "DoorDash", "The Michelin Guide"]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Featured in social proof section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            { id: "review-1", name: "Alex Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", imageAlt: "Alex Chen" },
            { id: "review-2", name: "Jordan Martinez", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-smiling-blond-handsome-young-man-wearing-casual-plaid-shirt-with-hands-crossed-chest-grey-wall_176420-614.jpg", imageAlt: "Jordan Martinez" },
            { id: "review-3", name: "Sydney Park", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-handsome-african-student-with-beard-dressed-denim-shirt-smiling-happily-showing-his-white-teeth-having-joyful-contented-look_273609-1853.jpg", imageAlt: "Sydney Park" },
            { id: "review-4", name: "Casey Williams", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy-stan_1258-116856.jpg", imageAlt: "Casey Williams" }
          ]}
          cardTitle="This place absolutely gets it. The food is insane and the vibe hits different."
          cardTag="Gen Z Favorite"
          cardTagIcon={TrendingUp}
          cardAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="By The Numbers"
          description="Proof that Kawau Kitchen is where the food community gathers."
          metrics={[
            { id: "metric-1", value: "15K+", title: "Monthly Diners", description: "People loving our food every month", icon: Users },
            { id: "metric-2", value: "4.9★", title: "Avg Rating", description: "Across all platforms and reviews", icon: Star },
            { id: "metric-3", value: "50+", title: "Menu Items", description: "Rotating seasonal creations", icon: ChefHat }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          ariaLabel="Key metrics section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Ready to Experience Kawau Kitchen?"
          description="Reserve your table or reach out with questions. We're here to make your visit unforgettable."
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
          background={{ variant: "rotated-rays-static-grid" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100640.jpg"
          imageAlt="Restaurant reservation and contact"
          mediaAnimation="slide-up"
          mediaPosition="left"
          inputPlaceholder="Enter your email"
          buttonText="Reserve Table"
          termsText="By submitting, you agree to our Terms. We'll send you reservation details and updates."
          ariaLabel="Contact and reservation section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "About", href: "#about" },
                { label: "Menu", href: "#menu" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Follow",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "TikTok", href: "https://tiktok.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "YouTube", href: "https://youtube.com" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2024 Kawau Kitchen. All rights reserved."
          bottomRightText="Made for the culture. Crafted with passion."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
