"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "features"},
        {
          name: "Results",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Vantage"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="Scaling Impact for Premium Brands"
      description="We blend high-end strategy with data-driven creative to dominate social landscapes. Your brand deserves more than just attention—it deserves an empire."
      testimonials={[
        {
          name: "Alexander Thorne",          handle: "@athorne",          testimonial: "Vantage transformed our digital presence into a powerhouse. Unmatched strategic insight.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg"},
        {
          name: "Sofia Rossi",          handle: "@sofiarossi",          testimonial: "The most professional agency I've ever worked with. Truly next-level social scaling.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg"},
        {
          name: "Marcus Chen",          handle: "@mchen",          testimonial: "Vantage doesn't just manage accounts; they drive exponential brand growth.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-readhead-bearded-man-white-shirt-sitting-his-workplace-holding-his-chin-looking_171337-9855.jpg"},
        {
          name: "Elena Vargos",          handle: "@evargos",          testimonial: "Absolute perfection in every campaign launch.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-woman-with-dark-curly-hair-standing-near-table-happily-showing-fashion-sketches-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-496.jpg"},
        {
          name: "Liam Bennett",          handle: "@lbennett",          testimonial: "Strategic brilliance that yields massive ROI.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-digital-data-stream-network-connections_23-2152020934.jpg"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",          alt: "Client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",          alt: "Client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",          alt: "Client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/corporate-young-woman-posing-office_23-2148452662.jpg",          alt: "Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg",          alt: "Client 5"},
      ]}
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/blue-light-rays-background_1017-3394.jpg",          alt: "Partner 1"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301569.jpg",          alt: "Partner 2"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/abstract-blue-tunnel-backgrund_1017-3414.jpg",          alt: "Partner 3"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/blue-shades-glowing-fiber-channels_23-2148241245.jpg",          alt: "Partner 4"},
        {
          type: "text",          text: "Exponential Growth"},
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "LuxeLife",        "Velocity Tech",        "Bloom Beauty",        "Summit Capital",        "Apex Design",        "Prime Fitness",        "Urban Pulse"]}
      title="Trusted by Visionary Brands"
      description="Partnering with the world's most innovative brands to redefine digital influence."
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Strategy Meets Aesthetic"
      description="We are a boutique social media agency dedicated to precision. Our team combines deep analytical insights with high-fidelity creative output, ensuring every post aligns with your brand's ultimate vision."
      bulletPoints={[
        {
          title: "Precision Strategy",          description: "Hyper-targeted campaigns designed to maximize engagement."},
        {
          title: "Premium Content",          description: "High-production-value assets that stop the scroll."},
        {
          title: "Exponential Growth",          description: "Continuous optimization for scaling impact and reach."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      features={[
        {
          title: "Social Strategy",          description: "Comprehensive audits and roadmaps for brand dominance.",          imageSrc: "http://img.b2bpic.net/free-photo/hacker-bypasses-network-security-engages-cyber-crime-with-vr-headset_482257-126453.jpg"},
        {
          title: "Content Production",          description: "Art-directed video and photo campaigns that convert.",          imageSrc: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photos-cosmetics_53876-26154.jpg"},
        {
          title: "Community Management",          description: "Proactive engagement that builds genuine loyalty.",          imageSrc: "http://img.b2bpic.net/free-photo/man-car-using-touchscreen-rain-modern-car-technology-inside-vehicle_169016-69740.jpg"},
      ]}
      title="Full-Service Creative Solutions"
      description="Comprehensive strategies to elevate your brand presence across all social media platforms."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Alexander Thorne",          role: "CEO, LuxeLife",          testimonial: "An incredible experience. Vantage is a masterclass in social growth.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
        {
          id: "2",          name: "Sofia Rossi",          role: "Founder, Bloom",          testimonial: "They captured my brand aesthetic perfectly. Truly high-end performance.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
        {
          id: "3",          name: "Marcus Chen",          role: "CMO, Summit Capital",          testimonial: "Vantage delivers data-backed results with unparalleled creative flair.",          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-entrepreneur-wear-black-coat-blue-shirt-eyeglasses-against-office-building-smoking-cigarette_627829-5290.jpg"},
        {
          id: "4",          name: "Elena Vargos",          role: "Lead, Apex",          testimonial: "Vantage is an extension of our internal team, driven by pure excellence.",          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg"},
        {
          id: "5",          name: "Liam Bennett",          role: "Owner, Urban Pulse",          testimonial: "Strategic genius. My socials have never looked this premium.",          imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg"},
      ]}
      title="Client Success Stories"
      description="See why top brands choose us to amplify their digital influence."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Start Your Empire"
      description="Ready to scale your digital presence to elite status? Contact us to begin your journey."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "How can we scale your brand?",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/empty-technical-office-with-real-estate-construction-plan-building-model-desk-nobody-workplace-used-construction-design-architectural-structure-with-urban-project_482257-38832.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Vantage Agency"
      copyrightText="© 2025 Vantage Digital Agency. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
