"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Crown, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Platform",          id: "#platform"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Impact",          id: "#impact"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Provocation Lab"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated-grid"}}
      title="Shape the Future of Work with Human–AI Symbiosis"
      description="Provocation Lab is the Post-Automation Organization Design Company, building the global platform for innovation and OBM. We empower your enterprise to thrive in an cleanAI-powered era."
      testimonials={[
        {
          name: "Dr. Evelyn Reed",          handle: "@TechVisionary",          testimonial: "Provocation Lab's approach to human-AI integration is revolutionary. Their platform transformed our team's creative output and operational efficiency.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",          imageAlt: "Dr. Evelyn Reed, Tech Visionary"},
        {
          name: "Mark Chen",          handle: "@Innovate_CEO",          testimonial: "We saw an immediate shift in our organizational agility. Provocation Lab doesn't just offer tools; they offer a new paradigm for growth.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",          imageAlt: "Mark Chen, Innovate CEO"},
        {
          name: "Sarah Miller",          handle: "@FutureHR",          testimonial: "Their OBM engine is a game-changer for people management. Truly a platform built for the complexities of tomorrow's workforce.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",          imageAlt: "Sarah Miller, Future HR Leader"},
        {
          name: "Alex Johnson",          handle: "@Strategy_Lead",          testimonial: "The insights gained from Provocation Lab's platform are unparalleled. It's not just about AI; it's about intelligent organizational design.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",          imageAlt: "Alex Johnson, Strategy Lead"},
        {
          name: "Priya Sharma",          handle: "@Digital_Ops",          testimonial: "Implementing their solutions was seamless. Our operations are now more streamlined and creatively aligned, thanks to Provocation Lab.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",          imageAlt: "Priya Sharma, Digital Operations Expert"},
      ]}
      tag="Post-Automation Leaders"
      buttons={[
        {
          text: "Explore Platform",          href: "#platform"},
        {
          text: "Get a Demo",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-african-businessman-wearing-suit-headshot-vertical-portrait-with-team_1163-3924.jpg",          alt: "Dr. Evelyn Reed"},
        {
          src: "http://img.b2bpic.net/free-photo/positive-hipster-entrepreneur-it-expert-software-developer_74855-3635.jpg",          alt: "Mark Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",          alt: "Sarah Miller"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-business-woman-smiling-camera-after-reading-mails-laptop-sitting-desk-start-up-company-late-night-focused-employee-using-technology-network-wireless-doing-overtime_482257-13419.jpg",          alt: "Alex Johnson"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          alt: "Priya Sharma"},
      ]}
      avatarText="Trusted by visionary leaders"
      imageSrc="http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399290.jpg"
      imageAlt="Human-AI creative collaboration in a futuristic office"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/team-engineers-data-center-with-tablet-integrating-ai-automation-tools_482257-120539.jpg",          alt: "Team of engineers in data center with tablet integrating AI automation tools"},
        {
          type: "text",          text: "Future-Proof Your Enterprise"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-notebook-used-by-employees-developing-ai-systems-tech-startup_482257-91115.jpg",          alt: "Close up of notebook used by employees developing AI systems in tech startup"},
        {
          type: "text-icon",          text: "Creative Symbiosis",          icon: Sparkles,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/call-center-agents-track-shipments-office-using-ai-chatbot-help_482257-126758.jpg",          alt: "Call center agents track shipments in office using AI chatbot for help"},
        {
          type: "text",          text: "Unlock Peak Performance"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/manager-call-center-shows-man-how-use-company-ai-software_482257-117874.jpg",          alt: "Manager in call center shows man how to use company AI software"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Innovating Beyond Automation: Our Vision for Tomorrow's Enterprise"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-team-concept_53876-13728.jpg",          alt: "Abstract image showing human and AI intelligence merging"}
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#features"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Integration",          title: "AI & Team Integration",          subtitle: "Seamlessly merge human expertise with AI intelligence.",          description: "Our solutions are crafted to enhance collaborative workflows, enabling your teams to work smarter and innovate faster by leveraging AI as a true partner, not just a tool.",          imageSrc: "http://img.b2bpic.net/free-photo/cto-manager-multiethnic-startup-office-helps-technician-coding-advanced-ai_482257-125488.jpg",          imageAlt: "Team collaborating with AI interface"},
        {
          tag: "Creativity",          title: "Creative Symbiosis",          subtitle: "Unlock new dimensions of innovation and problem-solving.",          description: "Experience a symbiotic relationship where human creativity is amplified by AI, leading to breakthrough ideas and novel solutions that were previously unimaginable.",          imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688415.jpg",          imageAlt: "Human and robotic hands joining, symbolizing creative symbiosis"},
        {
          tag: "Performance",          title: "Organizational Behavior Management (OBM)",          subtitle: "Optimize performance with data-driven behavioral insights.",          description: "Our proprietary OBM Engine provides actionable insights into organizational dynamics, helping you design more effective structures, processes, and incentive systems for peak performance.",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-strategy-text-scrabble-letters-black-backdrop_23-2148101369.jpg",          imageAlt: "Abstract representation of an OBM engine with data and gears"},
      ]}
      title="Empowering Your Organization for the AI Era"
      description="Provocation Lab offers a suite of advanced capabilities designed to integrate AI seamlessly into your organizational fabric, fostering unparalleled creativity and operational excellence."
    />
  </div>

  <div id="platform" data-section="platform">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "platform-module-1",          name: "AI Collaboration Hub",          price: "Integrated",          variant: "Core Module",          imageSrc: "http://img.b2bpic.net/free-photo/professional-employee-works-desk-with-green-screen-corporation_482257-123895.jpg",          imageAlt: "AI Collaboration Hub dashboard"},
        {
          id: "platform-module-2",          name: "Symbiosis Studio",          price: "Advanced",          variant: "Creative Suite",          imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282053.jpg",          imageAlt: "Symbiosis Studio interface for creative tasks"},
        {
          id: "platform-module-3",          name: "OBM Engine Analytics",          price: "Premium",          variant: "Insights & Optimization",          imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",          imageAlt: "OBM Engine Analytics dashboard"},
        {
          id: "platform-module-4",          name: "Mobile Command",          price: "Included",          variant: "On-the-Go Access",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",          imageAlt: "Mobile version of the platform on a tablet"},
        {
          id: "platform-module-5",          name: "Enterprise Workflow Designer",          price: "Custom",          variant: "Customization & Scale",          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-48716.jpg",          imageAlt: "User designing workflows on the platform"},
        {
          id: "platform-module-6",          name: "Secure Cloud Infrastructure",          price: "Enterprise",          variant: "Reliability & Data Privacy",          imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900719.jpg",          imageAlt: "Secure cloud infrastructure visualization"},
      ]}
      title="Our Proprietary B2B SaaS Platform"
      description="Dive into the core of post-automation organization design with our powerful SaaS platform, engineered for enterprise-grade innovation and efficiency."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",          badge: "Pilot",          badgeIcon: Sparkles,
          price: "$999/mo",          name: "Starter Symbiosis",          buttons: [
            {
              text: "Start Free Trial",              href: "#contact"},
          ],
          features: [
            "Core AI & Team Integration",            "Basic OBM Analytics",            "Up to 50 Users",            "Standard Support"],
        },
        {
          id: "pro",          badge: "Most Popular",          badgeIcon: Award,
          price: "$2499/mo",          name: "Enterprise Pro",          buttons: [
            {
              text: "Request Demo",              href: "#contact"},
          ],
          features: [
            "Advanced AI & Team Integration",            "Full Creative Symbiosis Suite",            "Advanced OBM Analytics",            "Up to 200 Users",            "Priority Support",            "Customizable Workflows"],
        },
        {
          id: "custom",          badge: "Tailored",          badgeIcon: Crown,
          price: "Custom",          name: "Global Platform",          buttons: [
            {
              text: "Contact Sales",              href: "#contact"},
          ],
          features: [
            "Unlimited AI & Team Integration",            "Full Creative Symbiosis Suite",            "Predictive OBM Engine",            "Unlimited Users",            "Dedicated Account Manager",            "On-premise Deployment Options"],
        },
      ]}
      title="Flexible Plans for Transformative Growth"
      description="Choose the right tier for your organization to begin your journey towards human-AI creative symbiosis and optimized performance."
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",          value: "+35%",          description: "Increase in AI Solution Adoption across client enterprises."},
        {
          id: "metric-2",          value: "20x",          description: "Faster Innovation Cycle due to Creative Symbiosis integration."},
        {
          id: "metric-3",          value: "-15%",          description: "Reduction in Operational Overheads through OBM optimization."},
        {
          id: "metric-4",          value: "90%",          description: "User Satisfaction with our B2B SaaS Platform interface."},
      ]}
      title="Quantifiable Impact of Human–AI Integration"
      description="See how Provocation Lab drives measurable improvements in key organizational metrics across diverse industries."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",          name: "Elena Petrova",          role: "CEO, FutureCorp",          testimonial: "Provocation Lab delivered beyond expectations. Their platform is truly the missing link for integrating AI into a human-centric organizational strategy. Our teams are more collaborative and innovative than ever.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman_23-2148815616.jpg",          imageAlt: "Elena Petrova"},
        {
          id: "t2",          name: "David Kim",          role: "CTO, Quantum Solutions",          testimonial: "The OBM Engine provided by Provocation Lab offers unparalleled insights. It's transformed how we manage our engineering teams, leading to significant improvements in efficiency and project delivery.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-office-with-laptop-portrait_23-2148825877.jpg",          imageAlt: "David Kim"},
        {
          id: "t3",          name: "Maria Rodriguez",          role: "Head of People, Nexus Inc.",          testimonial: "Our talent development framework has been revolutionized. Provocation Lab's tools foster an environment where human potential and AI capabilities truly complement each other, driving a culture of continuous learning and creativity.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",          imageAlt: "Maria Rodriguez"},
        {
          id: "t4",          name: "Omar Hassan",          role: "Chief Innovation Officer, Visionary Labs",          testimonial: "The Creative Symbiosis modules are phenomenal. We're generating ideas and solving complex problems with a speed and depth that was simply impossible before. This is the future of innovation.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg",          imageAlt: "Omar Hassan"},
        {
          id: "t5",          name: "Chloe Davies",          role: "Operations Director, Global Dynamics",          testimonial: "Integrating Provocation Lab's platform has streamlined our operations and reduced inefficiencies across the board. The support and insights are exceptional, making our transition to a post-automation model seamless.",          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",          imageAlt: "Chloe Davies"},
      ]}
      title="What Leaders Say About Provocation Lab"
      description="Hear directly from executives and innovators who have transformed their organizations with our post-automation design solutions."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "GlobalTech Corp",        "AI Innovations Inc.",        "Agile Futures Group",        "WorkEvolution ThinkTank",        "AutomateX Solutions",        "Ethical AI Alliance",        "DataDriven Insights"]}
      title="Trusted by Industry Innovators"
      description="Our platform is empowering leading organizations to redefine their operational boundaries and foster human-AI collaboration."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What is Post-Automation Organization Design?",          content: "Post-Automation Organization Design focuses on creating adaptive, human-centric structures that leverage AI not just for task automation, but for augmenting human creativity, strategic thinking, and emotional intelligence. It's about designing organizations where human and AI capabilities achieve true symbiosis."},
        {
          id: "faq-2",          title: "How does Provocation Lab foster Human-AI Creative Symbiosis?",          content: "Our proprietary B2B SaaS platform is built with modules specifically designed for creative symbiosis. It provides AI tools that assist in brainstorming, problem-solving, and idea generation, allowing human teams to push creative boundaries further and faster than ever before."},
        {
          id: "faq-3",          title: "What is the OBM Engine and how does it work?",          content: "The Organizational Behavior Management (OBM) Engine is a core component of our platform that uses advanced analytics to observe, measure, and optimize human and team behaviors within your organization. It provides data-driven insights and recommendations to improve productivity, engagement, and overall performance."},
        {
          id: "faq-4",          title: "Is Provocation Lab suitable for large enterprises?",          content: "Absolutely. Our platform is designed for enterprise-grade deployment, offering scalability, robust security, and customizable features to meet the complex needs of large organizations. We provide tailored solutions and dedicated support for seamless integration."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about Provocation Lab, our platform, and the future of human-AI collaboration."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static"}}
      tag="Get in Touch"
      title="Ready to Redesign Your Organization?"
      description="Connect with Provocation Lab to explore how our platform can transform your enterprise with human-AI creative symbiosis. Schedule a demo or speak to our experts."
      inputPlaceholder="Enter your work email"
      buttonText="Schedule a Demo"
      termsText="By clicking 'Schedule a Demo', you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Platform",          items: [
            {
              label: "AI Integration",              href: "#features"},
            {
              label: "Creative Symbiosis",              href: "#features"},
            {
              label: "OBM Engine",              href: "#features"},
            {
              label: "SaaS Modules",              href: "#platform"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Blog",              href: "#"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Case Studies",              href: "#"},
            {
              label: "Whitepapers",              href: "#"},
            {
              label: "Support",              href: "#"},
            {
              label: "FAQs",              href: "#faq"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Provocation Lab. All rights reserved."
      bottomRightText="Privacy Policy | Terms of Service"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
