"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, BookOpen, CheckCircle, Facebook, Instagram, Linkedin, Sparkles, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="large"
        background="fluid"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Work",          id: "#work"},
        {
          name: "Insights",          id: "#insights"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Vira Media"
      bottomLeftText="Delegate to Elevate"
      bottomRightText="hello@viramedia.com"
      button={{
        text: "Get Started",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "animated-grid"}}
      title="Delegate to Elevate Your Content"
      description="Focus on growing your content while we handle the post-production management. Reliable editing. On time. Every time."
      tag="Vira Media"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Explore Services",          href: "#services"},
        {
          text: "View Our Work",          href: "#work"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-pc-screen-before-editing-color-grading_482257-122550.jpg",          imageAlt: "Dynamic video editing suite"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/trendy-colour-swatches-collage_23-2149901809.jpg",          imageAlt: "Professional color correction in Premiere Pro"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg",          imageAlt: "AI integration in video editing workflow"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-it-specialist-working-project-sitting-office-with-international-colleagues_197531-4957.jpg",          imageAlt: "Video production team collaborating"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-businesswoman-using-digital-tablet-while-examining-globe-planning-her-vacation_637285-77.jpg",          imageAlt: "Global connectivity and reach"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-isolation-home_23-2149132960.jpg",          imageAlt: "Creative conceptualization and storyboarding"},
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="From Technical Execution to Creative Vision"
      description={[
        "Vira Media has always been a powerful, reliable engine for post-production, delivering high-quality, conversion-ready videos at scale. Our philosophy ensures you focus on content growth, and we manage everything else.",        "We are strategically evolving into a comprehensive creative and conceptualization studio. Our expanded services now encompass not just flawless execution but also innovative ideation and strategic content development, guiding your vision from concept to completion."]}
      buttons={[
        {
          text: "Our Philosophy",          href: "#"},
        {
          text: "Our Mission",          href: "#"},
      ]}
      buttonAnimation="slide-up"
      showBorder={false}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Short-Form Commercials",          description: "Capture attention and drive immediate engagement with powerful, concise video ads designed for maximum impact across digital platforms.",          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066398.jpg",          imageAlt: "Short-form commercial video on a smartphone"},
        {
          title: "Long-Form Videos",          description: "Engage your audience with compelling narratives, documentaries, and comprehensive brand stories that build deep connections and lasting impressions.",          imageSrc: "http://img.b2bpic.net/free-photo/content-creator-using-production-camera-gear-film-motivational-type-video_482257-108484.jpg",          imageAlt: "Cinematic long-form video on a monitor"},
        {
          title: "Creative Conceptualization",          description: "Beyond execution, we provide strategic ideation, scriptwriting, and visual development to bring your most ambitious video projects to life.",          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-hands-wooden-table-with-documents-drafts_176420-364.jpg",          imageAlt: "Creative conceptualization and storyboarding"},
      ]}
      title="Our Key Services"
      description="We partner with growing teams to produce high-quality, conversion-ready videos at scale across all formats."
      tag="Offerings"
      tagIcon={CheckCircle}
    />
  </div>

  <div id="work" data-section="work">
      <ProductCardTwo
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      animationType="slide-up"
      products={[
        {
          id: "product-1",          brand: "Tech Innovations Inc.",          name: "FutureTech Launch",          price: "Commercial",          rating: 5,
          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/angry-frustrated-manager-working-statup-project_482257-77537.jpg",          imageAlt: "Tech Startup Commercial"},
        {
          id: "product-2",          brand: "Elegance Fashion House",          name: "Haute Couture Showcase",          price: "Commercial",          rating: 5,
          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947437.jpg",          imageAlt: "Fashion Brand Commercial"},
        {
          id: "product-3",          brand: "GreenPower Solutions",          name: "Sustainable Future",          price: "Documentary",          rating: 5,
          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/engineer-working-energy-innovations_23-2148820130.jpg",          imageAlt: "Corporate Documentary"},
        {
          id: "product-4",          brand: "Hope & Horizons Charity",          name: "Community Impact",          price: "Brand Story",          rating: 5,
          reviewCount: "22",          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-love-sign-with-hands_23-2148337966.jpg",          imageAlt: "Non-Profit Brand Story"},
        {
          id: "product-5",          brand: "Stratagem AI",          name: "Platform Explainer",          price: "Explainer Video",          rating: 5,
          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749871.jpg",          imageAlt: "Software Platform Explainer"},
        {
          id: "product-6",          brand: "Global Tech Summit",          name: "Conference Highlights",          price: "Event Recap",          rating: 5,
          reviewCount: "28",          imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10077.jpg",          imageAlt: "Tech Conference Recap"},
      ]}
      title="Our Recent Productions"
      description="See how we deliver high-quality, conversion-ready videos for diverse clients across various industries."
      tag="Portfolio"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Our Impact & Global Footprint"
      tag="Performance"
      tagAnimation="slide-up"
      metrics={[
        {
          id: "m1",          value: "1,000+",          description: "Projects Delivered"},
        {
          id: "m2",          value: "50+",          description: "Trusted Brand Partners"},
        {
          id: "m3",          value: "5+",          description: "Countries Served (USA & UAE)"},
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Asset Management",        "Global Tech Solutions",        "Creative Minds Studio",        "Digital Innovations",        "Enterprise Connect",        "Future Systems Inc.",        "Growth Marketing Co."}
      title="Trusted by Industry Leaders"
      description="We're proud to collaborate with a diverse range of over 50 trusted brands globally."
      tag="Partnerships"
      tagIcon={Award}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="auto"
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "CEO, TechCorp",          testimonial: "Vira Media transformed our product launch video. Their team is incredibly professional, and the quality was outstanding. They truly deliver on time, every time!",          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          role: "CTO, InnovateLab",          testimonial: "The post-production management by Vira Media allowed our internal team to focus on core development. Their efficiency and technical expertise are unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director, GrowthCo",          testimonial: "From conceptualization to final delivery, Vira Media exceeded expectations. Our short-form commercials generated incredible engagement. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          role: "Product Manager, StartupXYZ",          testimonial: "Their ability to handle complex long-form videos with such precision is remarkable. Vira Media is a vital partner in our content strategy.",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Jessica Lee",          role: "Brand Manager, GlobalBrands",          testimonial: "The creative input and conceptualization from Vira Media helped us define our brand story perfectly. Their end-to-end service is exceptional.",          imageSrc: "http://img.b2bpic.net/free-photo/skeptical-senior-businesswoman-looking-camera_1262-5592.jpg",          imageAlt: "Jessica Lee"},
        {
          id: "6",          name: "Daniel Green",          role: "Founder, Visionary Ventures",          testimonial: "Vira Media's reliability is their superpower. Knowing our video needs are in expert hands frees us to innovate. A truly invaluable partnership.",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",          imageAlt: "Daniel Green"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from our partners about the impact of our reliable and high-quality video production services."
      tag="Testimonials"
    />
  </div>

  <div id="insights" data-section="insights">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      title="Insights & Industry Trends"
      description="Stay ahead with our articles on technical topics and current trends in the dynamic video industry."
      tag="Blog"
      tagIcon={BookOpen}
      blogs={[
        {
          id: "blog-1",          category: "AI in Video",          title: "The Rise of AI in Video Editing Workflows",          excerpt: "Explore how artificial intelligence is revolutionizing post-production, enhancing efficiency and creative possibilities.",          imageSrc: "http://img.b2bpic.net/free-photo/video-editor-polishing-raw-footage-chroma-key-pc-closeup_482257-122541.jpg",          imageAlt: "AI in video editing",          authorName: "Vira Media Team",          authorAvatar: "asset://avatar-blog-1",          date: "July 24, 2024"},
        {
          id: "blog-2",          category: "Software Tutorials",          title: "Mastering Color Correction in Premiere Pro",          excerpt: "A comprehensive guide to achieving cinematic color grades and perfect visual balance in Adobe Premiere Pro.",          imageSrc: "http://img.b2bpic.net/free-photo/videographer-using-editing-software-color-correcting_482257-121794.jpg",          imageAlt: "Color correction in Premiere Pro",          authorName: "Vira Media Team",          authorAvatar: "asset://avatar-blog-2",          date: "July 20, 2024"},
        {
          id: "blog-3",          category: "Industry Overview",          title: "Professional Video Editing Software: A Deep Dive",          excerpt: "An in-depth look at the leading tools, features, and optimal uses for professional video editing across the industry.",          imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-using-headphones-listen-songs-while-using-editing-software_482257-121770.jpg",          imageAlt: "Professional video editing software overview",          authorName: "Vira Media Team",          authorAvatar: "asset://avatar-blog-3",          date: "July 15, 2024"},
        {
          id: "blog-4",          category: "Future Trends",          title: "Top 5 Video Industry Trends to Watch in 2024",          excerpt: "Stay informed about the most significant trends shaping the future of video production and consumption.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-uses-phone-call-connection-showcase-engagement_482257-127209.jpg",          imageAlt: "Video industry trends 2024",          authorName: "Vira Media Team",          authorAvatar: "asset://avatar-blog-4",          date: "July 10, 2024"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Contact Us"
      title="Ready to Elevate Your Content?"
      description="Reach out today to discuss your next video project and discover how Vira Media can help you achieve your creative vision."
      imageSrc="http://img.b2bpic.net/free-photo/folder-sharing-cursor-click-computer-network-concept_53876-21395.jpg"
      imageAlt="Modern office space with network lines"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Your Email"
      buttonText="Get in Touch"
      termsText="By submitting, you're confirming that you agree with our Privacy Policy and Terms of Service."
    />
  </div>

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