"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, CheckCircle, MapPin, Monitor, Star, User, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="grid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Work",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="SAPIENS"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Growth solutions built for real businesses"
      description="We handle paid ads, local SEO, automation, and web design so you can focus on what matters—proven results for B2B companies ready to scale."
      testimonials={[
        {
          name: "James R.",
          handle: "@scaleup",
          testimonial: "Increased our lead volume by 40% in three months.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg",
          imageAlt: "professional meeting B2B agency office",
        },
        {
          name: "Sarah K.",
          handle: "@growthco",
          testimonial: "Finally, an agency that understands our local market.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-standing-her-girlfriend-looking-digital-tablet_23-2148151925.jpg",
          imageAlt: "professional meeting B2B agency office",
        },
        {
          name: "David M.",
          handle: "@techcorp",
          testimonial: "Automation saved us 20+ hours a week.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
          imageAlt: "professional meeting B2B agency office",
        },
        {
          name: "Lisa G.",
          handle: "@venture",
          testimonial: "A team that truly understands B2B complexities.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",
          imageAlt: "professional meeting B2B agency office",
        },
        {
          name: "Mark S.",
          handle: "@logistics",
          testimonial: "The ROI speaks for itself. Exceptional.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",
          imageAlt: "professional meeting B2B agency office",
        },
      ]}
      buttons={[
        {
          text: "See our work",
          href: "#features",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg"
      imageAlt="Professional business consultation"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/angry-female-ceo-yelling-her-executive-assistants-due-business-failure_482257-120044.jpg",
          alt: "Team member 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/female-officials-corporate-environment-sharing-big-ideas-strategies_482257-124603.jpg",
          alt: "Team member 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/curious-mature-businessman-pointing-finger-flip-chart-presentation_23-2147923346.jpg",
          alt: "Team member 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149287014.jpg",
          alt: "Team member 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-people-getting-stronger-together_23-2149125908.jpg",
          alt: "Team member 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "150% Avg Growth",
        },
        {
          type: "text",
          text: "500+ Campaigns",
        },
        {
          type: "text",
          text: "Data-Driven",
        },
        {
          type: "text",
          text: "B2B Expert",
        },
        {
          type: "text",
          text: "Scale Faster",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Human-centric intelligence"
      description="We don't just set up ads; we build systems that scale. Our approach is grounded in transparency and measurable results, tailored specifically for B2B success."
      metrics={[
        {
          value: "150%",
          title: "Avg. Revenue Growth",
        },
        {
          value: "20+",
          title: "Automation Hours Saved",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/african-young-man-standing-her-girlfriend-looking-digital-tablet_23-2148151925.jpg"
      imageAlt="Collaborative office atmosphere"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Paid Traffic",
          description: "Precision targeting for maximum B2B ROI.",
          bentoComponent: "reveal-icon",
          icon: Zap,
          imageSrc: "http://img.b2bpic.net/free-photo/white-oval-sign-wall-mockup_53876-63402.jpg",
          imageAlt: "minimal corporate logo design",
        },
        {
          title: "Local SEO",
          description: "Dominate your local search results.",
          bentoComponent: "reveal-icon",
          icon: MapPin,
          imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg",
          imageAlt: "minimal corporate logo design",
        },
        {
          title: "Automation",
          description: "Streamline customer communication.",
          bentoComponent: "chat",
          aiIcon: Star,
          userIcon: User,
          exchanges: [
            {
              userMessage: "Inquiry",
              aiResponse: "Automated response sent.",
            },
          ],
          placeholder: "...",
          imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-standing-her-girlfriend-looking-digital-tablet_23-2148151925.jpg",
          imageAlt: "minimal corporate logo design",
        },
        {
          title: "Web Design",
          description: "Conversion-focused digital storefronts.",
          bentoComponent: "reveal-icon",
          icon: Monitor,
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
          imageAlt: "minimal corporate logo design",
        },
      ]}
      title="Services that drive scale"
      description="Integrated digital solutions to streamline your operations and maximize growth."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "95%",
          title: "Client Retention",
          description: "Building long-term partnerships.",
          icon: CheckCircle,
        },
        {
          id: "2",
          value: "4.8",
          title: "Customer Rating",
          description: "Proven satisfaction record.",
          icon: Star,
        },
        {
          id: "3",
          value: "120+",
          title: "Projects Completed",
          description: "Years of industry experience.",
          icon: Award,
        },
      ]}
      title="Data-driven performance"
      description="Real-time insights into your company growth."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "James Miller",
          date: "Oct 2023",
          title: "CEO",
          quote: "The transition to automated workflows has been seamless.",
          tag: "Automation",
          avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg",
          imageAlt: "professional portrait man casual suit",
        },
        {
          id: "2",
          name: "Elise Chen",
          date: "Nov 2023",
          title: "Marketing Director",
          quote: "Exceptional local SEO management that delivered results fast.",
          tag: "SEO",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-standing-her-girlfriend-looking-digital-tablet_23-2148151925.jpg",
          imageAlt: "professional portrait man casual suit",
        },
        {
          id: "3",
          name: "Robert Stone",
          date: "Dec 2023",
          title: "Founder",
          quote: "They transformed our traffic acquisition strategy completely.",
          tag: "Ads",
          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
          imageAlt: "professional portrait man casual suit",
        },
        {
          id: "4",
          name: "Maria Lopez",
          date: "Jan 2024",
          title: "Head of Growth",
          quote: "Data-backed decisions that actually converted.",
          tag: "Traffic",
          avatarSrc: "http://img.b2bpic.net/free-photo/diverse-cia-secret-agents-review-mission-documents-evidence-gathered_482257-118345.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/white-oval-sign-wall-mockup_53876-63402.jpg",
          imageAlt: "professional portrait man casual suit",
        },
        {
          id: "5",
          name: "Sam Harris",
          date: "Feb 2024",
          title: "Marketing Manager",
          quote: "Professional, transparent, and incredibly effective.",
          tag: "Development",
          avatarSrc: "http://img.b2bpic.net/free-photo/green-ecology-environmental-eco-earth-concept_53876-124183.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/glowing-green-neon-checkmark-symbol-dark-textured-background_84443-91477.jpg",
          imageAlt: "professional portrait man casual suit",
        },
      ]}
      title="Real client partnerships"
      description="Hear directly from B2B leaders we've helped grow."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "InnovateTech",
        "GrowthLab",
        "StreamlineSolutions",
        "ScaleMetric",
        "FutureFlow",
        "DataWise",
        "BrandBridge",
      ]}
      title="Trusted by forward-thinking brands"
      description="Collaborating with industry-leading companies to achieve scale."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "How long until we see results?",
          content: "Most B2B campaigns begin showing trajectory changes within 30-45 days.",
        },
        {
          id: "2",
          title: "What tools do you manage?",
          content: "We handle all major ad platforms and CRM integrations.",
        },
        {
          id: "3",
          title: "Is reporting transparent?",
          content: "We provide weekly performance reports and a live dashboard.",
        },
      ]}
      title="Common questions"
      description="Everything you need to know about our partnership approach."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/african-young-man-standing-her-girlfriend-looking-digital-tablet_23-2148151925.jpg"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Get in touch"
      title="Ready to scale?"
      description="Let's build your growth roadmap."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Paid Traffic",
              href: "#features",
            },
            {
              label: "Web Design",
              href: "#features",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="SAPIENS"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
