"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Film, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Portfolio",          id: "#portfolio"},
        {
          name: "Services",          id: "#services"},
        {
          name: "About",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-34367.jpg"
      logoAlt="Lens & Frame Studio Logo"
      brandName="Lens & Frame Studio"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Capture Moments, Create Memories."
      description="Specializing in stunning photography and cinematic videography, we bring your vision to life with passion and precision."
      buttons={[
        {
          text: "View Portfolio",          href: "#portfolio"},
        {
          text: "Book a Session",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-girl-taking-picture-film-camera_158595-2308.jpg"
      imageAlt="Professional photographer capturing a moment"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg",          alt: "Smiling young woman"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-model-sexy-stylish-man-dressed-white-shirt-jeans-fashion-hipster-male-posing-near-blue-wall-studio-isolated_158538-23416.jpg",          alt: "Confident man"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020820.jpg",          alt: "Creative professional"},
        {
          src: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg",          alt: "Satisfied client"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",          alt: "Happy customer"},
      ]}
      avatarText="Join 1500+ happy clients!"
      marqueeItems={[
        {
          type: "text",          text: "Stunning Visuals"},
        {
          type: "text-icon",          text: "Expert Team",          icon: Users,
        },
        {
          type: "text",          text: "Creative Storytelling"},
        {
          type: "text-icon",          text: "Seamless Production",          icon: Film,
        },
        {
          type: "text",          text: "Timeless Memories"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="About My Creative Journey"
      description="With a keen eye for detail and a deep understanding of visual storytelling, I transform fleeting moments into timeless art. My passion lies in crafting compelling narratives through both still and moving images, ensuring every project reflects authenticity and emotion."
      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-as-photographer_23-2150506073.jpg"
      imageAlt="Photographer editing photos on a laptop"
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p-1",          brand: "Photography",          name: "Event & Lifestyle",          price: "Capturing the action",          rating: 5,
          reviewCount: "24 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/magenta-flash-near-lights_23-2147798893.jpg",          imageAlt: "Lively event photography"},
        {
          id: "p-2",          brand: "Photography",          name: "Portraits & Headshots",          price: "Personalized sessions",          rating: 5,
          reviewCount: "18 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg",          imageAlt: "Striking portrait photography"},
        {
          id: "p-3",          brand: "Photography",          name: "Commercial & Product",          price: "Showcasing your brand",          rating: 5,
          reviewCount: "12 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113114.jpg",          imageAlt: "Commercial product photography"},
        {
          id: "p-4",          brand: "Videography",          name: "Aerial & Drone",          price: "Breathtaking perspectives",          rating: 5,
          reviewCount: "9 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803959.jpg",          imageAlt: "Aerial videography of a cityscape"},
        {
          id: "p-5",          brand: "Videography",          name: "Wedding & Events",          price: "Cherished memories",          rating: 5,
          reviewCount: "30 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278416.jpg",          imageAlt: "Cinematic wedding videography"},
        {
          id: "p-6",          brand: "Videography",          name: "Documentary & Story",          price: "Compelling narratives",          rating: 5,
          reviewCount: "7 Reviews",          imageSrc: "http://img.b2bpic.net/free-photo/activities-hipster-inspire-inspiration-icon_53876-21304.jpg",          imageAlt: "Documentary film production"},
      ]}
      title="Our Diverse Portfolio"
      description="Explore a selection of our finest work, showcasing a range of styles from vibrant events to intimate portraits and dynamic video productions."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Professional Photography",          description: "High-resolution imagery for events, portraits, commercial use, and more. We deliver stunning visuals that tell your story.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg",            imageAlt: "Smartphone showing photography gallery"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-infertility-proof_23-2149357298.jpg",            imageAlt: "Smartphone showing videography playback"}
        },
        {
          title: "Cinematic Videography",          description: "Engaging video content for weddings, corporate events, documentaries, and promotional campaigns. We bring narratives to life with motion.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/nightlife-people-dancing-club-holding-smartphones-up_23-2149052680.jpg",            imageAlt: "Smartphone showing event photography collage"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-take-photo_23-2149365806.jpg",            imageAlt: "Smartphone showing event videography highlight"}
        },
        {
          title: "Post-Production Excellence",          description: "Expert editing, color grading, sound design, and visual effects to ensure your final product is polished and captivating.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-pasta-bowl-with-smartphone_23-2149428185.jpg",            imageAlt: "Smartphone showing product photo catalog"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog_23-2148916273.jpg",            imageAlt: "Smartphone showing product video commercial"}
        },
      ]}
      showStepNumbers={false}
      title="Our Specialized Services"
      description="From captivating photography sessions to professional video production, we offer bespoke services tailored to your unique requirements."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Corp",        "Fashion Vista",        "Gourmet Bites",        "Event Horizon",        "Voyage Explorer",        "Creative Media Co.",        "Urban Properties"]}
      title="Trusted by Leading Brands & Clients"
      description="Our commitment to excellence has earned the trust of a diverse clientele, from local businesses to international organizations, helping them visually articulate their stories."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",          name: "Sophia Rodriguez",          role: "Marketing Director",          company: "Bloom Innovations",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg",          imageAlt: "Sophia Rodriguez"},
        {
          id: "t-2",          name: "Marcus Chen",          role: "Event Coordinator",          company: "Grand Celebrations",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705921.jpg",          imageAlt: "Marcus Chen"},
        {
          id: "t-3",          name: "Emily Watson",          role: "Brand Manager",          company: "Artisan Foods",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg",          imageAlt: "Emily Watson"},
        {
          id: "t-4",          name: "David Kim",          role: "CEO",          company: "Tech Solutions Inc.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6486.jpg",          imageAlt: "David Kim"},
        {
          id: "t-5",          name: "Jessica Lee",          role: "Creative Lead",          company: "Style Studios",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",          imageAlt: "Jessica Lee"},
      ]}
      kpiItems={[
        {
          value: "150+",          label: "Satisfied Clients"},
        {
          value: "10+",          label: "Years Experience"},
        {
          value: "500+",          label: "Projects Completed"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from clients who have experienced the difference of working with a dedicated visual storyteller."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What types of photography services do you offer?",          content: "We offer a comprehensive range of photography services, including event photography (weddings, corporate events), portrait sessions (family, individual, professional headshots), commercial photography (product, lifestyle, branding), and real estate photography."},
        {
          id: "q2",          title: "Can you provide both photography and videography for my event?",          content: "Absolutely! We specialize in both photography and videography and can provide a seamless, integrated package for your event. This ensures a consistent style and vision across both mediums."},
        {
          id: "q3",          title: "How long does it take to receive the final photos/videos?",          content: "Our typical turnaround time for photography is 2-4 weeks, and for videography, it's 4-8 weeks, depending on the complexity and volume of the project. We offer expedited services for an additional fee if you have a tight deadline."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247211.jpg"
      imageAlt="Camera gear and studio setup"
      mediaAnimation="opacity"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find quick answers to the most common inquiries about our services, booking process, and deliverables."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get in Touch"
      title="Let's Create Something Amazing"
      description="Ready to discuss your next project? Reach out to us for a personalized consultation and quote. We're excited to hear your ideas!"
      imageSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821272.jpg"
      imageAlt="Creative workspace with camera and laptop"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your email address"
      buttonText="Send Inquiry"
      termsText="By sending an inquiry, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Lens & Frame Studio"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Photography",              href: "#services"},
            {
              label: "Videography",              href: "#services"},
            {
              label: "Post-Production",              href: "#services"},
            {
              label: "Event Coverage",              href: "#services"},
          ],
        },
        {
          title: "Portfolio",          items: [
            {
              label: "Weddings",              href: "#portfolio"},
            {
              label: "Portraits",              href: "#portfolio"},
            {
              label: "Commercial",              href: "#portfolio"},
            {
              label: "Short Films",              href: "#portfolio"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Client Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2024 Lens & Frame Studio. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
