"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Pricing",
          id: "pricing",
        },
      ]}
      brandName="Pivotal"
      button={{
        text: "Get Consultation",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      title="Pivotal Consulting: Drive Unprecedented Revenue"
      description="We architect high-impact sales strategies for market leaders. Scale your revenue streams with data-driven consulting."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@CEO_TechCorp",
          testimonial: "Pivotal transformed our sales operations. 300% growth in one year.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg",
        },
        {
          name: "Mark D.",
          handle: "@SalesVP",
          testimonial: "The strategies were actionable and the impact was immediate.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg",
        },
        {
          name: "Elena V.",
          handle: "@Founder",
          testimonial: "Their approach to lead conversion is unparalleled.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-enjoying-work-break_1262-16980.jpg",
        },
        {
          name: "David K.",
          handle: "@SalesLead",
          testimonial: "A masterclass in modern revenue engineering.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
        },
        {
          name: "Rachel L.",
          handle: "@Director",
          testimonial: "The most professional consulting team I've worked with.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
          alt: "Executive 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
          alt: "Executive 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
          alt: "Executive 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",
          alt: "Executive 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
          alt: "Executive 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Market Leadership",
        },
        {
          type: "text",
          text: "Enterprise Growth",
        },
        {
          type: "text",
          text: "Strategic Scaling",
        },
        {
          type: "text",
          text: "Revenue Optimization",
        },
        {
          type: "text",
          text: "Data-Driven Sales",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Mission"
      title="Defining the Future of Sales Strategy"
      description="At Pivotal, we bridge the gap between complex market dynamics and your revenue potential. Our consulting team leverages proven frameworks to ensure sustainable scaling for enterprise clients."
      subdescription="With over 15 years in the field, we specialize in high-stakes sales engineering and team optimization."
      icon={Shield}
      imageSrc="http://img.b2bpic.net/free-photo/positive-business-team-discussing-report-sitting-meeting-table-with-monitor-holding-looking-documents-business-meeting-teamwork-concept_74855-11909.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Revenue Engineering",
          author: "Strategy Team",
          description: "Custom revenue modeling to maximize every touchpoint.",
          tags: [
            "Revenue",
            "Strategy",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-using-virtual-application_1134-652.jpg",
        },
        {
          id: "f2",
          title: "Lead Conversion Optimization",
          author: "Sales Ops",
          description: "High-velocity pipelines that turn cold leads into closed deals.",
          tags: [
            "Sales",
            "Pipeline",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-shaking-partnership-meeting_53876-31211.jpg",
        },
        {
          id: "f3",
          title: "Market Penetration Roadmap",
          author: "Analytic Hub",
          description: "Identify and capture market share through intelligent positioning.",
          tags: [
            "Growth",
            "Market",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/arrow-bouncing-up-off-arrows_23-2148456164.jpg",
        },
      ]}
      title="Precision Sales Solutions"
      description="Empower your organization with tools that drive high-intent engagement."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "150M+",
          title: "Revenue Generated",
          description: "Cumulative client revenue impact.",
          imageSrc: "http://img.b2bpic.net/free-photo/executive-assistance-business-collaboration-helping-concept_53876-21399.jpg",
        },
        {
          id: "m2",
          value: "45%",
          title: "Conversion Lift",
          description: "Average conversion improvement.",
          imageSrc: "http://img.b2bpic.net/free-photo/team-work-process-young-business-managers-crew-working-with-new-startup-project-labtop-wood-table-typing-keyboard-texting-message-analyze-graph-plans_1423-85.jpg",
        },
        {
          id: "m3",
          value: "300+",
          title: "Consultations",
          description: "Successful engagements completed.",
          imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks-laptop_23-2148950391.jpg",
        },
      ]}
      title="Quantifiable Growth"
      description="We let our results speak for the quality of our strategic implementation."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          role: "CEO",
          testimonial: "Exceptional clarity and execution.",
          imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",
        },
        {
          id: "t2",
          name: "Mark D.",
          role: "VP",
          testimonial: "Revolutionized our sales process.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg",
        },
        {
          id: "t3",
          name: "Elena V.",
          role: "Founder",
          testimonial: "Professional, strategic, and direct.",
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-handsome-young-blogger-headwear-working-new-post-his-blog-using-wi-fi-generic-laptop-pc-holding-hand-his-chin-looking-ahead-him-with-thoughtful-expression_273609-1713.jpg",
        },
        {
          id: "t4",
          name: "David K.",
          role: "Manager",
          testimonial: "Best consulting firm in the industry.",
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
        },
        {
          id: "t5",
          name: "Rachel L.",
          role: "Director",
          testimonial: "Significant ROI from day one.",
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-hat-glasses-wearing_613910-12272.jpg",
        },
      ]}
      title="Client Success Stories"
      description="Hear what industry leaders say about working with Pivotal Consulting."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Enterprise Solutions",
        "Global Media Inc",
        "Innovate Labs",
        "Growth Partners",
        "Apex Venture",
        "Blue Sky Tech",
        "Summit Dynamics",
      ]}
      title="Trusted by Market Leaders"
      description="We partner with high-growth companies across the globe."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",
          badge: "Strategic",
          price: "$15k/mo",
          subtitle: "Core Strategy Review",
          buttons: [
            {
              text: "Inquire",
              href: "#contact",
            },
          ],
          features: [
            "Monthly Review",
            "Sales Audits",
            "Email Support",
          ],
        },
        {
          id: "pro",
          badge: "Growth",
          price: "$35k/mo",
          subtitle: "Active Management",
          buttons: [
            {
              text: "Select Plan",
              href: "#contact",
            },
          ],
          features: [
            "Full Pipeline Mgt",
            "Sales Training",
            "Weekly Reporting",
          ],
        },
        {
          id: "enterprise",
          badge: "Scale",
          price: "Custom",
          subtitle: "End-to-End Solutions",
          buttons: [
            {
              text: "Book Call",
              href: "#contact",
            },
          ],
          features: [
            "Dedicated Team",
            "Custom Tech Stack",
            "Direct Access",
          ],
        },
      ]}
      title="Engagement Options"
      description="Choose the level of consulting depth you need to hit your growth milestones."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "How do we measure success?",
          content: "We align on KPIs during onboarding and track quarterly progress.",
        },
        {
          id: "q2",
          title: "Do you work with startups?",
          content: "We focus on companies with established product-market fit.",
        },
        {
          id: "q3",
          title: "Can we cancel anytime?",
          content: "Yes, our engagements are flexible with a 30-day notice.",
        },
      ]}
      title="Common Questions"
      description="Everything you need to know about starting your partnership with Pivotal."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      title="Scale Your Revenue"
      description="Ready to take your sales to the next level? Connect with a consultant today."
      imageSrc="http://img.b2bpic.net/free-photo/royal-ontario-museum-is-museum-art-toronto-ontario-canada_181624-42102.jpg"
      buttonText="Start Now"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Pivotal Consulting"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Revenue Engineering",
              href: "#",
            },
            {
              label: "Sales Training",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Our Story",
              href: "#",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
