"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Lightbulb, LineChart, ShieldCheck, Target, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Strategies",          id: "#strategies"},
        {
          name: "Clients",          id: "#clients"},
        {
          name: "Results",          id: "#results"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "FAQ",          id: "#faq"},
      ]}
      brandName="Prosperity Inbound"
      button={{
        text: "Schedule Your Call",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Inbound Marketing That Actually Drives Revenue"
      description="Prosperity Inbound combines strategic content, smart automation, and proven frameworks to turn prospects into loyal customers. We measure everything—so you know exactly what's working."
      buttons={[
        {
          text: "Schedule Your Free Strategy Call",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-attractive-colleagues-standing-while-work-with-laptop_171337-16995.jpg"
      imageAlt="Modern marketing dashboard showing growth metrics"
      showBlur={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/diverse-people-discussing-marketing-statistics-online-videocall-meeting-conference-working-time-company-strategy-startup-office-remote-employees-preparing-investment-graph_482257-66467.jpg",          alt: "Diverse people discussing marketing statistics during online videocall meeting conference, working over time at company strategy in startup office."},
        {
          src: "http://img.b2bpic.net/free-photo/multiethnic-businesswomen-working-isolated-green-screen_482257-123826.jpg",          alt: "Multiethnic businesswomen working next to isolated green screen"},
        {
          src: "http://img.b2bpic.net/free-photo/employee-showing-appreciation-each-other_23-2149357538.jpg",          alt: "Employee showing appreciation to each other"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153839.jpg",          alt: "Close up on young business team working"},
        {
          src: "http://img.b2bpic.net/free-photo/paper-craft-art-business-chart_53876-74773.jpg",          alt: "Paper craft art of a business chart"},
      ]}
      avatarText="Join 100+ businesses growing with us"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Your Growth, Our Data-Driven Approach"
      metrics={[
        {
          icon: LineChart,
          label: "Growth Strategies",          value: "100+"},
        {
          icon: Target,
          label: "Conversion Rate",          value: "2.5x"},
        {
          icon: Lightbulb,
          label: "Innovations",          value: "Always"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="strategies" data-section="strategies">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{
        items: [
          "Lack of clear ROI visibility",          "Inconsistent lead generation",          "Generic content that doesn't convert"],
      }}
      positiveCard={{
        items: [
          "Transparent, measurable ROI",          "Predictable lead pipelines",          "Strategic content that converts"],
      }}
      title="Beyond Basic Marketing: Strategic Growth"
      description="Many businesses struggle with marketing that doesn't deliver clear ROI or scalable leads. We offer a structured, data-driven alternative built for real-world results."
    />
  </div>

  <div id="clients" data-section="clients">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Innovate Solutions",        "Quantum Corp",        "VentureTech",        "Global Dynamics",        "Synergy Partners",        "Apex Innovations",        "Streamline Corp",        "Elevate Digital"]}
      title="Trusted by Industry Leaders"
      description="Our commitment to measurable results has earned us the trust of diverse businesses across SaaS, e-commerce, and professional services seeking real, sustainable growth."
      speed={30}
    />
  </div>

  <div id="results" data-section="results">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",          value: "120%",          title: "Increase in Organic Traffic",          description: "Driving more qualified visitors to your site naturally.",          icon: TrendingUp,
        },
        {
          id: "metric-2",          value: "3.5x",          title: "Higher Lead Conversion",          description: "Turning prospects into valuable leads efficiently.",          icon: Target,
        },
        {
          id: "metric-3",          value: "90%",          title: "Client Retention Rate",          description: "Building lasting partnerships through consistent success.",          icon: ShieldCheck,
        },
      ]}
      title="Proven Results, Quantified Growth"
      description="We don't just promise results; we deliver and measure them. See the tangible impact of our data-driven inbound strategies on key business objectives."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "@TechCorpCEO",          testimonial: "Prosperity Inbound completely revamped our lead generation strategy. Their data-driven approach led to a 75% increase in qualified leads within six months. Truly a trusted partner!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",          imageAlt: "Sarah Johnson, CEO of TechCorp"},
        {
          id: "2",          name: "Michael Chen",          handle: "@InnovateLabsCMO",          testimonial: "We were struggling with our marketing ROI. Prosperity Inbound brought clarity and accountability. Our conversion rates have soared, and we finally have predictable growth.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg",          imageAlt: "Michael Chen, CMO of Innovate Labs"},
        {
          id: "3",          name: "Emily Rodriguez",          handle: "@GrowthCoFounder",          testimonial: "Their team is incredibly strategic and responsive. The content they produced not only resonated with our audience but consistently drove high-quality traffic and engagement.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",          imageAlt: "Emily Rodriguez, Founder of GrowthCo"},
        {
          id: "4",          name: "David Kim",          handle: "@StartupXYZPM",          testimonial: "The transparency in their reporting is refreshing. We always knew exactly what was working and why. Prosperity Inbound is an invaluable extension of our marketing team.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-senior-man-holding-laptop_23-2148404320.jpg",          imageAlt: "David Kim, Product Manager at StartupXYZ"},
        {
          id: "5",          name: "Jessica Lee",          handle: "@EcomVentures",          testimonial: "From strategy to execution, Prosperity Inbound exceeded our expectations. Our e-commerce sales have seen a significant uplift thanks to their targeted inbound campaigns.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-white-suit-sitting-table-with-her-laptop-near-green-bushes_181624-23858.jpg",          imageAlt: "Jessica Lee, Marketing Director at EcomVentures"},
        {
          id: "6",          name: "Robert Green",          handle: "@ProServeInc",          testimonial: "Their approach to lead nurturing is second to none. We're now converting more prospects into loyal customers, and our sales team couldn't be happier with the quality of leads.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-laptop_23-2147787613.jpg",          imageAlt: "Robert Green, CEO of ProServe Inc."},
        {
          id: "7",          name: "Alex R.",          handle: "@GoogleReview",          testimonial: "Prosperity Inbound has been a game-changer for our business. Their strategic approach significantly boosted our online visibility and lead quality. Highly recommend their services!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-beard-glasses_23-2148730419.jpg",          imageAlt: "Alex R., Google Reviewer"
        },
        {
          id: "8",          name: "Jessica L.",          handle: "@GoogleReview",          testimonial: "We've seen tangible results since partnering with Prosperity Inbound. Their team is knowledgeable, responsive, and truly invested in our success. Our traffic and conversions have never been better.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-work-office-smiling_23-2147814742.jpg",          imageAlt: "Jessica L., Google Reviewer"
        },
        {
          id: "9",          name: "Chris S.",          handle: "@GoogleReview",          testimonial: "Excellent service and exceptional results! Prosperity Inbound delivered on all their promises, helping us achieve our marketing goals ahead of schedule. A pleasure to work with.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-glasses-sitting-chair-with-laptop_23-2149129596.jpg",          imageAlt: "Chris S., Google Reviewer"
        }
      ]}
      showRating={true}
      title="What Our Partners Are Saying"
      description="Hear directly from business leaders who have transformed their lead generation, customer engagement, and overall revenue with Prosperity Inbound."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          title: "Starter Inbound",          price: "$1,500",          period: "per month",          features: [
            "Core Content Strategy",            "Basic SEO Optimization",            "Monthly Performance Reports",            "Dedicated Account Manager (Tier 1)"],
          button: {
            text: "Start Growing",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-vector/instagram-stories-collection_23-2148622058.jpg",          imageAlt: "Basic plan illustration"},
        {
          id: "pro",          title: "Growth Engine",          price: "$3,000",          period: "per month",          features: [
            "Advanced Content Marketing",            "Full SEO & Technical Audit",            "Conversion Rate Optimization (CRO)",            "Weekly Strategy Sessions",            "Dedicated Account Manager (Tier 2)"],
          button: {
            text: "Accelerate Growth",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123948.jpg",          imageAlt: "Pro plan illustration"},
        {
          id: "enterprise",          title: "Enterprise Solution",          price: "Custom",          period: "per month",          features: [
            "Tailored Inbound Strategy",            "Comprehensive Marketing Automation",            "International SEO & Localization",            "24/7 Priority Support",            "Dedicated Senior Account Manager"],
          button: {
            text: "Request a Quote",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/solution-problem-solving-share-ideas-concept_53876-133847.jpg",          imageAlt: "Enterprise plan illustration"},
      ]}
      title="Transparent Pricing, Tailored Growth"
      description="Choose a plan designed to scale with your ambitions. Our flexible inbound marketing packages ensure you get maximum ROI without hidden fees."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What is data-driven inbound marketing?",          content: "Data-driven inbound marketing uses insights from analytics to inform every stage of your customer's journey, ensuring strategies are optimized for maximum impact, lead quality, and ROI. We track everything to ensure predictable results."},
        {
          id: "faq-2",          title: "How do you measure success?",          content: "We define clear KPIs at the outset of every partnership, focusing on metrics that directly impact your business goals, such as lead generation, conversion rates, customer acquisition cost, and marketing ROI. We provide transparent, regular reports."},
        {
          id: "faq-3",          title: "What industries do you specialize in?",          content: "While our strategies are adaptable, we have extensive experience working with B2B SaaS, e-commerce, and professional services companies aged 35-55. Our frameworks are proven across diverse sectors."},
        {
          id: "faq-4",          title: "What sets Prosperity Inbound apart?",          content: "Our unique blend of deep analytical expertise, conversion-focused content strategies, and transparent communication makes us a true partner. We prioritize measurable outcomes and tailor solutions to your specific business challenges."},
        {
          id: "faq-5",          title: "How long does it take to see results?",          content: "Inbound marketing is a long-term strategy, but clients typically start seeing initial improvements in traffic and lead quality within 3-6 months. Significant ROI usually becomes evident within 9-12 months as strategies mature."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find answers to frequently asked questions about our inbound marketing services, process, and partnership model. If you don't see your question, feel free to reach out!"
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static-grid"}}
      tag="Get Started"
      title="Ready to Drive Revenue?"
      description="Schedule a free strategy call with our experts to discuss your business goals and how Prosperity Inbound can help you achieve predictable, measurable growth.\n\nAddress: 213 E Interstate Ave, Bismarck, ND 58503\nPhone: (701) 498-7551"
      imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160254.jpg?_wi=1"
      imageAlt="Abstract digital lines representing data and strategy"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Schedule My Call"
      termsText="By scheduling a call, you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#strategies"},
            {
              label: "Results",              href: "#results"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Careers",              href: "#"},
          ],
        },
      ]}
      logoText="Prosperity Inbound"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
