"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Zap, Shield, Globe, Cpu } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Products", id: "#products" },
        { name: "Features", id: "#features" },
        { name: "Testimonials", id: "#testimonials" },
        { name: "FAQ", id: "#faq" },
      ]}
      brandName="BridgeMind"
      button={{
        text: "Get Started",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "animated-grid"}}
      logoText="BridgeMind AI"
      description="Ship production-grade software at the speed of thought. Reduce your deployment cycles by 80% with our agentic management platform."
      buttons={[
        {
          text: "Start Shipping",          href: "#contact"},
        {
          text: "Join Discord",          href: "#"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg?_wi=1"
      imageAlt="dark developer dashboard ui"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "10,000+",          title: "Engineers",          description: "Active users",          imageSrc: "http://img.b2bpic.net/free-photo/growth-arrow-icon-isolated_53876-71266.jpg?_wi=1"},
        {
          id: "m2",          value: "71,000+",          title: "Subscribers",          description: "Community members",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202843.jpg?_wi=1"},
        {
          id: "m3",          value: "30,000+",          title: "Followers",          description: "Social impact",          imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg"},
      ]}
      title="Trusted by Builders"
      description="Proven scale and reliability in modern AI development ecosystems."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "BridgeSpace",          price: "Full-stack cloud-native coding environment",          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-software-developer-thinking-ways-upgrade-encryption-program-pensive-network-engineer-reflecting-failed-data-processing-operation-security-system-unknown-breach_482257-43029.jpg"},
        {
          id: "p2",          name: "BridgeVoice",          price: "Voice-to-code intent processing",          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047616.jpg"},
        {
          id: "p3",          name: "BridgeMCP",          price: "Unified cross-agent data sharing",          imageSrc: "http://img.b2bpic.net/free-photo/male-expert-uses-tablet-with-chroma-key-display-leveraging-dashboards_482257-126212.jpg"},
        {
          id: "p4",          name: "BridgeCode",          price: "Core agent logic execution engine",          imageSrc: "http://img.b2bpic.net/free-photo/teleworker-using-laptop-coding-software-developing_482257-124274.jpg"},
        {
          id: "p5",          name: "BridgeSwarm",          price: "Autonomous multi-agent orchestration",          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-labor-day-landing-page-template_23-2150617044.jpg"},
        {
          id: "p6",          name: "Agentic Stack",          price: "End-to-end deployment pipeline",          imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg"},
      ]}
      title="Four Products. One Workflow."
      description="Everything a builder needs to go from intent to production."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Us"
      title="Empowering your vision"
      description="BridgeMind AI is designed to augment human intuition with agentic precision."
      subdescription="We bridge the gap between prompt and production through advanced agent coordination protocols."
      icon={Zap}
      imageSrc="http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21627.jpg"
      mediaAnimation="slide-up"
      imageAlt="dark developer dashboard ui"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Intent-based Routing",          description: "Your intent is correctly parsed and routed to specialized agents.",          buttonIcon: Zap,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg",          imageAlt: "Closeup of a black computer keyboard and DEL button"},
        {
          title: "Production-ready Agents",          description: "Automated guardrails and production-grade validation for every agent commit.",          buttonIcon: Shield,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg?_wi=2",          imageAlt: "Closeup of a black computer keyboard and DEL button"},
        {
          title: "Agentic Protocol",          description: "Universal connectivity for any AI agent ecosystem.",          buttonIcon: Globe,
          imageSrc: "http://img.b2bpic.net/free-photo/growth-arrow-icon-isolated_53876-71266.jpg?_wi=2",          imageAlt: "Closeup of a black computer keyboard and DEL button"},
        {
          title: "Zero-collision Architecture",          description: "Multi-agent coordination without conflicting logic.",          buttonIcon: Cpu,
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202843.jpg?_wi=2",          imageAlt: "Closeup of a black computer keyboard and DEL button"},
      ]}
      title="Built for scale, tuned for speed"
      description="Our core infrastructure ensures your development lifecycle is fluid and error-free."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split-description"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "BridgeMind changed how I ship code daily.",          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
        {
          id: "t2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "Unparalleled agent coordination capabilities.",          imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
        {
          id: "t3",          name: "Emily Rodriguez",          handle: "@erod",          testimonial: "Finally, the agent stack that works as promised.",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-glasses-works-computer-late-night_169016-14891.jpg"},
        {
          id: "t4",          name: "David Kim",          handle: "@dkim",          testimonial: "BridgeMind is the core of our dev environment.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg"},
        {
          id: "t5",          name: "Alex Smith",          handle: "@asmith",          testimonial: "Incredible productivity gains within weeks.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg"},
      ]}
      title="Engineers are shipping faster"
      description="Real feedback from the community. No scripts, just power users."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "How does BridgeMind integrate?",          content: "Our API-first approach integrates with your existing repo structure effortlessly."},
        {
          id: "q2",          title: "Is the protocol open source?",          content: "Yes, our agent protocol is open source and community driven."},
        {
          id: "q3",          title: "Can I train custom agents?",          content: "Absolutely, our agent registry supports custom skill sets and fine-tuned models."},
      ]}
      title="Frequently Asked Questions"
      description="Common questions from developers and engineering teams."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get started with your first agent"
      description="Request access or partner with our engineering team."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Work Email",          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-background-design_1048-12972.jpg"
      imageAlt="abstract tech particles"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="BridgeMind AI"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Product",          items: [
            {
              label: "Platform",              href: "#products"},
            {
              label: "Security",              href: "#"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Docs",              href: "#"},
            {
              label: "Blog",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}