"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Ear, Palette, Cake, Star, Tag, Heart, Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Sheetal's Custom Cakes"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Why Us", id: "why-us" },
            { name: "Cakes", id: "cakes" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Custom Cakes That Look Better Than Your Pinterest Reference"
          description="Every cake is a masterpiece designed just for you. From makeup-themed to Rasmalai, we listen, create, and deliver cakes that exceed your expectations."
          background={{ variant: "plain" }}
          kpis={[
            { value: "500+", label: "Happy Customers" },
            { value: "100+", label: "Custom Designs" },
            { value: "4.9★", label: "Average Rating" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "Order on WhatsApp", href: "https://wa.me/91XXXXXXXXXX" },
            { text: "See Our Cakes", href: "#cakes" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/lesbian-couple-cutting-cake-their-wedding_23-2150835741.jpg"
          imageAlt="Custom decorated luxury cake"
          mediaAnimation="slide-up"
          tag="Premium Custom Cakes"
          tagAnimation="blur-reveal"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <AboutMetric
          title="Why Choose Sheetal's Custom Cakes"
          metrics={[
            { icon: Ear, label: "We Listen Patiently", value: "Every Detail Matters" },
            { icon: Palette, label: "Designs Better Than Reference", value: "Artistic Excellence" },
            { icon: Cake, label: "Premium Taste, Not Too Sweet", value: "Perfect Balance" },
            { icon: Star, label: "Unique Flavors Like Rasmalai", value: "Hero Products" },
            { icon: Tag, label: "Affordable Luxury", value: "Best Value" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="cakes" data-section="cakes">
        <ProductCardFour
          title="Our Popular Cakes"
          description="Each cake is handcrafted with premium ingredients and artistic precision. From classic flavors to unique creations, find your perfect cake."
          products={[
            { id: "rasmalai", name: "Rasmalai Cake", price: "₹2,500 - ₹4,500", variant: "Hero Flavor", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-cake-with-pink-cream-chocolates-light-cake-sweet-bake-cream-tea_140725-34010.jpg?_wi=1", imageAlt: "Rasmalai specialty cake" },
            { id: "makeup", name: "Makeup Theme Cake", price: "₹3,000 - ₹5,500", variant: "Customizable", imageSrc: "http://img.b2bpic.net/free-photo/excited-elegant-woman-with-muffin_329181-2125.jpg?_wi=1", imageAlt: "Custom makeup themed cake" },
            { id: "kids", name: "Butterscotch Kids Theme", price: "₹2,800 - ₹4,800", variant: "Character Design", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-blowing-multicolored-candles-birthday-cake_23-2148046139.jpg", imageAlt: "Kids theme butterscotch cake" },
            { id: "anniversary", name: "Pineapple Anniversary Cake", price: "₹3,200 - ₹5,200", variant: "Romantic", imageSrc: "http://img.b2bpic.net/free-photo/cake-slice-candies-marshmallow-birthday-hat-table_23-2147889897.jpg", imageAlt: "Anniversary pineapple cake" }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "Order Your Cake", href: "https://wa.me/91XXXXXXXXXX" }
          ]}
          tag="Premium Selection"
          tagAnimation="blur-reveal"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Real stories from people who experienced the magic of custom cakes designed just for them."
          testimonials={[
            { id: "1", name: "Aditya", role: "Bride", testimonial: "Sheetal was a wonderful listener. She understood exactly what I wanted and created a cake that was even better than my Pinterest reference. Absolutely stunning!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", imageAlt: "Aditya" },
            { id: "2", name: "Rama", role: "Event Planner", testimonial: "Better than the picture! The attention to detail is incredible. Every element was perfect and the taste was absolutely premium without being overly sweet.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "Rama" },
            { id: "3", name: "Priya", role: "Mother", testimonial: "My daughter's birthday cake was magical. The custom design brought her character to life. Sheetal made it extra special and listened to every detail.", imageSrc: "http://img.b2bpic.net/free-photo/confident-blonde-young-businesswoman-standing-against-gray-background_23-2148029507.jpg", imageAlt: "Priya" },
            { id: "4", name: "Vikram", role: "Groom", testimonial: "The Rasmalai cake was our hero product! Unique flavor, beautiful presentation, and affordable for what you get. Highly recommend Sheetal's cakes.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg", imageAlt: "Vikram" },
            { id: "5", name: "Sunita", role: "Cake Enthusiast", testimonial: "I've ordered from many bakeries, but Sheetal's custom cakes are on another level. The personalization and quality justify every rupee spent.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-propping-chin-clasped-hands_176474-94499.jpg", imageAlt: "Sunita" },
            { id: "6", name: "Rohan", role: "Anniversary Celebrator", testimonial: "Our anniversary cake was a work of art. Not just beautiful, but the taste was perfectly balanced. My wife still talks about how thoughtful this gift was.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", imageAlt: "Rohan" }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Customer Love"
          tagAnimation="blur-reveal"
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardTwentySix
          title="The Art of Custom Cake Making"
          description="We believe every celebration deserves a cake as unique as the moment itself. That's why we listen, design, and create cakes that tell your story."
          features={[
            { title: "Patient Listening", description: "We don't just take orders. We understand your vision, ask questions, and refine every detail until it's perfect.", imageSrc: "http://img.b2bpic.net/free-photo/person-celebrating-birthday-office_23-2149334842.jpg", imageAlt: "Custom cake design process", buttonIcon: Heart, buttonHref: "https://wa.me/91XXXXXXXXXX" },
            { title: "Artistic Excellence", description: "Our designs often exceed reference photos. We transform your ideas into edible art using premium techniques and ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/excited-elegant-woman-with-muffin_329181-2125.jpg?_wi=2", imageAlt: "Artistic cake creation", buttonIcon: Palette, buttonHref: "https://wa.me/91XXXXXXXXXX" },
            { title: "Premium Taste Balance", description: "Luxury doesn't mean overly sweet. Every cake is balanced for perfect taste, texture, and indulgence without overwhelming sweetness.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-cake-with-pink-cream-chocolates-light-cake-sweet-bake-cream-tea_140725-34010.jpg?_wi=2", imageAlt: "Premium cake flavors", buttonIcon: Sparkles, buttonHref: "https://wa.me/91XXXXXXXXXX" }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "Start Your Cake Journey", href: "https://wa.me/91XXXXXXXXXX" }
          ]}
          tag="Our Process"
          tagAnimation="blur-reveal"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Order?"
          title="Let's Create Your Perfect Cake"
          description="Chat with us on WhatsApp to discuss your custom cake. Share your ideas, preferred flavors, and budget. We'll bring your vision to life."
          buttons={[
            { text: "Chat on WhatsApp", href: "https://wa.me/91XXXXXXXXXX" },
            { text: "See More Designs", href: "#cakes" }
          ]}
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            { title: "Quick Links", items: [{ label: "Home", href: "#home" }, { label: "Why Us", href: "#why-us" }, { label: "Our Cakes", href: "#cakes" }, { label: "Reviews", href: "#reviews" }] },
            { title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/91XXXXXXXXXX" }, { label: "Order Now", href: "https://wa.me/91XXXXXXXXXX" }, { label: "Share Feedback", href: "https://wa.me/91XXXXXXXXXX" }] },
            { title: "Info", items: [{ label: "About", href: "#about" }, { label: "Custom Orders", href: "https://wa.me/91XXXXXXXXXX" }, { label: "Privacy", href: "#" }] }
          ]}
          bottomLeftText="© 2024 Sheetal's Custom Cakes. Crafted with love in Hyderabad."
          bottomRightText="Premium Custom Cakes Delivered Fresh"
        />
      </div>
    </ThemeProvider>
  );
}
