"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Building, Lightbulb, Rocket, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="GOAT'S INVENTOR AI"
      button={{
        text: "Get Started",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated-grid",
      }}
      title="Where vibe coders come to launch apps, with control of their stack."
      description="GOAT'S INVENTOR AI is an AI app builder that lets you go from plain language to running code instantly. Type your idea, define your rules, and watch the AI generate real, editable code that fits your stack. No downloads. No waiting. Just creation."
      tag="How to be a pilot today"
      tagIcon={Zap}
      buttons={[
        {
          text: "Get Started free",
          href: "#contact",
        },
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
          imageAlt: "AI Code Generation Interface",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-vector/digital-technology-data-conversion-energy-production-server-room-database_39422-633.jpg",
          imageAlt: "AI Cloud Platform Data Flow",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/cyber-defense-team-working-governmental-security-operations-center_482257-112746.jpg",
          imageAlt: "Developer AI Workspace",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/glitching-woman-rsquo-s-hand-background-using-futuristic-technology-digital-remix_53876-110817.jpg",
          imageAlt: "Holographic Code Display",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanical-with-blue-shapes_1160-732.jpg",
          imageAlt: "Human-AI Collaboration Network",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-124791.jpg",
          imageAlt: "AI App Development Tools",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Beyond AI: Human-Powered Development Support"
      description={[
        "Unlike other AI coding assistants, GOAT'S INVENTOR AI is here to support you plan, build, launch and improve your apps with support from real human devs. We combine AI-powered development with expert guidance to ensure your projects succeed from concept to deployment. Our unique approach ensures you leverage the speed of AI without sacrificing the depth of human expertise.",
        "We're committed to empowering developers at all levels, offering a comprehensive ecosystem where AI accelerates your workflow and human insights refine your creations. From initial ideation to final deployment, GOAT'S INVENTOR AI is your trusted partner in innovation.",
      ]}
      buttons={[
        {
          text: "Explore Our Vision",
          href: "#features",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Free to build anything",
          description: "Start building for free with generous token limits. No credit card required to get started with AI-powered development, giving you the freedom to experiment and innovate without upfront costs.",
          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/bearded-portrait-young-guy-with-blue-tshirt_176420-27978.jpg",
              imageAlt: "Digital Wallet Token Limits",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/colorful-trails-neon-lights_23-2147786046.jpg",
              imageAlt: "AI-Powered Development Concept",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
          imageAlt: "digital wallet token limits",
        },
        {
          title: "Built to launch real projects",
          description: "Go beyond prototypes. Build production-ready applications with proper architecture, testing, and deployment workflows, ensuring your projects are scalable, reliable, and ready for market.",
          icon: Rocket,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/action-process-directions-performance-verification-icon_53876-132264.jpg",
              imageAlt: "App Blueprint to 3D Render",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/professional-hacker-using-ransomware-phishing-tactics-compromise-networks_482257-121638.jpg",
              imageAlt: "CI/CD Pipeline Automation",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/digital-technology-data-conversion-energy-production-server-room-database_39422-633.jpg",
          imageAlt: "digital wallet token limits",
        },
        {
          title: "Easy to get you unstuck",
          description: "Get help when you need it. Our AI understands context and can debug, explain, and guide you through complex coding challenges, ensuring you always have the support to keep your development moving forward.",
          icon: Lightbulb,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/classmates-using-smartphone-group-study_23-2149211108.jpg",
              imageAlt: "AI Assistant Code Debugging",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-cyclist-design_183364-118217.jpg",
              imageAlt: "Developer with AI Guidance",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/cyber-defense-team-working-governmental-security-operations-center_482257-112746.jpg",
          imageAlt: "digital wallet token limits",
        },
      ]}
      title="Why builders choose GOAT'S INVENTOR AI"
      description="Power, ownership, and flexibility in one AI workspace. Our platform is designed to empower you at every stage of development, providing unparalleled control and support to bring your ideas to life."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Software Engineering",
          price: "50% Off",
          variant: "Online Bootcamp",
          imageSrc: "http://img.b2bpic.net/free-photo/female-filmmaker-editing-montage-video-clips-with-creative-software_482257-119137.jpg",
          imageAlt: "Software Engineering Bootcamp",
        },
        {
          id: "p2",
          name: "Web Development",
          price: "50% Off",
          variant: "Online Bootcamp",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-designer-holding-smartphone_23-2149930986.jpg",
          imageAlt: "Web Development Bootcamp",
        },
        {
          id: "p3",
          name: "Advanced Artificial Intelligence",
          price: "50% Off",
          variant: "Specialization",
          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719599.jpg",
          imageAlt: "Advanced Artificial Intelligence Specialization",
        },
        {
          id: "p4",
          name: "Full Stack Web & Software Engineering",
          price: "50% Off",
          variant: "Certified Immersive",
          imageSrc: "http://img.b2bpic.net/free-photo/teleworker-using-laptop-coding-software-developing_482257-124274.jpg",
          imageAlt: "Full Stack Web and Software Engineering Bootcamp",
        },
        {
          id: "p5",
          name: "AI and Machine Learning Engineering",
          price: "50% Off",
          variant: "Certified Immersive",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twer30",
          imageAlt: "AI and Machine Learning Engineering Bootcamp",
        },
        {
          id: "p6",
          name: "Data Science & Analytics",
          price: "50% Off",
          variant: "Specialization",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-activity-company_1098-1585.jpg",
          imageAlt: "Data Science and Analytics Specialization",
        },
      ]}
      title="Deepen Your Skills with HyperionDev Bootcamps"
      description="Every paid GOAT'S INVENTOR AI plan includes up to 50% off select HyperionDev coding bootcamps in partnership with leading Universities. Code with AI, learn from humans, and master both worlds to become a truly full-stack innovator."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "free",
          name: "Free",
          price: "$0",
          badge: "Starter",
          badgeIcon: Sparkles,
          features: [
            "1 Million AI Tokens",
            "Basic App Generation",
            "Community Support",
            "Limited Stack Control",
          ],
          buttons: [
            {
              text: "Get Started Free",
              href: "#contact",
            },
          ],
        },
        {
          id: "pro",
          name: "Pro",
          price: "$29/mo",
          badge: "Recommended",
          badgeIcon: Star,
          features: [
            "Unlimited AI Tokens",
            "Advanced App Generation",
            "Priority Support",
            "Full Stack Control",
            "50% Off HyperionDev Bootcamps",
          ],
          buttons: [
            {
              text: "Choose Pro",
              href: "#contact",
            },
          ],
        },
        {
          id: "enterprise",
          name: "Enterprise",
          price: "$199/mo",
          badge: "Teams",
          badgeIcon: Building,
          features: [
            "All Pro Features",
            "Dedicated Account Manager",
            "Custom Integrations",
            "Advanced Security & Compliance",
            "On-demand Human Dev Consultations",
          ],
          buttons: [
            {
              text: "Contact Sales",
              href: "#contact",
            },
          ],
        },
      ]}
      title="Unlock Your Potential with Our Flexible Plans"
      description="Choose the perfect plan to accelerate your AI development journey, from individual projects to enterprise-level solutions. Our transparent pricing ensures you get the most value for your investment."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Alex Chen",
          role: "Lead Software Engineer",
          company: "TechInnovate",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
          imageAlt: "Alex Chen",
        },
        {
          id: "t2",
          name: "Sarah Rodriguez",
          role: "CTO",
          company: "NextGen Solutions",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pensive-leader-thinking-outside_74855-2222.jpg",
          imageAlt: "Sarah Rodriguez",
        },
        {
          id: "t3",
          name: "Michael Kim",
          role: "Product Manager",
          company: "Zenith AI",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/serious-young-businessman-talking-phone-while-working-with-computer-park-outdoor-photo-busy-african-guy-using-laptop-square_197531-21888.jpg",
          imageAlt: "Michael Kim",
        },
        {
          id: "t4",
          name: "Emily Watson",
          role: "AI Researcher",
          company: "Data Insights Corp",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111139.jpg",
          imageAlt: "Emily Watson",
        },
        {
          id: "t5",
          name: "David Lee",
          role: "Indie Developer",
          company: "CodeCraft Studios",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/image-bearded-hipster-amateur-photographer-taking-pictures-room-with-loft-interior_613910-3629.jpg",
          imageAlt: "David Lee",
        },
      ]}
      kpiItems={[
        {
          value: "50%",
          label: "Faster Development",
        },
        {
          value: "95%",
          label: "Code Accuracy",
        },
        {
          value: "10,000+",
          label: "Apps Launched",
        },
      ]}
      title="What Our Builders Say"
      description="Hear directly from developers who are leveraging GOAT'S INVENTOR AI to transform their coding workflows and launch innovative applications faster than ever before. Their success stories speak volumes about our platform's impact."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "AI Automate",
        "DataNexus",
        "SynergyTech",
        "CyberGuard",
        "Artifex Labs",
        "QuantumCore",
        "CodeFlow Agency",
      ]}
      title="Trusted by Innovators Worldwide"
      description="Join the growing community of companies and developers who rely on GOAT'S INVENTOR AI for cutting-edge solutions and accelerated development. Our platform powers success across diverse industries."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What is GOAT'S INVENTOR AI?",
          content: "GOAT'S INVENTOR AI is an advanced AI app builder that converts plain language descriptions into real, editable code. It supports planning, building, launching, and improving applications with AI and human developer support.",
        },
        {
          id: "q2",
          title: "How does the 'human dev support' work?",
          content: "Our platform offers integrated support from real human developers who can assist with complex challenges, debugging, and architectural guidance, ensuring you get the best of both AI automation and expert human insight.",
        },
        {
          id: "q3",
          title: "Are the HyperionDev bootcamps really discounted?",
          content: "Yes, every paid GOAT'S INVENTOR AI plan includes up to a 50% discount on select HyperionDev coding bootcamps, allowing you to strengthen your core skills with world-class education.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about GOAT'S INVENTOR AI, HyperDev bootcamps, pricing, and getting started. 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={false}
      background={{
        variant: "rotated-rays-animated",
      }}
      tag="Ready to Build?"
      title="Start Your First Project Today!"
      description="Join thousands of developers leveraging the power of GOAT'S INVENTOR AI. Your first million tokens are on us. See what you can create in seconds and transform your development workflow."
      buttons={[
        {
          text: "Get Started Free",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/3d-render-particle-design-with-motion-blur-effect_1048-12685.jpg"
      imageAlt="Futuristic abstract tech background"
      logoText="GOAT'S INVENTOR AI"
      columns={[
        {
          title: "Product",
          items: [
            {
              label: "Features",
              href: "#features",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "Bootcamps",
              href: "#products",
            },
            {
              label: "AI Capabilities",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Partners",
              href: "#social-proof",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Support",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 GOAT'S INVENTOR AI | All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
