"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { CalendarCheck, Database, LineChart, MessageSquare, Sparkles, Target, Video, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "About",
          id: "about",
        },
        {
          name: "Features",
          id: "features",
        },
        {
          name: "Results",
          id: "results",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Pricing",
          id: "pricing",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/25-seo-line-icon-pack_1142-22642.jpg"
      logoAlt="Social Media Growth Engine logo"
      brandName="Social Media Growth Engine™"
      button={{
        text: "Book a Call",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Social Media Growth Engine™"
      description="Doneforyou shortform content, strategic posting, ManyChat DM automation, and lead capture—all working together to convert attention into bookings, donations, RSVPs, and sales"
      buttons={[
        {
          text: "View Pricing & Examples",
          href: "#pricing",
        },
        {
          text: "Book a Call",
          href: "#contact",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-blue-icons_1134-57.jpg",
          imageAlt: "Social media dashboard with analytics and scheduling",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/creative-covid-party-collage_23-2149374772.jpg",
          imageAlt: "Smartphones displaying short-form video content",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-notebook-flat-lay_23-2148999179.jpg",
          imageAlt: "Illustration of automated direct messages for lead nurturing",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2905.jpg",
          imageAlt: "Smiling business owner looking at new leads notification",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/listening-music-headphones-graphic_53876-13851.jpg",
          imageAlt: "Before and after showing organized social media content",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-office-concept-with-headphone-mobile-phone-spiral-notebook-crushed-paper-magnifying-glass-blue-surface_140725-94183.jpg",
          imageAlt: "Calendar app on smartphone showing scheduled posts and bookings",
        },
      ]}
      autoplayDelay={4000}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Your Partner in Digital Conversion"
      description={[
        "Social Media Growth Engine™ is a dedicated service designed to transform your social media presence into a predictable pipeline of leads and engagements. We understand that likes don't pay the bills, which is why we focus on measurable results: scheduled calls, bookings, donations, and sales.",
        "Our done-for-you approach handles everything from compelling short-form content creation and strategic posting to advanced DM automation and seamless lead capture. This allows local businesses, nonprofits, and solopreneurs to achieve consistent growth without the daily grind of managing complex social media strategies. Get ready to convert attention into tangible business outcomes.",
      ]}
      buttons={[
        {
          text: "See How We Do It",
          href: "#features",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Done-For-You Short-Form Content",
          description: "We create captivating short-form videos tailored to your brand, designed to grab attention and resonate with your target audience. From concept to script, filming to editing, we handle it all so you always have fresh, engaging content.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-making-makeup-vlog-with-her-smartphone_23-2149039662.jpg",
            imageAlt: "Person editing a short-form video on a laptop",
          },
          items: [
            {
              icon: Video,
              text: "Custom video production",
            },
            {
              icon: Sparkles,
              text: "Trend-driven concepts",
            },
            {
              icon: Brush,
              text: "Professional editing",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-vector/25-seo-line-icon-pack_1142-22642.jpg",
          imageAlt: "short form video editing software",
        },
        {
          title: "Automated DM Lead Generation",
          description: "Leverage the power of ManyChat to automate direct message conversations, qualify leads, and direct interested prospects to your booking calendar. Our intelligent chatbots engage users 24/7, ensuring no lead is left behind.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-applications_1134-123.jpg",
            imageAlt: "Chat bubbles showing automated DM flow",
          },
          items: [
            {
              icon: MessageSquare,
              text: "24/7 automated engagement",
            },
            {
              icon: Zap,
              text: "Instant lead qualification",
            },
            {
              icon: CalendarCheck,
              text: "Seamless booking integration",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-blue-icons_1134-57.jpg",
          imageAlt: "short form video editing software",
        },
        {
          title: "Strategic Lead Capture & Nurturing",
          description: "Beyond DMs, we implement robust lead capture mechanisms that integrate with your existing CRM or create new systems to gather prospect information. Every interaction is designed to nurture leads towards a conversion, ensuring maximum ROI.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-texting-cafe_53876-96947.jpg",
            imageAlt: "Data points flowing into a CRM with new lead notification",
          },
          items: [
            {
              icon: Database,
              text: "Integrated CRM solutions",
            },
            {
              icon: Target,
              text: "Targeted follow-ups",
            },
            {
              icon: LineChart,
              text: "Optimized conversion funnels",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/creative-covid-party-collage_23-2149374772.jpg",
          imageAlt: "short form video editing software",
        },
      ]}
      title="Turn Attention Into Action"
      description="Our comprehensive suite of services transforms fleeting social media attention into valuable customer interactions and measurable growth for your business."
    />
  </div>

  <div id="results" data-section="results">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "3x+",
          description: "Increase in qualified leads generated monthly for service businesses",
        },
        {
          id: "2",
          value: "25%+",
          description: "Boost in event RSVPs and volunteer sign-ups for non-profits",
        },
        {
          id: "3",
          value: "15-20",
          description: "Hours saved weekly for solopreneurs on content creation and posting",
        },
        {
          id: "4",
          value: "60%+",
          description: "Higher conversion rates from social media to scheduled appointments",
        },
        {
          id: "5",
          value: "9/10",
          description: "Clients see initial results and ROI within 7-10 days of launch",
        },
      ]}
      title="Tangible Growth, Measurable Impact"
      description="We don't just promise results; we deliver them. See how Social Media Growth Engine™ consistently drives significant improvements for our clients across various industries."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Short-Form Video Production",
          price: "Starting at $X/mo",
          variant: "Content Creation",
          imageSrc: "http://img.b2bpic.net/free-photo/female-florist-taking-photo-fresh-made-bouquet_23-2149127283.jpg",
          imageAlt: "Short-form video content on mobile",
        },
        {
          id: "2",
          name: "DM Automation & Chatbot Setup",
          price: "Starting at $Y/mo",
          variant: "Engagement Automation",
          imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063165.jpg",
          imageAlt: "DM automation flowchart",
        },
        {
          id: "3",
          name: "Lead Capture & CRM Integration",
          price: "Starting at $Z/mo",
          variant: "Conversion Optimization",
          imageSrc: "http://img.b2bpic.net/free-photo/document-business-manager-hand-investment_1150-1688.jpg",
          imageAlt: "Lead capture form integration",
        },
        {
          id: "4",
          name: "Content Scheduling & Posting",
          price: "Included in packages",
          variant: "Distribution Management",
          imageSrc: "http://img.b2bpic.net/free-photo/crop-man-choosing-streaming-service-account_23-2147930580.jpg",
          imageAlt: "Social media content calendar",
        },
        {
          id: "5",
          name: "Performance Reporting",
          price: "Included in packages",
          variant: "Analytics & Insights",
          imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-13958.jpg",
          imageAlt: "Performance analytics dashboard",
        },
        {
          id: "6",
          name: "Strategy & Optimization",
          price: "Ongoing",
          variant: "Growth Consulting",
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-people-doing-teamwork-plan-sales-analysis-researching-documents-with-charts-statistics-company-office-workmates-brainstorming-ideas-develop-expertise_482257-37406.jpg",
          imageAlt: "Strategy discussion between client and consultant",
        },
      ]}
      title="Our Done-For-You Services"
      description="Choose the perfect package or mix-and-match our expert services to align with your unique growth objectives and budget."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Cafe Co.",
        "Community Food Bank",
        "Elite Fitness Studio",
        "Downtown Boutique",
        "Historic Museum",
        "Youth Mentorship Org",
        "Bright Smiles Dental",
        "Sustainable Living Co.",
      ]}
      title="Trusted by Local Businesses & Nonprofits"
      description="We partner with a diverse range of organizations, helping them achieve their growth goals and make a real impact in their communities."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="auto"
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          handle: "@LocalBloom",
          testimonial: "Before Growth Engine, my flower shop's Instagram was just pretty pictures. Now, we get 5-7 booking inquiries a week directly from DMs! It's transformed my lead flow.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-farmer-selling-healthy-food-local-marketplace-showing-seasonal-fresh-fruits-veggies-farmers-market-young-vendor-preparing-sell-eco-organic-products_482257-62279.jpg",
          imageAlt: "Sarah J., Local Business Owner",
        },
        {
          id: "2",
          name: "Michael T.",
          handle: "@CommunityImpact",
          testimonial: "As a non-profit, engaging our audience is key. Their short-form content drives huge awareness for our events, and the DM automation handles RSVPs flawlessly. Couldn't be happier!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
          imageAlt: "Michael T., Nonprofit Director",
        },
        {
          id: "3",
          name: "Emily R.",
          handle: "@EmpowerCoach",
          testimonial: "Perfectionism used to paralyze my content. Now, with done-for-you videos and consistent posting, my coaching business has never been more visible. Clear ROI and peace of mind!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
          imageAlt: "Emily R., Solopreneur/Coach",
        },
        {
          id: "4",
          name: "David K.",
          handle: "@TheGadgetSpot",
          testimonial: "Our retail store needed more foot traffic. The engaging content and smart lead capture have brought in so many new customers asking about specific products. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg",
          imageAlt: "David K., Retail Manager",
        },
        {
          id: "5",
          name: "Jessica L.",
          handle: "@GreenCause",
          testimonial: "Managing content for our environmental non-profit was a huge time sink. Growth Engine took over, and our donor engagement has soared. They truly understand mission-driven storytelling.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85976.jpg",
          imageAlt: "Jessica L., Marketing Lead",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from local businesses, nonprofits, and solopreneurs who have transformed their social media presence into tangible results with our help."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",
          title: "Starter Growth",
          price: "$599",
          period: "per month",
          features: [
            "4 Short-Form Videos/Month",
            "Basic DM Automation Setup",
            "Strategic Posting Schedule",
            "Monthly Performance Report",
          ],
          button: {
            text: "Start Growing Today",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-vector/creative-digital-marketing-25-flat-icon-pack-such-as-web-news-news-document-chating_1142-22487.jpg",
          imageAlt: "Creative Digital Marketing 25 Flat icon pack Such As web news news document chating",
        },
        {
          id: "accelerator",
          title: "Accelerator Pro",
          price: "$999",
          period: "per month",
          features: [
            "8 Short-Form Videos/Month",
            "Advanced DM Automation & Nurturing",
            "Integrated Lead Capture Form",
            "Priority Support & Strategy Sessions",
            "Detailed Performance Reports",
          ],
          button: {
            text: "Accelerate My Leads",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-vector/25-seo-line-icon-pack_1142-22642.jpg",
          imageAlt: "Creative Digital Marketing 25 Flat icon pack Such As web news news document chating",
        },
        {
          id: "enterprise",
          title: "Enterprise Elite",
          price: "Custom Quote",
          period: "tailored for you",
          features: [
            "Custom Volume Short-Form Videos",
            "Fully Bespoke DM & CRM Integration",
            "Dedicated Account Manager",
            "Advanced Analytics & A/B Testing",
            "On-Demand Strategy Consulting",
          ],
          button: {
            text: "Get a Custom Quote",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-blue-icons_1134-57.jpg",
          imageAlt: "Creative Digital Marketing 25 Flat icon pack Such As web news news document chating",
        },
      ]}
      title="Simple Pricing, Powerful Results"
      description="Choose the plan that best fits your business or organization's needs. All plans include a waived $350 onboarding fee with a 6-month commitment."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "How quickly will I see results?",
          content: "Most clients begin to see initial results, such as increased inquiries and scheduled calls, within 7-10 days of launching their tailored Social Media Growth Engine™ plan. Significant lead flow typically builds over the first 30-60 days.",
        },
        {
          id: "2",
          title: "What kind of businesses do you work with?",
          content: "We specialize in helping local service and retail businesses, non-profit organizations, and solopreneurs/coaches. Our strategies are highly adaptable to various industries, focusing on driving local engagement and tangible conversions.",
        },
        {
          id: "3",
          title: "Do I need to provide video footage or scripts?",
          content: "No! Our 'Done-For-You Short-Form Content' service means we handle everything from concept development and scriptwriting to filming and editing. We make it completely hassle-free for you.",
        },
        {
          id: "4",
          title: "What social media platforms do you focus on?",
          content: "We primarily focus on platforms where short-form video content thrives and DM automation is most effective, including Instagram Reels, TikTok, and Facebook/Messenger. We tailor our approach to where your audience is most active.",
        },
        {
          id: "5",
          title: "Is the $350 onboarding fee really waived?",
          content: "Yes, absolutely! The one-time $350 onboarding fee is fully waived when you commit to any Social Media Growth Engine™ plan for 6 months or longer. This allows us to build a strong, sustainable growth strategy for you.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Got questions? We've got answers. Find more details about how Social Media Growth Engine™ works and how it can benefit your business."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated",
      }}
      text="Ready to turn likes into leads? Let's connect and build your custom Social Media Growth Engine™."
      buttons={[
        {
          text: "Book Your Free Strategy Call",
          href: "#",
        },
        {
          text: "View Pricing",
          href: "#pricing",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Solutions",
          items: [
            {
              label: "Short-Form Content",
              href: "#features",
            },
            {
              label: "DM Automation",
              href: "#features",
            },
            {
              label: "Lead Capture",
              href: "#features",
            },
            {
              label: "Pricing Plans",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Blog",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/25-seo-line-icon-pack_1142-22642.jpg"
      logoAlt="Social Media Growth Engine logo"
      logoText="Social Media Growth Engine™"
      copyrightText="© 2024 Social Media Growth Engine™ by Success Marketing. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
