"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Camera, Smile } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="gradient-radial"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Portfolio",          id: "portfolio"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Lumina Lens"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated"}}
      title="Capturing Moments, Defining Stories"
      description="Professional photography services tailored to reveal the unique character of every subject and scene."
      buttons={[
        {
          text: "View Portfolio",          href: "#portfolio"},
      ]}
      carouselItems={[
        {
          id: "slide1",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-lens-professional-lens-digital-camera_169016-52938.jpg",          imageAlt: "Landscape photography"},
        {
          id: "slide2",          imageSrc: "http://img.b2bpic.net/free-photo/man-proposing-his-happy-girlfriend-outdoors-love-marriage_53876-42593.jpg",          imageAlt: "Portrait photography"},
        {
          id: "slide3",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-curve-hair-outdoor_624325-101.jpg",          imageAlt: "Event photography"},
        {
          id: "slide4",          imageSrc: "http://img.b2bpic.net/free-photo/gradient-specks-light_23-2147786092.jpg",          imageAlt: "Commercial photography"},
        {
          id: "slide5",          imageSrc: "http://img.b2bpic.net/free-photo/calm_181624-9353.jpg",          imageAlt: "Travel photography"},
        {
          id: "slide6",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",          imageAlt: "Street photography"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Meet the Photographer"
      description="With over a decade of experience, I specialize in blending technical precision with artistic intuition to create visually striking photographs that speak for themselves."
      imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-as-photographer_23-2150506128.jpg"
      imageAlt="About the photographer"
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardFour
      textboxLayout="split"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={true}
      animationType="slide-up"
      products={[
        {
          id: "p1",          name: "Nature Prints",          price: "$150",          variant: "Collection",          imageSrc: "http://img.b2bpic.net/free-photo/professional-photographer-takes-photos-with-camera-tripod-rocky-peak-sunset-dark-tone_335224-432.jpg"},
        {
          id: "p2",          name: "Portrait Sessions",          price: "$300",          variant: "Service",          imageSrc: "http://img.b2bpic.net/free-photo/redhead-young-woman-smiling-holding-wooden-frame_23-2148183398.jpg"},
        {
          id: "p3",          name: "Travel Guides",          price: "$200",          variant: "Collection",          imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-placing-picture-frame-painted-pink-wall_23-2147909911.jpg"},
        {
          id: "p4",          name: "Editorial Art",          price: "$450",          variant: "Collection",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-scrapbook-with-photos_23-2149600163.jpg"},
        {
          id: "p5",          name: "Black & White",          price: "$180",          variant: "Collection",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-glass-window-building-middle-city_181624-6655.jpg"},
        {
          id: "p6",          name: "Wedding Packages",          price: "$1200",          variant: "Service",          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo_53876-32442.jpg"},
      ]}
      title="Featured Work"
      description="Explore a curated selection of my professional photography projects."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "High Resolution",          description: "Crisp, clear detail in every image delivered.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253175.jpg",          imageAlt: "High Res"},
        {
          title: "Professional Lighting",          description: "Mastery of studio and natural light setups.",          imageSrc: "http://img.b2bpic.net/free-photo/vase-model-standing-table-empty-creative-school-studio-class-inspiration-contemporary-class-with-nobody-it-ready-drawing-lesson-equipped-with-professional-sketching-tools_482257-38987.jpg",          imageAlt: "Lighting"},
        {
          title: "Expert Editing",          description: "Professional post-processing for a polished finish.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-flower-press-technique-still-life_23-2150276382.jpg",          imageAlt: "Editing"},
      ]}
      title="Our Professional Approach"
      description="Excellence in every frame, ensuring high standards for every client interaction."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          icon: Camera,
          title: "Photos Taken",          value: "15,000+"},
        {
          id: "m2",          icon: Smile,
          title: "Happy Clients",          value: "500+"},
        {
          id: "m3",          icon: Award,
          title: "Awards Won",          value: "24"},
      ]}
      title="By The Numbers"
      description="Experience measured in projects, clients, and smiles."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "Amazing Work!",          quote: "Incredible eye for detail, very professional.",          name: "Jane Doe",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-indoors_23-2149734568.jpg"},
        {
          id: "t2",          title: "Highly Recommend",          quote: "The portraits captured our personalities perfectly.",          name: "John Smith",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg"},
        {
          id: "t3",          title: "Top Tier",          quote: "Responsive and creative throughout the process.",          name: "Emily Rose",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-fairskinned-adult-woman-smiles-strongly-with-her-teeth-narrowing-eyes-sunny-day-brunette-wears-casual-clothes_197531-31242.jpg"},
        {
          id: "t4",          title: "Pure Magic",          quote: "The wedding photos were beyond expectations.",          name: "David Clark",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-woman-smiling-against-backdrop-jewelry-store-copy-space-with-joyful-scene-choosing-gifts-anniversary-christmas_166373-8861.jpg"},
        {
          id: "t5",          title: "A True Artist",          quote: "Professional photography that tells a story.",          name: "Lisa Wang",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bride-wearing-white-her-wedding_23-2150835690.jpg"},
      ]}
      title="Client Feedback"
      description="What our clients say about the artistic journey."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "Do you travel for shoots?",          content: "Yes, I travel locally and internationally for projects."},
        {
          id: "f2",          title: "How long until I get photos?",          content: "Standard delivery time is 2-4 weeks after the shoot."},
        {
          id: "f3",          title: "Are digital files included?",          content: "All high-resolution edited files are provided."},
      ]}
      title="Frequently Asked"
      description="Common questions regarding photography sessions and pricing."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Let's Connect"
      title="Secure Your Date"
      description="Reach out to schedule your professional photography session today."
      buttons={[
        {
          text: "Check Availability",          href: "#contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Lumina Lens"
      columns={[
        {
          title: "Portfolio",          items: [
            {
              label: "Featured",              href: "#portfolio"},
            {
              label: "Portraits",              href: "#"},
            {
              label: "Landscape",              href: "#"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Book Now",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "About",              href: "#about"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}