"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Clock, Crop, Diamond, DollarSign, Facebook, Feather, Film, HelpCircle, Instagram, MessageSquare, Send, Smile, Sparkles, Star, Volume2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLarge"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "Portfolio",          id: "portfolio"},
        {
          name: "About Us",          id: "about"},
        {
          name: "Pricing",          id: "pricing"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="EditPro Studio"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="Transform Your Vision into Cinematic Reality"
      description="Expert video editing services for businesses, creators, and special events. We bring your stories to life with precision and creativity."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",          alt: "Client Sarah J."},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",          alt: "Client Michael K."},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",          alt: "Client Emily R."},
        {
          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",          alt: "Client David S."},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-hipster-man-hazel-eyes-wearing-trendy-plaid-shirt-posing-near-city-cafe_291049-1499.jpg",          alt: "Client Jessica P."},
      ]}
      avatarText="Trusted by over 100+ satisfied clients"
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "View Our Portfolio",          href: "#portfolio"},
      ]}
      buttonAnimation="opacity"
      marqueeItems={[
        {
          type: "text-icon",          text: "Precision Editing",          icon: Crop,
        },
        {
          type: "text-icon",          text: "Creative Storytelling",          icon: Feather,
        },
        {
          type: "text-icon",          text: "Stunning Visuals",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Crystal Clear Audio",          icon: Volume2,
        },
        {
          type: "text-icon",          text: "Timely Delivery",          icon: Clock,
        },
        {
          type: "text-icon",          text: "Client Satisfaction",          icon: Smile,
        },
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "About Our Dedicated Video Editing Studio"},
        {
          type: "text",          content: "At EditPro Studio, we are passionate about transforming raw footage into compelling visual narratives. With years of experience and a keen eye for detail, our team of expert editors collaborates closely with clients to bring their unique visions to life. We pride ourselves on delivering high-quality, impactful videos that resonate with audiences, whether for corporate brands, special events, or creative projects. Our commitment to excellence ensures every frame tells a story."},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/empty-streaming-home-studio-equipped-with-professional-streaming-equipment_482257-547.jpg",          alt: "Modern video editing studio setup"}
      ]}
      buttons={[
        {
          text: "Discover Our Story",          href: "#"},
      ]}
      buttonAnimation="opacity"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Inconsistent visual style",          "Lack of engaging transitions",          "Poor audio quality",          "Missed deadlines",          "Generic stock footage"],
      }}
      positiveCard={{
        items: [
          "Cohesive brand aesthetic",          "Dynamic, creative cuts",          "Crystal-clear sound design",          "Timely project delivery",          "Custom-selected visuals"],
      }}
      title="Our Specialized Video Editing Services"
      description="From raw footage to polished masterpiece, we handle every detail to deliver captivating visual stories."
      tag="What We Offer"
      tagIcon={Sparkles}
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Corporate Brand Film",          price: "Custom Quote",          variant: "Business",          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066395.jpg",          imageAlt: "Corporate Brand Film Showcase"},
        {
          id: "p2",          name: "Wedding Highlight Reel",          price: "Starting at $800",          variant: "Events",          imageSrc: "http://img.b2bpic.net/free-photo/trekking-forest_53876-13441.jpg",          imageAlt: "Wedding Highlight Reel Sample"},
        {
          id: "p3",          name: "Social Media Adverts",          price: "Starting at $300",          variant: "Marketing",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-beauty-blogger-woman-recording-video-her-putting-makeup-talking-camera-making_1258-281645.jpg",          imageAlt: "Social Media Advertisement"},
        {
          id: "p4",          name: "Documentary Editing",          price: "Custom Quote",          variant: "Long Form",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-darkroom_23-2149893951.jpg",          imageAlt: "Documentary Project"},
        {
          id: "p5",          name: "Music Video Production",          price: "Starting at $1200",          variant: "Creative",          imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862181.jpg",          imageAlt: "Music Video Edit"},
        {
          id: "p6",          name: "Real Estate Showcase",          price: "Starting at $500",          variant: "Property",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-indoors-with-book_23-2149548505.jpg",          imageAlt: "Real Estate Video Walkthrough"},
        {
          id: "p7",          name: "Cowboys Detailing Promotional Video",          price: "Client Project",          variant: "Automotive Marketing",          imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-detailing-shop_23-2149221142.jpg",          imageAlt: "Promotional video for Cowboys Detailing"
        },
        {
          id: "p8",          name: "High School AVID Promotion Video",          price: "Educational Project",          variant: "Non-Profit / Education",          imageSrc: "http://img.b2bpic.net/free-photo/students-wearing-graduation-gowns-raising-their-arms-air-celebrate-graduation_23-2149463510.jpg",          imageAlt: "AVID promotion video for high school"
        }
      ]}
      title="Our Featured Projects & Client Work"
      description="Explore a selection of our video editing work, from corporate to educational, showcasing our diverse expertise and client successes."
      tag="Our Work"
      tagIcon={Film}
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          tag: "Starter",          tagIcon: Star,
          price: "$499",          period: "/ project",          description: "Ideal for short-form content and quick edits.",          button: {
            text: "Choose Basic"},
          featuresTitle: "Includes:",          features: [
            "Up to 5 minutes of finished video",            "Basic color correction",            "Sound mixing",            "One round of revisions"],
        },
        {
          id: "pro",          tag: "Professional",          tagIcon: Award,
          price: "$999",          period: "/ project",          description: "Perfect for polished brand videos and events.",          button: {
            text: "Choose Pro"},
          featuresTitle: "Includes:",          features: [
            "Up to 15 minutes of finished video",            "Advanced color grading",            "Professional sound design",            "Two rounds of revisions",            "Motion graphics integration"],
        },
        {
          id: "premium",          tag: "Enterprise",          tagIcon: Diamond,
          price: "Custom",          period: "/ project",          description: "For complex projects and ongoing partnership needs.",          button: {
            text: "Contact for Quote"},
          featuresTitle: "Includes:",          features: [
            "Unlimited video length",            "Cinematic color grading",            "Original sound scoring",            "Priority support & unlimited revisions",            "Advanced VFX & 3D elements"],
        },
      ]}
      title="Flexible Pricing Plans"
      description="Tailored packages to fit your project needs and budget, ensuring quality without compromise."
      tag="Pricing"
      tagIcon={DollarSign}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",          name: "Sarah Johnson",          role: "Marketing Director, TechSolutions",          testimonial: "EditPro Studio transformed our raw footage into a captivating brand story. Their attention to detail and creative input were exceptional!",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "t2",          name: "Michael Chen",          role: "Event Coordinator, Grand Events Co.",          testimonial: "Our wedding highlight reel was more beautiful than we ever imagined. The team captured every emotion perfectly.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",          imageAlt: "Michael Chen"},
        {
          id: "t3",          name: "Emily Rodriguez",          role: "Content Creator, Emily's Adventures",          testimonial: "Fast, reliable, and incredibly talented. EditPro Studio consistently elevates my social media content to the next level.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-earrings-yellow-sweater_273609-4974.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "t4",          name: "David Kim",          role: "Real Estate Agent, Elite Properties",          testimonial: "The property showcase video they created helped us sell a luxury listing faster than expected. Truly professional work.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-space-buns-yellow-turtleneck_273609-6932.jpg",          imageAlt: "David Kim"},
        {
          id: "t5",          name: "Jessica Perez",          role: "Indie Filmmaker",          testimonial: "Their documentary editing brought clarity and impact to our complex narrative. A fantastic partner for any serious project.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone_23-2147760930.jpg",          imageAlt: "Jessica Perez"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from those who've experienced our commitment to excellence and transformative video editing services."
      tag="Client Stories"
      tagIcon={MessageSquare}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What is your typical turnaround time?",          content: "Turnaround time varies based on project complexity and length. For standard projects, expect 3-7 business days. Expedited services are available upon request."},
        {
          id: "q2",          title: "What kind of footage do you accept?",          content: "We accept footage from all common cameras and devices, including DSLRs, mirrorless cameras, smartphones, drones, and professional cinema cameras. Raw files, ProRes, H.264, and more are all compatible."},
        {
          id: "q3",          title: "Do you offer custom music or sound design?",          content: "Yes, we can source royalty-free music, work with licensed tracks you provide, or create custom sound designs to perfectly match your video's mood and message. Original scoring is available for premium packages."},
        {
          id: "q4",          title: "How does the revision process work?",          content: "Each plan includes a specific number of revision rounds. You'll receive a draft, provide feedback, and we'll implement changes. Our goal is to ensure you are 100% satisfied with the final product."},
        {
          id: "q5",          title: "Can you work with existing branding guidelines?",          content: "Absolutely! We excel at integrating your brand's specific colors, fonts, logos, and animation styles to ensure consistency across all your video content."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our video editing process, pricing, and project collaboration."
      tag="Need Answers?"
      tagIcon={HelpCircle}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Ready to Start?"
      title="Let's Create Something Amazing"
      description="Get a personalized quote or discuss your project in detail. We're eager to hear your ideas and bring them to life."
      tagIcon={Send}
      imageSrc="http://img.b2bpic.net/free-photo/writing-near-cinematography-halloween-supplies_23-2147894259.jpg"
      imageAlt="Video editing equipment"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Get a Free Quote"
      termsText="By clicking 'Get a Free Quote', you're confirming that you agree with our Terms and Conditions and Privacy Policy."
      onSubmit={(email) => console.log('Email submitted:', email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="EditPro Studio"
      copyrightText="© 2024 EditPro Studio. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Film,
          href: "#",          ariaLabel: "YouTube"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
