"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Gift, Heart, Package, Palette } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Products",          id: "#products"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Occasions",          id: "#occasions"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "How to Order",          id: "#how-to-order"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Cake"
      button={{
        text: "Order Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Cake"
      description="Made with love, perfect for your cravings. Indulge in our exquisite artisanal cakes and desserts, crafted to perfection for every celebration."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-slice-with-chocolate-sauce_114579-61375.jpg",          imageAlt: "Stunning celebration cake"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-baked-cakes-with-white-cream-served-white-plate_8353-570.jpg",          imageAlt: "Assortment of cupcakes"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/overloaded-cake-with-cloth-flowers_23-2150996321.jpg",          imageAlt: "Elegant wedding cake"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cupcakes-cake-stand-marble-table-against-white-background_23-2147936462.jpg",          imageAlt: "Variety of sweet pastries"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/jelly-cake-slice-high-angle_23-2148536823.jpg",          imageAlt: "Decadent chocolate cake slice"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/epiphany-day-desserts-table-with-cloth_23-2148740621.jpg",          imageAlt: "Gourmet doughnuts and eclairs"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-tiered-delicious-cake-with-decoration-colorful-flowers-white-stand_181624-36614.jpg",          imageAlt: "Beautifully decorated tiered cake"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/muffins-black_114579-18495.jpg",          imageAlt: "Mini cakes and dessert platter"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-pattern-different-pies-isolated-white_171337-10274.jpg",          imageAlt: "Luxurious gold and white cake"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-cake-slices-with-milk-walnuts-white-surface_140725-61716.jpg",          imageAlt: "Artisan freshly baked bread"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/floral-delight-pattern-illustration_23-2151949346.jpg",          imageAlt: "Decorated sugar cookies"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-freshly-made-caramel-milk-shake-wooden-board_114579-59278.jpg",          imageAlt: "Delicious fruit tart"},
      ]}
      buttons={[
        {
          text: "Order Your Cake",          href: "#products"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",          alt: "Happy customer testimonial"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-living-room_329181-3215.jpg",          alt: "Satisfied client"},
        {
          src: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",          alt: "Customer profile"},
        {
          src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",          alt: "Reviewer avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-happy-joyful-bearded-guy-posing-indoors_74855-2696.jpg",          alt: "Happy patron"},
      ]}
      avatarText="Loved by over 500+ sweet enthusiasts!"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/variety-bread-basket-crackers-stone-surface_114579-40715.jpg",          alt: "Bakery item 1"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/glass-jar-milk-dried-dates-basket-gogals-marble-table_114579-24846.jpg",          alt: "Bakery item 2"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/overhead-view-baked-sweet-food-basket-white-background_23-2147885731.jpg",          alt: "Bakery item 3"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/cup-milk-with-croissants-other-pastries-table_114579-4273.jpg",          alt: "Bakery item 4"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-sweet-biscuits-with-red-fruits-white-background_140725-76873.jpg",          alt: "Bakery item 5"},
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Signature Birthday Cake",          price: "$65.00",          imageSrc: "http://img.b2bpic.net/free-photo/slice-cake-white-plate_23-2147840426.jpg",          imageAlt: "Signature Birthday Cake"},
        {
          id: "2",          name: "Gourmet Vanilla Cupcakes",          price: "$4.50/each",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-muffins-with-half-lemon-blackboard-with-spoon-notebook-white-surface_141793-6881.jpg",          imageAlt: "Gourmet Vanilla Cupcakes"},
        {
          id: "3",          name: "Artisan Macaron Box",          price: "$28.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-eclairs-white-oval-plate-fir-tree-branches-cones-christmas-toys-fork-cinnamon-cup-tea-chopping-board-dark-wooden-table_140725-90875.jpg",          imageAlt: "Artisan Macaron Box"},
        {
          id: "4",          name: "Elegant Wedding Cake",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rustic-wedding-cake-decorated-with-eucalyptus-white-wooden-background_24972-176.jpg",          imageAlt: "Elegant Wedding Cake"},
        {
          id: "5",          name: "Decorated Sugar Cookies",          price: "$3.00/each",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-homemade-chocolate-chip-cookies-wooden-cutting-board_169016-46881.jpg",          imageAlt: "Decorated Sugar Cookies"},
        {
          id: "6",          name: "Seasonal Fruit Pie",          price: "$32.00",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-thanksgiving-pie-top-view_23-2148664036.jpg",          imageAlt: "Seasonal Fruit Pie"},
      ]}
      title="Our Irresistible Delights"
      description="Explore our handcrafted selection of cakes, cupcakes, and desserts. Each item is baked fresh with the finest ingredients and a sprinkle of joy."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Story"
      title="Baking with Love, Sharing the Joy"
      description="At Cake, our passion is crafting delectable treats that bring smiles and sweet memories. Every cake, cupcake, and dessert is lovingly handmade with the finest ingredients, ensuring a taste of pure happiness in every bite."
      subdescription="From our first recipe to your special occasion, we pour our heart into every creation, making sure it’s perfect for your cravings and celebrations."
      icon={Heart}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-different-fresh-baked-bread-wooden-table_23-2147926601.jpg"
      imageAlt="Baker passionately decorating a cake"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="occasions" data-section="occasions">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Birthday Bashes",          description: "Make a wish with our vibrant and personalized birthday cakes, designed to match any theme.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-baby-shower-concept_23-2148731314.jpg",          imageAlt: "Colorful birthday cake"},
        {
          title: "Weddings & Anniversaries",          description: "Tiered masterpieces that perfectly blend with your special day's elegance and taste.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-design-delicious-wedding-cake_23-2151109606.jpg",          imageAlt: "Elegant wedding cake"},
        {
          title: "Baby Showers & Reveals",          description: "Sweet surprises for new beginnings, with charming designs for your baby's grand debut.",          imageSrc: "http://img.b2bpic.net/free-photo/candy-bar-with-blue-chocolades_140725-9441.jpg",          imageAlt: "Cute baby shower cake"},
      ]}
      title="Celebrate Every Moment"
      description="From joyous birthdays to elegant weddings, our custom cakes make every occasion unforgettable. Let us bake the centerpiece for your next big event!"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Michael C.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-good-looking-young-man_1262-3489.jpg",          imageAlt: "Michael C."},
        {
          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-leaning-forward_1187-3159.jpg",          imageAlt: "Emily R."},
        {
          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-interracial-couple-making-heart-shape-with-their-hands_23-2148151895.jpg",          imageAlt: "David K."},
        {
          id: "5",          name: "Jessica L.",          imageSrc: "http://img.b2bpic.net/free-photo/positive-outgoing-lively-redhead-girl-laughing-joyfully-having-fun-talking-friendly-friends-tilting-head-chuckling-joking-funny-life-moments-standing-positive-lucky-blue-background-orange-tshirt_1258-306576.jpg",          imageAlt: "Jessica L."},
        {
          id: "6",          name: "Chris P.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",          imageAlt: "Chris P."},
      ]}
      cardTitle="What Our Sweet Fans Say"
      cardTag="Happy Customers"
      cardAnimation="slide-up"
    />
  </div>

  <div id="how-to-order" data-section="how-to-order">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "step-1",          icon: Package,
          title: "1. Choose Your Delight",          value: "Browse our mouth-watering gallery of cakes, cupcakes, and desserts. Find the perfect treat for any occasion."},
        {
          id: "step-2",          icon: Palette,
          title: "2. Customize Your Order",          value: "Select your flavors, fillings, and decorations. Have a special request? We love bringing unique ideas to life!"},
        {
          id: "step-3",          icon: Gift,
          title: "3. Receive & Enjoy",          value: "Pick up your fresh, custom-made treat or have it delivered right to your door. Get ready for a taste of happiness!"},
      ]}
      title="Your Cake in 3 Simple Steps"
      description="Ordering your dream cake is easy and fun! Follow these steps to bring your sweet vision to life."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Get in Touch"
      title="Order Your Sweet Treat Today!"
      description="Ready to order or have a question? Contact us directly via WhatsApp at +1 667-100-8179, or fill out the form below. We're excited to bake for you! You can also find us at: 123 Sweet Street, Cakeland, CA 90210. Open: Mon-Sat, 9 AM - 6 PM."
      inputPlaceholder="Your Email"
      buttonText="Send Your Request"
      termsText="By sending your request, you're confirming that you agree with our terms and privacy policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Explore",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Products",              href: "#products"},
            {
              label: "About Us",              href: "#about"},
          ],
        },
        {
          title: "Occasions",          items: [
            {
              label: "Birthdays",              href: "#occasions"},
            {
              label: "Weddings",              href: "#occasions"},
            {
              label: "Baby Showers",              href: "#occasions"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "WhatsApp",              href: "https://wa.me/16671008179"},
            {
              label: "Instagram",              href: "#"},
            {
              label: "Facebook",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Cake. All rights reserved."
      bottomRightText="Sweet moments, made with love."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
