"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Collections",
          id: "/collections",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Custom Orders",
          id: "/custom",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="EverBloom Bridal"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Forever Florals for Every Wedding Moment"
      description="Handcrafted wedding florals and accessories designed for timeless celebrations in Bangalore."
      testimonials={[
        {
          name: "Priya Sharma",
          handle: "@priya_bridal",
          testimonial: "The flowers were absolutely breathtaking. Perfectly handcrafted.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-girl-with-brunette-tied-hair-dark-brown-eyes-naturally-make-up-sincere-smiling-looking-camera-while-posing-outdoor_8353-12415.jpg",
        },
        {
          name: "Ananya Reddy",
          handle: "@ananya_wed",
          testimonial: "Forever blooms that look so real. My wedding was dreamy.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/sensual-young-lady-dress-with-flower-wreath-head_23-2148054885.jpg",
        },
        {
          name: "Neha V.",
          handle: "@neha_v",
          testimonial: "I love that these flowers never fade. A true keepsake.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-white-dress-posing_1328-4131.jpg",
        },
        {
          name: "Deepa K.",
          handle: "@deepa_wed",
          testimonial: "The attention to detail in my bouquet was unmatched.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-caucasian-bride-with-natural-happy-smile-her-face_181624-23050.jpg",
        },
        {
          name: "Kavya M.",
          handle: "@kavya_m",
          testimonial: "Beyond beautiful. Thank you for making my day special.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/bride-beach-sunset_23-2151976658.jpg",
        },
      ]}
      buttons={[
        {
          text: "Explore Collections",
          href: "/collections",
        },
        {
          text: "Customize Your Wedding Florals",
          href: "/custom",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/bouquet-holly-berries-peonies-dry-lemon-slices_114579-2539.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-fresh-flowers-flora-shop-work-space-business_53876-23097.jpg",
          alt: "Artist portrait 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591591.jpg",
          alt: "Artist portrait 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-smelling-flower_23-2149247554.jpg",
          alt: "Artist portrait 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg",
          alt: "Artist portrait 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-flower-wreath-her-head-posing-field_181624-40565.jpg",
          alt: "Artist portrait 5",
        },
      ]}
      avatarText="Trusted by 500+ happy brides"
    />
  </div>

  <div id="feature" data-section="feature">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Why Choose Forever Florals?"
      description="The perfect balance of luxury and practicality for your big day."
      negativeCard={{
        items: [
          "Fresh flowers wilt in heat",
          "High maintenance",
          "Expensive waste",
        ],
      }}
      positiveCard={{
        items: [
          "Stays perfect forever",
          "Easy to store as a memory",
          "Cost-effective luxury",
        ],
      }}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      sideTitle="Frequently Asked Questions"
      sideDescription="Everything you need to know about our handcrafted floral arrangements."
      faqsAnimation="slide-up"
      faqs={[
        {
          id: "f1",
          title: "How long do they last?",
          content: "Our florals are designed to be heirloom pieces that last for years.",
        },
        {
          id: "f2",
          title: "Can I request custom colors?",
          content: "Absolutely, we specialize in custom color matching to suit your bridal theme.",
        },
      ]}
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Simple Pricing"
      description="Packages for every wedding scale."
      plans={[
        {
          id: "p1",
          badge: "Essential",
          price: "₹15,000",
          subtitle: "Perfect for intimate weddings",
          buttons: [
            {
              text: "Inquire",
              href: "/contact",
            },
          ],
          features: [
            "Bouquet",
            "Boutonniere",
            "Ring Cushion",
          ],
        },
        {
          id: "p2",
          badge: "Premium",
          price: "₹45,000",
          subtitle: "For the grand celebration",
          buttons: [
            {
              text: "Inquire",
              href: "/contact",
            },
          ],
          features: [
            "Full Bridal Set",
            "Bridesmaid Sets",
            "Decor Pieces",
            "Custom Tiaras",
          ],
        },
      ]}
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      title="Featured In"
      description="Trusted by leading wedding publications."
      names={[
        "WeddingWire",
        "The Knot",
        "Brides",
        "Vogue Wedding",
        "Bangalore Times",
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Collections",
              href: "/collections",
            },
            {
              label: "Gallery",
              href: "/gallery",
            },
          ],
        },
        {
          items: [
            {
              label: "Custom Orders",
              href: "/custom",
            },
            {
              label: "About",
              href: "/about",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="EverBloom Bridal"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
