"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmall"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "About",          id: "about"},
        {
          name: "Features",          id: "features"},
        {
          name: "Pricing",          id: "pricing"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Design Agency"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain"}}
      title="Your Brand, Fully Designed and Marketed"
      description="From logo design to performance marketing, we build complete brand experiences that drive real business growth. Let's turn your vision into measurable results."
      buttons={[
        {
          text: "Start Your Project",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/skilled-professional-woman-man-office-workers-share-opinions-search-solutions-study-papers-develop-architecturalproject-collaboration-pose-coworking-space-have-serious-expressions_273609-50276.jpg"
      imageAlt="professional digital agency office"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/people-working-together-office_23-2149337246.jpg",          alt: "People working together at office"},
        {
          src: "http://img.b2bpic.net/free-photo/proposal-summary-project-progress-research-concept_53876-13823.jpg",          alt: "Proposal Summary Project Progress Research Concept"},
        {
          src: "http://img.b2bpic.net/free-photo/three-young-motivated-people-discuss-plan-cooperation-common-architectural-project-poses-modern-coworking-office-collaborate-making-research_273609-50326.jpg",          alt: "Three young motivated people discuss plan of cooperation on common architectural project poses in modern coworking office collaborate for making research "},
        {
          src: "http://img.b2bpic.net/free-photo/demo-digital-device_23-2149243957.jpg",          alt: "Demo on digital device"},
        {
          src: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",          alt: "Startup worker uses laptop in open space"},
      ]}
      avatarText="Join 500+ growing brands"
      marqueeItems={[
        {
          type: "text",          text: "Branding Strategy"},
        {
          type: "text",          text: "UI/UX Design"},
        {
          type: "text",          text: "Web Development"},
        {
          type: "text",          text: "Digital Marketing"},
        {
          type: "text",          text: "Growth Analytics"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Your Trusted Digital Growth Partner"
      description={[
        "We are a full-service design agency dedicated to helping small to midsize businesses establish their presence. We believe that great design paired with strategic marketing is the key to business success.",        "Our expert team combines years of experience across branding, digital development, and performance marketing to provide end-to-end solutions tailored to your unique goals.",        "We handle the creative and technical heavy lifting so you can focus on leading your business. From your initial logo design to complex marketing funnels, we are with you at every step of your digital journey."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Logo & Brand Identity",          description: "Crafting iconic logos and cohesive brand identities that define your market position.",          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-notebook-with-drew-brand-logo-creative-design-ideas_53876-31548.jpg"},
        {
          title: "Custom Web Design",          description: "High-performance, mobile-responsive websites designed to engage your customers and drive sales.",          imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-financial-growth-report_482257-77710.jpg"},
        {
          title: "Performance Marketing",          description: "Data-driven strategies that optimize your reach and convert leads into long-term loyal clients.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-animals-assortment_23-2149057977.jpg"},
      ]}
      title="Integrated Services for Modern Businesses"
      description="We offer a complete suite of services to build and grow your digital presence, ensuring cohesive branding across every touchpoint."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          value: "200+",          description: "Successful Branding Projects"},
        {
          id: "2",          value: "150+",          description: "Custom Sites Launched"},
        {
          id: "3",          value: "40%",          description: "Average Marketing ROI Increase"},
      ]}
      title="Delivering Measurable Impact"
      description="We focus on results that matter to your bottom line, using data to drive every creative decision we make."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={true}
      names={[
        "Tech Innovate",        "Creative Studio",        "Growth Labs",        "Strategy First",        "Cloud Solutions",        "Retail Tech",        "Finance App"]}
      title="Trusted by Growing Businesses"
      description="We've helped diverse teams establish their digital presence and reach their audiences."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",          badge: "Essential",          price: "$2,500",          subtitle: "Perfect for new brands",          buttons: [
            {
              text: "Get Started",              href: "#contact"},
          ],
          features: [
            "Custom Logo Design",            "Basic Website Setup",            "Initial SEO Strategy"],
        },
        {
          id: "growth",          badge: "Most Popular",          price: "$5,000",          subtitle: "Scale your business",          buttons: [
            {
              text: "Get Started",              href: "#contact"},
          ],
          features: [
            "Everything in Starter",            "Premium Web Design",            "Ad Campaign Setup",            "Social Media Strategy"],
        },
      ]}
      title="Growth Packages"
      description="Flexible plans designed to fit your current needs and scale alongside your business growth."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="blur-reveal"
      textboxLayout="split"
      useInvertedBackground={true}
      title="Client Success Stories"
      description="Hear from our valued partners about how we've helped them grow their digital presence and reach their goals."
      testimonials={[
        { id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "The branding work exceeded our expectations and truly captured our company's essence.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-copy-space_23-2148817118.jpg" },
        { id: "2", name: "Michael Chen", role: "Founder", testimonial: "A seamless process from start to finish. Our new website performance is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg" },
        { id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "The data-driven marketing strategy transformed our reach. Highly recommend their professional team.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-arms-folded_1098-44.jpg" }
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Contact Us"
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="Ready to Start Your Project?"
      description="Contact our team to schedule a discovery call and take the first step toward a new brand experience."
      imageSrc="http://img.b2bpic.net/free-photo/african-american-businesswoman-drinking-coffee-while-following-online-presentation-from-her-office_637285-12919.jpg"
      imageAlt="modern studio client meeting room"
      mediaAnimation="slide-up"
      buttonText="Send Inquiry"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Design Agency"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Contact Us",        href: "#contact"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}