"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Vantage Social"
      button={{
        text: "Get Started",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain",
      }}
      title="Elevating Brands Through Social Excellence"
      description="We craft sophisticated social media strategies that command attention, foster community, and drive measurable ROI for luxury and high-growth brands."
      kpis={[
        {
          value: "1.2B+",
          label: "Social Reach",
        },
        {
          value: "45%",
          label: "Avg. Engagement",
        },
        {
          value: "$50M+",
          label: "Client Revenue",
        },
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885686.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-reading-book-yellow-scene_23-2148185036.jpg",
          alt: "Portrait of woman reading a book in a yellow scene",
        },
        {
          src: "http://img.b2bpic.net/free-photo/developing-photographs-darkroom_23-2149894054.jpg",
          alt: "Developing photographs in a darkroom",
        },
        {
          src: "http://img.b2bpic.net/free-photo/interior-design-with-photoframe-desk_23-2149385432.jpg",
          alt: "Interior design with photoframe and desk",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-table-with-art-tools-colorful-pencils-professional-drawing-concept-art-studio-space-african-american-creative-artist-working-masterpiece-canvas-project_482257-28069.jpg",
          alt: "Close up of table with art tools and colorful pencils for professional drawing concept in art studio space",
        },
        {
          src: "http://img.b2bpic.net/free-photo/group-business-workers-smiling-happy-confident-meeting-working-together-looking-presentation-using-board-laptop-applauding-office_839833-16233.jpg",
          alt: "Group of business workers smiling happy and confident in a meeting",
        },
      ]}
      avatarText="Join 500+ visionary brands"
      marqueeItems={[
        {
          type: "text",
          text: "Brand Growth",
        },
        {
          type: "text",
          text: "Content Strategy",
        },
        {
          type: "text",
          text: "ROI Focused",
        },
        {
          type: "text",
          text: "Global Reach",
        },
        {
          type: "text",
          text: "Elite Creative",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="We aren't just an agency; we are the catalyst for your brand's digital legacy."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Social Strategy",
          description: "Holistic roadmaps for platform dominance and high-impact organic presence.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=idcrup",
        },
        {
          title: "Growth Analytics",
          description: "Data-driven insights to optimize performance and ensure maximum conversion.",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
        },
        {
          title: "Creative Content",
          description: "Elite production of visual assets that tell your brand's unique story.",
          imageSrc: "http://img.b2bpic.net/free-vector/20-graphic-designer-solid-glyph-icon-presentation-vector-icons-illustration_1142-19482.jpg",
        },
      ]}
      title="Premium Agency Services"
      description="Custom-built strategies designed to scale your presence and maximize impact across every platform."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Chen",
          date: "Oct 2023",
          title: "Founder, LuxeHome",
          quote: "The team transformed our social channels from basic to world-class in months.",
          tag: "Strategy",
          avatarSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116270.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885686.jpg",
          imageAlt: "professional business headshot female",
        },
        {
          id: "2",
          name: "Marcus Thorne",
          date: "Sep 2023",
          title: "CEO, TechSphere",
          quote: "Vantage Social understands the balance of creativity and analytics perfectly.",
          tag: "Performance",
          avatarSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-16012.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-workmates-discussing-business-strategy-startup-office-colleagues-working-project-planning-presentation-company-development-growth-brainstorming-ideas_482257-40347.jpg",
          imageAlt: "professional business headshot female",
        },
        {
          id: "3",
          name: "Elena Rodriguez",
          date: "Aug 2023",
          title: "VP Marketing, Aura",
          quote: "Their content creation standards are unmatched. A true premium experience.",
          tag: "Creative",
          avatarSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=idcrup",
          imageAlt: "professional business headshot female",
        },
        {
          id: "4",
          name: "David Kim",
          date: "Jul 2023",
          title: "Co-Founder, Innovate",
          quote: "The results we saw were beyond our expectations. Pure growth engines.",
          tag: "Growth",
          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
          imageAlt: "professional business headshot female",
        },
        {
          id: "5",
          name: "Sophia Moore",
          date: "Jun 2023",
          title: "Director, Moda",
          quote: "A partner that genuinely cares about our brand identity and long-term vision.",
          tag: "Partnership",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-sitting-floor-surrounded-by-confetti_23-2148331825.jpg",
          imageSrc: "http://img.b2bpic.net/free-vector/20-graphic-designer-solid-glyph-icon-presentation-vector-icons-illustration_1142-19482.jpg",
          imageAlt: "professional business headshot female",
        },
      ]}
      title="Trusted by Visionaries"
      description="Client success stories that define our commitment to excellence."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Ready to scale?"
      title="Start your journey today."
      description="Join the circle of brands that define the digital future."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Strategy",
              href: "#services",
            },
            {
              label: "Growth",
              href: "#services",
            },
            {
              label: "Content",
              href: "#services",
            },
          ],
        },
        {
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Vantage Social"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
