"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Camera, Heart, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Work",
          id: "#work",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Wedding Lens"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient",
      }}
      logoText="Wedding Lens Photography"
      description="Capturing timeless love stories and authentic moments for modern couples. Turning your special day into forever memories."
      buttons={[
        {
          text: "View Portfolio",
          href: "#work",
        },
        {
          text: "Book Session",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/attractive-bride-woman-elegant-puffy-wedding-dress-going-down-stairs-fiance-stylish-man-with-big-bouquet-red-roses-flowers-waiting-girlfriend-wedding-ceremony-day-loving-couple_8353-12499.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <AboutMetric
      useInvertedBackground={false}
      title="Capturing Your Unique Moments"
      metrics={[
        {
          icon: Camera,
          label: "Weddings Covered",
          value: "250+",
        },
        {
          icon: Award,
          label: "Photography Awards",
          value: "15",
        },
        {
          icon: Heart,
          label: "Happy Couples",
          value: "200+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="work" data-section="work">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Candid Moments",
          description: "Focusing on raw emotions and real interaction between you and your loved ones.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-couple-sitting-woods-fallen-tree_1153-7203.jpg",
            imageAlt: "Candid wedding shot",
          },
          items: [
            {
              icon: Sparkles,
              text: "Unposed authenticity",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-bride-woman-elegant-puffy-wedding-dress-going-down-stairs-fiance-stylish-man-with-big-bouquet-red-roses-flowers-waiting-girlfriend-wedding-ceremony-day-loving-couple_8353-12499.jpg",
          imageAlt: "wedding photography outdoor session",
        },
      ]}
      title="My Photography Style"
      description="I believe in natural, candid, and emotional storytelling. Every shot is curated to reflect the genuine spirit of your love."
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Fine Art Album",
          price: "$450",
          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166932.jpg",
        },
        {
          id: "p2",
          name: "Print Set A4",
          price: "$120",
          imageSrc: "http://img.b2bpic.net/free-vector/landing-page-sport-with-photo_23-2148370875.jpg",
        },
        {
          id: "p3",
          name: "Canvas Display",
          price: "$250",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wedding-card-engagement-ring_23-2148468537.jpg",
        },
        {
          id: "p4",
          name: "Digital Suite",
          price: "$300",
          imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-scrapbook_23-2149614035.jpg",
        },
        {
          id: "p5",
          name: "Classic Photobook",
          price: "$200",
          imageSrc: "http://img.b2bpic.net/free-psd/professional-photography-banner-template_23-2148689718.jpg",
        },
        {
          id: "p6",
          name: "Display Bundle",
          price: "$600",
          imageSrc: "http://img.b2bpic.net/free-photo/husband-surprised-wife-with-red-rose-bouquet_53876-40958.jpg",
        },
      ]}
      title="Collections & Prints"
      description="High-quality professional prints and beautifully designed albums to display your memories in style."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          price: "$1,500",
          name: "Essential",
          features: [
            "6 hours coverage",
            "200 edited photos",
            "Online Gallery",
          ],
          buttons: [
            {
              text: "Reserve Now",
              href: "#contact",
            },
          ],
        },
        {
          id: "premium",
          price: "$2,500",
          name: "Signature",
          features: [
            "8 hours coverage",
            "400 edited photos",
            "Custom Wedding Album",
          ],
          buttons: [
            {
              text: "Reserve Now",
              href: "#contact",
            },
          ],
        },
        {
          id: "luxe",
          price: "$4,000",
          name: "Ultimate",
          features: [
            "Full Day coverage",
            "800 edited photos",
            "2x Parent Albums",
          ],
          buttons: [
            {
              text: "Reserve Now",
              href: "#contact",
            },
          ],
        },
      ]}
      title="Investment"
      description="Choose the perfect coverage package for your big day."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          role: "Bride",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/bride-groom-hug-each-other-tender-sitting-beach-water_8353-7397.jpg",
        },
        {
          id: "t2",
          name: "Mark D.",
          role: "Groom",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-bride-riding-horse-her-husband-smiling_1153-1334.jpg",
        },
        {
          id: "t3",
          name: "Emily P.",
          role: "Bride",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753674.jpg",
        },
        {
          id: "t4",
          name: "Jason T.",
          role: "Groom",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/charming-bride-closes-eyes-her-husband-from_1153-7211.jpg",
        },
        {
          id: "t5",
          name: "Rachel K.",
          role: "Bride",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-having-new-year-party-outdoors-daylight_23-2149144037.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "100%",
          label: "Client Satisfaction",
        },
        {
          value: "500+",
          label: "Events Captured",
        },
        {
          value: "5.0",
          label: "Average Rating",
        },
      ]}
      title="What They Say"
      description="Read what my amazing couples have to say about their experience working with me."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "How far in advance should we book?",
          content: "I recommend booking at least 9-12 months in advance to secure your wedding date.",
        },
        {
          id: "q2",
          title: "Do you provide digital files?",
          content: "Yes, all packages include high-resolution edited files delivered via an online gallery.",
        },
        {
          id: "q3",
          title: "Are you willing to travel?",
          content: "Absolutely! I love destination weddings and am happy to discuss travel arrangements.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Let's Connect"
      title="Ready to Start?"
      description="Reach out to check date availability and start planning your wedding photography experience."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Wedding Lens"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Work",
              href: "#work",
            },
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Email",
              href: "mailto:hello@weddinglens.com",
            },
            {
              label: "Instagram",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Wedding Lens Photography. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
