"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Briefcase, Database, Gauge, Shield, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Sign Up",        href: "#contact"}}
      brandName="RoboFlow AI"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "rotated-rays-animated"}}
      title="Revolutionize Vision with AI"
      description="Unlock the power of computer vision. Build, train, and deploy custom object detection models with unparalleled ease and speed. From annotation to deployment, we simplify your AI journey."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-modern-network-communications-background-with-plexus-design_1048-15652.jpg",          imageAlt: "AI Object Detection Interface"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/covid-virus-3d-modeling_23-2149072258.jpg",          imageAlt: "Neural Network Data Flow"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board-close-up_23-2148910223.jpg",          imageAlt: "Augmented Reality Interaction"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/spyware-exploit-software-running-computer-secret-base-operations_482257-131696.jpg",          imageAlt: "Developer Workspace with AI"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-scene-with-high-tech-robot-used-construction-industry_23-2151329507.jpg",          imageAlt: "Drone capturing factory data"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",          imageAlt: "AI Model Performance Dashboard"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169840.jpg",          imageAlt: "AI Model Performance Dashboard"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189321.jpg",          imageAlt: "Drone capturing factory data"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/scene-with-futuristic-robot-used-construction-industry_23-2151329454.jpg",          imageAlt: "Developer Workspace with AI"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-monitoring-global-data-high-tech-control-room_23-2152029070.jpg",          imageAlt: "Augmented Reality Interaction"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg",          imageAlt: "Neural Network Data Flow"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/military-surveillance-officers-talk-big-screen-general-headquarters_482257-89969.jpg",          imageAlt: "AI Object Detection Interface"},
      ]}
      tag="Accelerate Your AI"
      buttons={[
        {
          text: "Start Building for Free",          href: "#products"},
        {
          text: "Learn More",          href: "#about"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/ceo-management-team-gathering-boardroom-project-briefing_482257-122918.jpg",          alt: "Team working together"},
        {
          src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",          alt: "Desktop PC with analytics"},
        {
          src: "http://img.b2bpic.net/free-photo/diverse-business-leaders-meeting-sharing-ideas-corporate-growth_482257-123661.jpg",          alt: "Diverse business leaders"},
        {
          src: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg",          alt: "Remote worker watching conference"},
        {
          src: "http://img.b2bpic.net/free-photo/team-leader-showing-infographics-data-interactive-board_482257-90921.jpg",          alt: "Team leader showing infographics"},
      ]}
      avatarText="Join 10,000+ AI Innovators"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/gradient-technology-logo-collection_23-2148163556.jpg",          alt: "SynthAI Logo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/colorful-photography-logo_1057-1786.jpg",          alt: "VisionWorks Logo"},
        {
          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0gijk",          alt: "DataStream Analytics Logo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/flat-electronics-logos-set_23-2148981161.jpg",          alt: "Cognito Robotics Logo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/leaf-silhouette-logo_361591-2390.jpg",          alt: "Quantum Leap Innovations Logo"},
        {
          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o4mcby",          alt: "Neuralink Solutions Logo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/colorful-abstract-letter-logo-design_474888-3842.jpg",          alt: "Pioneer AI Labs Logo"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Powering the Future of "},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/coworkers-engaged-virtual-meeting-office_482257-121191.jpg",          alt: "AI-powered vision technology"},
        {
          type: "text",          content: "Computer Vision"},
      ]}
      buttons={[
        {
          text: "Our Mission",          href: "#"},
        {
          text: "Our Story",          href: "#"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Automated Data Labeling",          description: "Leverage AI-powered annotation to rapidly label vast datasets with exceptional accuracy and minimal manual effort.",          imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-ai-machine-learning-algorithms_482257-118302.jpg",          imageAlt: "AI model training"},
        {
          title: "Active Learning for Efficiency",          description: "Focus your human annotation efforts on the most impactful data, significantly reducing costs and accelerating model improvement.",          imageSrc: "http://img.b2bpic.net/free-photo/urban-double-exposure-collage-concept_23-2149657932.jpg",          imageAlt: "Automated data labeling"},
        {
          title: "No-Code Model Building",          description: "Design, train, and iterate on complex computer vision models using an intuitive drag-and-drop interface, no coding required.",          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749868.jpg",          imageAlt: "No-code model building"},
        {
          title: "Seamless Deployment",          description: "Deploy your models to any environment – cloud, edge devices, or custom hardware – with our flexible and robust deployment options.",          imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-supervising-automated-machines-while-walking-through-woodworking-factory_637285-12015.jpg",          imageAlt: "Smart factory floor with robots"},
        {
          title: "Robust Data Security",          description: "Your data is protected with industry-leading encryption and compliance standards, ensuring privacy and integrity at every step.",          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883585.jpg",          imageAlt: "Data security illustration"},
        {
          title: "Scalable Infrastructure",          description: "Our cloud-native architecture scales effortlessly to meet your demands, handling massive datasets and high inference volumes.",          imageSrc: "http://img.b2bpic.net/free-photo/rpa-concept-with-bright-light-robotic-hand_23-2149311911.jpg",          imageAlt: "Global network of edge AI devices"},
      ]}
      title="Unmatched Capabilities"
      description="Our platform provides a comprehensive suite of tools designed to streamline your computer vision workflow, from data labeling to model deployment."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          brand: "RoboFlow AI",          name: "Data Labeling Workbench",          price: "$49/month",          rating: 5,
          reviewCount: "120 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/professional-hacker-using-ransomware-phishing-tactics-compromise-networks_482257-123210.jpg",          imageAlt: "Data Labeling Workbench UI"},
        {
          id: "p2",          brand: "RoboFlow AI",          name: "Model Training & Deployment",          price: "$99/month",          rating: 5,
          reviewCount: "85 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-94558.jpg",          imageAlt: "Model Training & Deployment Dashboard"},
        {
          id: "p3",          brand: "RoboFlow AI",          name: "Active Learning Suite",          price: "$129/month",          rating: 4,
          reviewCount: "60 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/business-data-information-device-screen_53876-133711.jpg",          imageAlt: "Active Learning & Iteration Interface"},
        {
          id: "p4",          brand: "RoboFlow AI",          name: "Dataset Management Pro",          price: "$79/month",          rating: 5,
          reviewCount: "95 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-laptop-device_23-2150282038.jpg",          imageAlt: "Dataset Management & Versioning Interface"},
        {
          id: "p5",          brand: "RoboFlow AI",          name: "Custom Model Builder",          price: "$149/month",          rating: 4,
          reviewCount: "70 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-couple-making-plans-redecorate-house_23-2148814624.jpg",          imageAlt: "Custom AI Model Building UI"},
        {
          id: "p6",          brand: "RoboFlow AI",          name: "Edge Deployment Toolkit",          price: "$199/month",          rating: 5,
          reviewCount: "55 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137479.jpg",          imageAlt: "Edge Deployment & Device Integration"},
      ]}
      title="Our Solutions"
      description="Discover the powerful tools that empower businesses to build, manage, and deploy cutting-edge computer vision applications."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",          badge: "Free",          badgeIcon: Sparkles,
          price: "$0",          subtitle: "For individuals and small projects",          buttons: [
            {
              text: "Get Started Free",              href: "#"},
          ],
          features: [
            "5,000 Free Images",            "Public Datasets Only",            "Community Support",            "Basic Annotation Tools"],
        },
        {
          id: "pro",          badge: "Popular",          badgeIcon: Award,
          price: "$99/month",          subtitle: "For growing teams and production",          buttons: [
            {
              text: "Choose Pro Plan",              href: "#"},
          ],
          features: [
            "50,000 Images",            "Private Datasets",            "Email Support",            "Advanced Annotation Tools",            "Custom Model Training",            "Cloud Deployment"],
        },
        {
          id: "enterprise",          badge: "Custom",          badgeIcon: Shield,
          price: "Contact Us",          subtitle: "For large organizations with complex needs",          buttons: [
            {
              text: "Contact Sales",              href: "#"},
          ],
          features: [
            "Unlimited Images",            "Dedicated Private Cloud",            "24/7 Priority Support",            "On-Premise Deployment",            "Custom Integrations",            "SLA & Compliance"],
        },
      ]}
      title="Flexible Pricing Plans"
      description="Choose a plan that fits your team's needs, from prototyping to enterprise-scale computer vision deployments."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "99.5%",          title: "Model Accuracy",          description: "Achieved across diverse datasets.",          icon: Gauge,
        },
        {
          id: "m2",          value: "100+",          title: "Datasets Processed",          description: "For leading global enterprises.",          icon: Database,
        },
        {
          id: "m3",          value: "2M+",          title: "Inferences Per Day",          description: "Powering real-time decisions.",          icon: Zap,
        },
        {
          id: "m4",          value: "20+",          title: "Industries Served",          description: "From manufacturing to healthcare.",          icon: Briefcase,
        },
      ]}
      title="Impact by the Numbers"
      description="Our platform consistently delivers top-tier performance and drives innovation across various industries."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Chen",          role: "AI Research Lead, InnovateX",          testimonial: "RoboFlow AI dramatically accelerated our research cycle. The intuitive labeling tools and seamless model deployment are game-changers. Highly recommended for any serious AI team.",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-analyzing-with-microscope_23-2148168412.jpg",          imageAlt: "Sarah Chen"},
        {
          id: "2",          name: "Michael Rodriguez",          role: "CTO, OmniVision Tech",          testimonial: "The performance and scalability of RoboFlow AI are simply outstanding. We've been able to deploy complex computer vision solutions faster and more reliably than ever before.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-brainstorming-while-analyzing-graph-computer-office_637285-2724.jpg",          imageAlt: "Michael Rodriguez"},
        {
          id: "3",          name: "Emily Williams",          role: "Product Manager, Apex Robotics",          testimonial: "From active learning to edge deployment, RoboFlow AI provides a complete end-to-end solution. It's truly enabled our team to innovate at an incredible pace.",          imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",          imageAlt: "Emily Williams"},
        {
          id: "4",          name: "David Kim",          role: "Data Scientist, Global Analytics",          testimonial: "The precision of the data labeling and the robust versioning system are crucial for our compliance needs. RoboFlow AI ensures data integrity and model reproducibility.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Jessica Lee",          role: "Head of Engineering, HyperGrowth Inc.",          testimonial: "RoboFlow AI has become an indispensable part of our engineering workflow. Their support is exceptional, and the platform continuously evolves to meet our demanding requirements.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-pc-checking-servers-bottlenecks-leading-malfunctions_482257-118483.jpg",          imageAlt: "Jessica Lee"},
      ]}
      title="What Our Customers Say"
      description="Hear directly from industry leaders and innovators who have transformed their operations with RoboFlow AI."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "SynthAI",        "VisionWorks",        "DataStream Analytics",        "Cognito Robotics",        "Quantum Leap Innovations",        "Neuralink Solutions",        "Pioneer AI Labs"]}
      title="Trusted by Leading Innovators"
      description="Join the forward-thinking companies leveraging RoboFlow AI for their critical computer vision projects."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What kind of AI models can I build?",          content: "Our platform supports a wide range of computer vision models, including object detection, image classification, segmentation, and more, all without needing to write code."},
        {
          id: "faq2",          title: "How does automated data labeling work?",          content: "RoboFlow AI uses advanced machine learning algorithms to automatically identify and annotate objects in your images and videos, significantly reducing the time and cost of data preparation."},
        {
          id: "faq3",          title: "Can I integrate with my existing tools?",          content: "Yes, RoboFlow AI offers flexible APIs and SDKs for seamless integration with your current development environment, CI/CD pipelines, and cloud services."},
        {
          id: "faq4",          title: "Is my data secure on your platform?",          content: "Absolutely. We employ robust security measures, including end-to-end encryption, strict access controls, and compliance with industry standards to protect your sensitive data."},
        {
          id: "faq5",          title: "What kind of support do you offer?",          content: "We offer comprehensive support ranging from community forums for free users to dedicated account managers and 24/7 priority support for enterprise clients."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-delivery-robot-working_23-2151150157.jpg"
      imageAlt="AI assistant answering questions on a holographic screen"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about RoboFlow AI, its features, and how it can benefit your projects."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "animated-grid"}}
      text="Ready to Transform Your Vision?"
      buttons={[
        {
          text: "Get in Touch",          href: "mailto:info@roboflowai.com"},
        {
          text: "Request a Demo",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Product",          items: [
            {
              label: "Data Labeling",              href: "#products"},
            {
              label: "Model Training",              href: "#products"},
            {
              label: "Deployment",              href: "#products"},
            {
              label: "Pricing",              href: "#pricing"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Blog",              href: "#"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Documentation",              href: "#"},
            {
              label: "Support",              href: "#faq"},
            {
              label: "API Reference",              href: "#"},
            {
              label: "Community",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 RoboFlow AI. All rights reserved."
      bottomRightText="Privacy Policy | Terms of Service"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
