"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Building, Crown, Rocket, Sparkles, TrendingUp, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="medium"
        background="fluid"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Solutions",          id: "#solutions"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="IRONSCALEMARKETING"
      button={{
        text: "Get Started",        href: "#pricing"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      title="IRONSCALEMARKETING: Generate Leads All Over the United States of America"
      description="As IRONSCALEMARKETING, we specialize in high-quality lead generation, empowering businesses across the United States to connect with their target audience and drive growth."
      kpis={[
        {
          value: "30%",          label: "Increase in Sales"},
        {
          value: "95%",          label: "Customer Satisfaction"},
        {
          value: "2x",          label: "Faster Lead Conversion"},
      ]}
      enableKpiAnimation={true}
      tag="Lead Generation Experts"
      buttons={[
        {
          text: "Start Free Trial",          href: "#pricing"},
        {
          text: "Request a Demo",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/thinking-business-ideas_1098-14443.jpg",          alt: "Sarah Johnson"},
        {
          src: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",          alt: "Michael Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149442310.jpg",          alt: "Emily Rodriguez"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-taking-selfie-with-her-colleagues_23-2149330988.jpg",          alt: "David Kim"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",          alt: "Happy ethnic executive woman looking at camera"},
      ]}
      avatarText="Join 1000+ businesses growing with us"
      imageSrc="http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg"
      imageAlt="CRM Flow Dashboard"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Boost Efficiency",          icon: Rocket,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",          alt: "Manager watches tablet with greenscreen"},
        {
          type: "text-icon",          text: "Enhance Sales",          icon: TrendingUp,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",          alt: "Executive workspace features a digital dashboard with financial charts"},
        {
          type: "text-icon",          text: "Customer Focus",          icon: Users,
        },
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          title: "Automated Sales Pipeline",          descriptions: [
            "Streamline your sales process from lead generation to deal closure.",            "Automate repetitive tasks and follow-ups to save time and increase efficiency."],
          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038415.jpg",          imageAlt: "Automated Sales Pipeline"},
        {
          id: "f2",          title: "Intelligent Customer Engagement",          descriptions: [
            "Personalize customer interactions with AI-powered insights and communication tools.",            "Build stronger relationships through targeted messaging and proactive support."],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg",          imageAlt: "Intelligent Customer Engagement"},
        {
          id: "f3",          title: "Comprehensive Analytics & Reporting",          descriptions: [
            "Gain deep insights into sales performance, customer behavior, and marketing effectiveness.",            "Make data-driven decisions with customizable dashboards and real-time reports."],
          imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",          imageAlt: "Comprehensive Analytics & Reporting"},
      ]}
      title="Key Features That Drive Your Success"
      description="Discover powerful tools designed to simplify your workflows and boost productivity across your sales and customer management."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "InnovateSphere",        "FinEdge",        "PixelPulse",        "MediConnect",        "PathFinder Logistics",        "LearnSphere",        "FortiGuard"]}
      title="Trusted by Leading Businesses Worldwide"
      description="Join a growing community of companies who have transformed their customer relationships and accelerated growth with CRM Flow."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "+35%",          description: "Average increase in customer retention"},
        {
          id: "m2",          value: "-20%",          description: "Reduction in sales cycle length"},
        {
          id: "m3",          value: "90+",          description: "Net Promoter Score from satisfied users"},
      ]}
      title="Achieve Tangible Results with CRM Flow"
      description="Our clients consistently report significant improvements across key performance indicators, validating the power of our CRM."
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="About IRONSCALEMARKETING: Your Partner in Lead Generation"
      buttons={[
        {
          text: "Learn More About Us",          href: "#"},
      ]}
    />
  </div>

  <div id="solutions" data-section="solutions">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          brand: "CRM Flow",          name: "Sales Automation",          price: "Streamline Your Deals",          rating: 5,
          reviewCount: "1,200 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg",          imageAlt: "Sales Automation Module"},
        {
          id: "p2",          brand: "CRM Flow",          name: "Customer Service",          price: "Delight Your Clients",          rating: 5,
          reviewCount: "850 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg",          imageAlt: "Customer Service Module"},
        {
          id: "p3",          brand: "CRM Flow",          name: "Marketing Campaigns",          price: "Engage Your Audience",          rating: 5,
          reviewCount: "1,000 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038397.jpg",          imageAlt: "Marketing Campaigns Module"},
        {
          id: "p4",          brand: "CRM Flow",          name: "Reporting & Analytics",          price: "Gain Key Insights",          rating: 5,
          reviewCount: "980 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-company-growth_53876-26232.jpg",          imageAlt: "Reporting & Analytics Module"},
        {
          id: "p5",          brand: "CRM Flow",          name: "Mobile Access",          price: "CRM On-the-Go",          rating: 5,
          reviewCount: "720 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg",          imageAlt: "Mobile Access Module"},
        {
          id: "p6",          brand: "CRM Flow",          name: "Integration Hub",          price: "Connect All Your Tools",          rating: 5,
          reviewCount: "650 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038402.jpg",          imageAlt: "Integration Hub Module"},
      ]}
      title="Explore Our Powerful CRM Modules"
      description="CRM Flow offers a suite of integrated modules to cover every aspect of your customer journey, from lead generation to post-sales support."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          badge: "Starter",          badgeIcon: Sparkles,
          price: "$49/month",          subtitle: "For individuals & small teams",          buttons: [
            {
              text: "Get Started",              href: "#"},
          ],
          features: [
            "Up to 5 Users",            "Basic Sales Automation",            "Standard Support",            "Contact Management"],
        },
        {
          id: "pro",          badge: "Most Popular",          badgeIcon: Crown,
          price: "$99/month",          subtitle: "For growing businesses & sales teams",          buttons: [
            {
              text: "Start Free Trial",              href: "#"},
          ],
          features: [
            "Up to 25 Users",            "Advanced Sales & Marketing Automation",            "Priority Support",            "Customizable Dashboards",            "Mobile Access"],
        },
        {
          id: "enterprise",          badge: "Enterprise",          badgeIcon: Building,
          price: "Custom Quote",          subtitle: "For large organizations & complex needs",          buttons: [
            {
              text: "Contact Sales",              href: "#contact"},
          ],
          features: [
            "Unlimited Users",            "Full Platform Customization",            "Dedicated Account Manager",            "Advanced Security Features",            "Integrations & APIs"],
        },
      ]}
      title="Flexible Pricing for Every Business Size"
      description="Choose the CRM Flow package that best fits your team's needs and scale effortlessly as your business grows."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Sarah Johnson",          role: "CEO",          company: "TechCorp Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "t2",          name: "Michael Chen",          role: "CTO",          company: "Innovate Labs",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",          imageAlt: "Michael Chen"},
        {
          id: "t3",          name: "Emily Rodriguez",          role: "Marketing Director",          company: "Growth Strategies Inc.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/five-multiracial-business-womans-standing-office-roll-woman-chair-diverse-group-female-employees-formal-wear-having-fun_627829-952.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "t4",          name: "David Kim",          role: "Product Manager",          company: "Startup XYZ",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg",          imageAlt: "David Kim"},
        {
          id: "t5",          name: "Jessica Lee",          role: "Small Business Owner",          company: "Crafty Creations",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/look-up-i-show-you-something_329181-11400.jpg",          imageAlt: "Jessica Lee"},
      ]}
      kpiItems={[
        {
          value: "4.9/5",          label: "Average Rating"},
        {
          value: "10K+",          label: "Happy Customers"},
        {
          value: "98%",          label: "Retention Rate"},
      ]}
      title="What Our Valued Customers Say"
      description="Hear directly from businesses who have transformed their sales and customer service operations with CRM Flow."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What is CRM Flow?",          content: "CRM Flow is an all-in-one Customer Relationship Management system designed to help businesses manage customer interactions, streamline sales, automate marketing, and improve customer service."},
        {
          id: "q2",          title: "How does CRM Flow help my sales team?",          content: "CRM Flow provides tools for lead management, sales pipeline automation, forecasting, and performance tracking, enabling your sales team to close more deals faster and more efficiently."},
        {
          id: "q3",          title: "Can I integrate CRM Flow with other tools?",          content: "Yes, CRM Flow offers a robust integration hub with APIs that allow seamless connection with popular business tools like email platforms, marketing automation software, and more."},
        {
          id: "q4",          title: "What kind of support does CRM Flow offer?",          content: "We offer comprehensive support including a knowledge base, email support, and priority support for our Pro and Enterprise plans. Dedicated account managers are available for Enterprise clients."},
        {
          id: "q5",          title: "Is CRM Flow suitable for small businesses?",          content: "Absolutely! Our Basic and Pro plans are specifically designed to cater to the needs of small and growing businesses, offering essential CRM functionalities at an affordable price."},
        {
          id: "q6",          title: "How does the free trial work?",          content: "Our free trial allows you to experience the full features of a selected plan for 14 days, with no credit card required. You can upgrade to a paid plan at any time."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about CRM Flow features, pricing, and support. If you can't find what you're looking for, feel free to contact us."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Get Started"
      title="Ready to Scale Your Business with Leads?"
      description="Partner with IRONSCALEMARKETING to acquire high-quality leads across the United States and drive significant growth. Get started with a consultation or schedule a demo today!"
      buttons={[
        {
          text: "Start Free Trial",          href: "#pricing"},
        {
          text: "Contact Sales",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="IRONSCALEMARKETING"
      columns={[
        {
          title: "Product",          items: [
            {
              label: "Features",              href: "#features"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "Integrations",              href: "#solutions"},
            {
              label: "Modules",              href: "#solutions"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Help Center",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 IRONSCALEMARKETING. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
