"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Briefcase, Building, Rocket, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      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="ObjectionIQ"
      button={{
        text: "Get Started",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "animated-grid"}}
      title="Overcome Objections. Close More Deals."
      description="ObjectionIQ leverages AI to provide real-time guidance, helping your sales team confidently handle any objection and boost conversion rates. Empower every rep to master their calls."
      tag="AI-Powered Sales Enablement"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Request Demo",          href: "#contact"},
        {
          text: "Learn More",          href: "#features"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"
      imageAlt="AI-powered sales dashboard for objection handling"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Transform Your Sales Calls with AI"},
      ]}
      buttons={[
        {
          text: "Discover ObjectionIQ",          href: "#features"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Real-time AI Guidance",          description: "Receive instant, context-aware suggestions during live calls, helping reps respond effectively to any objection thrown their way.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/shopper-using-online-store-mobile-app-phone-examining-modern-fashion-items-collection-buying-merchandise-boutique-client-looking-clothing-line-retail-shop-website_482257-67405.jpg",            imageAlt: "Smartphone screen with real-time AI prompts"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/manager-talking-phone-gesturing-while-keeping-his-feet-table-blue-light_482257-32833.jpg",            imageAlt: "Smartphone screen showing best response from AI"},
          imageAlt: "real-time sales coaching mobile app"
        },
        {
          title: "Automated Post-Call Analysis",          description: "Get deep insights into call performance, identify recurring objections, and pinpoint coaching opportunities for continuous improvement.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg",            imageAlt: "Tablet screen displaying post-call analytics dashboard"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/team-leader-showing-infographics-data-interactive-board_482257-90921.jpg",            imageAlt: "Tablet screen showing AI coaching insight"},
          imageAlt: "real-time sales coaching mobile app"
        },
        {
          title: "Customizable Objection Playbooks",          description: "Build, organize, and deploy tailored responses for every product, service, and scenario, ensuring consistent messaging across your team.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/dictionary-definition-word_93675-129722.jpg",            imageAlt: "Laptop screen with objection handling playbook library"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg",            imageAlt: "Laptop screen showing customizable playbook editor"},
          imageAlt: "real-time sales coaching mobile app"
        },
      ]}
      showStepNumbers={true}
      title="How ObjectionIQ Elevates Your Sales"
      description="From real-time prompts to insightful analytics, our platform equips your team with the tools to master every sales conversation and close with confidence."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",          value: "25%",          title: "Increase in Win Rates",          items: [
            "Boost conversion effectiveness",            "Higher close rates"],
        },
        {
          id: "metric-2",          value: "15%",          title: "Reduction in Call Time",          items: [
            "Streamline conversations",            "Focus on key points"],
        },
        {
          id: "metric-3",          value: "30%",          title: "Improvement in Rep Confidence",          items: [
            "Empower new hires",            "Reduce call anxiety"],
        },
      ]}
      title="Proven Impact on Sales Performance"
      description="Our clients experience significant improvements across key sales metrics by leveraging ObjectionIQ's intelligent guidance and insights."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Chen",          handle: "@sarahchen",          testimonial: "ObjectionIQ has completely transformed our sales calls. Our reps are more confident, and we're closing deals faster than ever before. The real-time guidance is a game-changer!",          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",          imageAlt: "Sarah Chen, Sales Executive"},
        {
          id: "2",          name: "Michael Rodriguez",          handle: "@mikerodriguez",          testimonial: "The post-call analytics are invaluable. We quickly identify areas for improvement and can tailor our coaching with precision. It's an essential tool for any modern sales team.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-student-woman-standing-college-corridor-smiling-holding-books-looking-side-education-learning-concept_176420-12450.jpg",          imageAlt: "Michael Rodriguez, Sales Manager"},
        {
          id: "3",          name: "Emily White",          handle: "@emilyw",          testimonial: "As an SDR, I used to dread tough objections. Now, with ObjectionIQ, I feel empowered. The suggested responses help me navigate complex conversations easily.",          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",          imageAlt: "Emily White, Sales Development Representative"},
        {
          id: "4",          name: "David Kim",          handle: "@davidk",          testimonial: "Our win rates have soared since implementing ObjectionIQ. It provides the competitive edge we needed to consistently outperform our targets.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-middle-aged-business-man_1262-2982.jpg",          imageAlt: "David Kim, Account Executive"},
        {
          id: "5",          name: "Jessica Lee",          handle: "@jessicalee",          testimonial: "The customizable playbooks are incredibly powerful. We've standardized our messaging without losing the personal touch, leading to much better outcomes.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-holding-hand-his-chin-having-thoughtful-look-siting-front-open-laptop-earphones-listening-audiobook-online_273609-1949.jpg",          imageAlt: "Jessica Lee, Director of Sales Operations"},
        {
          id: "6",          name: "Mark Johnson",          handle: "@markj",          testimonial: "I recommend ObjectionIQ to every sales leader. It's not just a tool; it's a partner in elevating your team's performance and achieving new levels of success.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-camera-with-arms-crossed_23-2148308598.jpg",          imageAlt: "Mark Johnson, Head of Sales"},
      ]}
      title="What Our Users Say"
      description="Hear directly from sales leaders and reps who have transformed their results and gained a competitive advantage with ObjectionIQ."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "starter",          tag: "Small Teams",          tagIcon: Users,
          price: "$99",          period: "/month",          description: "Perfect for small teams getting started with AI-powered sales coaching.",          button: {
            text: "Start Free Trial",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Real-time guidance",            "Basic call analytics",            "Standard playbooks",            "Up to 5 users"],
        },
        {
          id: "professional",          tag: "Growing Teams",          tagIcon: Briefcase,
          price: "$299",          period: "/month",          description: "Unlock advanced features for growing sales organizations.",          button: {
            text: "Get Started",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "All Starter features",            "Advanced call analytics",            "Customizable playbooks",            "Integrations (CRM, Dialer)",            "Up to 20 users"],
        },
        {
          id: "enterprise",          tag: "Large Enterprises",          tagIcon: Building,
          price: "Custom",          period: "",          description: "Tailored solutions for large-scale operations with specific needs.",          button: {
            text: "Contact Sales",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "All Professional features",            "Dedicated account manager",            "Advanced security & compliance",            "API access",            "Unlimited users"],
        },
      ]}
      title="Flexible Plans for Every Sales Team"
      description="Choose the right ObjectionIQ plan to empower your team, streamline your sales process, and drive consistent growth."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How does ObjectionIQ integrate with my existing tools?",          content: "ObjectionIQ offers seamless integrations with popular CRMs (Salesforce, HubSpot) and dialers via our API, ensuring a smooth workflow within your current tech stack. Setup is quick and guided by our support team."},
        {
          id: "faq-2",          title: "Is ObjectionIQ suitable for both new and experienced sales reps?",          content: "Absolutely! New reps gain immediate confidence with real-time guidance, accelerating their ramp-up time. Experienced reps use post-call analytics and customizable playbooks to refine their strategies and uncover new areas for optimization."},
        {
          id: "faq-3",          title: "What kind of support can I expect?",          content: "We offer comprehensive support including onboarding assistance, a dedicated knowledge base, and responsive customer service. Enterprise plans include a dedicated account manager for personalized support and strategic guidance."},
        {
          id: "faq-4",          title: "How does ObjectionIQ ensure data privacy and security?",          content: "Data privacy and security are our top priorities. We comply with industry-leading standards and regulations, employing advanced encryption and access controls to protect your sensitive sales data. Your data is always yours."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-render-symbol-question-mark_460848-6498.jpg"
      imageAlt="Abstract illustration of a question mark made of digital elements"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Your Questions, Answered"
      description="Find quick answers to common questions about ObjectionIQ, our platform, and how we help sales teams master their calls."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Revolutionize Your Sales?"
      tagIcon={Rocket}
      tagAnimation="slide-up"
      title="Get a Personalized Demo Today"
      description="See ObjectionIQ in action and discover how our AI-powered solution can transform your sales team's performance. Our experts are ready to show you how to close more deals."
      buttons={[
        {
          text: "Book a Demo",          href: "#"},
        {
          text: "Contact Sales",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Blog",              href: "#"},
          ],
        },
        {
          title: "Solutions",          items: [
            {
              label: "Features",              href: "#features"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "Integrations",              href: "#"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Help Center",              href: "#faq"},
            {
              label: "Contact Sales",              href: "#contact"},
            {
              label: "Support",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Cookie Policy",              href: "#"},
          ],
        },
      ]}
      logoText="ObjectionIQ"
      copyrightText="© 2024 ObjectionIQ. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
