"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Target, Sparkles, Award, Heart, HelpCircle, Brain, Eye, Code, TrendingDown, Rocket, CheckCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="large"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "How It Works", id: "how-it-works" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Blog", id: "blog" },
            { name: "Docs", id: "docs" },
          ]}
          brandName="Arcliq"
          bottomLeftText="AutoML Without the Black Box"
          bottomRightText="hello@arcliq.io"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="AutoML Without the Black Box"
          description="Upload your data—Arcliq's multiagent AI recommends, tunes, and trains production-ready models in minutes. No coding required. Full transparency included."
          tag="Intelligent AutoML"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Start Building Free", href: "https://app.arcliq.io/signup" },
            { text: "View Demo", href: "#how-it-works" },
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-stunning-three-js-neural-network-visua-1772526871444-f36a59cf.png", imageAlt: "Neural network visualization" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-clean-modern-interface-showing-a-data--1772526868788-9c7d753f.png", imageAlt: "Data upload interface" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/an-advanced-ai-recommendation-engine-int-1772526871258-734259a0.png", imageAlt: "AI recommendations" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-live-model-training-dashboard-showing--1772526871641-96b9b13a.png", imageAlt: "Model training dashboard" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-success-celebration-scene-showing-mult-1772526869473-eda91fb9.png", imageAlt: "Deployed models" },
          ]}
          mediaAnimation="slide-up"
          ariaLabel="Arcliq AutoML hero section with neural network visualization"
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <FeatureCardSeven
          features={[
            {
              id: 1,
              title: "Upload Your Data",              description: "Connect your CSV, Parquet, or JSON files directly. Our system automatically detects data types, handles missing values, and prepares datasets for analysis without requiring coding expertise.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-clean-modern-interface-showing-a-data--1772526868788-9c7d753f.png",              imageAlt: "Data upload step"},
            {
              id: 2,
              title: "Intelligent Recommendations",              description: "Arcliq's multiagent AI analyzes your data characteristics and recommends the optimal algorithms, architectures, and hyperparameters. Full transparency into why each recommendation is made.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/an-advanced-ai-recommendation-engine-int-1772526871258-734259a0.png",              imageAlt: "AI recommendation engine"},
            {
              id: 3,
              title: "Automated Training",              description: "Models are automatically tuned and trained with real-time progress monitoring. Watch accuracy metrics improve in real-time as Arcliq optimizes performance without manual intervention.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-live-model-training-dashboard-showing--1772526871641-96b9b13a.png",              imageAlt: "Automated model training"},
            {
              id: 4,
              title: "Deploy Instantly",              description: "Export production-ready models in minutes. Get API endpoints, Docker containers, or downloadable model files. Deploy to any environment with full documentation and transparent decision logs.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-success-celebration-scene-showing-mult-1772526869473-eda91fb9.png",              imageAlt: "Model deployment"},
          ]}
          title="How It Works"
          description="Arcliq's intelligent workflow transforms raw data into production-ready models in four simple steps. Experience transparency at every stage of the ML pipeline."
          tag="Simple Process"
          tagIcon={Target}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          buttons={[
            { text: "Explore Full Workflow", href: "https://docs.arcliq.io/workflow" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <SplitAbout
          title="What Makes Arcliq Different"
          description="Built for founders and data engineers who demand transparency, speed, and developer-friendly tools. No black boxes. No surprises."
          tag="Why Choose Arcliq"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="right"
          mediaAnimation="slide-up"
          bulletPoints={[
            {
              title: "Multiagent Intelligence",              description: "Multiple specialized AI agents work together to recommend, tune, and validate models—ensuring robust recommendations through consensus.",              icon: Brain,
            },
            {
              title: "Complete Transparency",              description: "See exactly why each algorithm was chosen, how hyperparameters were tuned, and how your model makes predictions. No black box decisions.",              icon: Eye,
            },
            {
              title: "Developer-First Design",              description: "REST APIs, SDKs, and CLI tools built for integration. Export models in any format. Full audit logs and decision documentation included.",              icon: Code,
            },
            {
              title: "Cost Reduction",              description: "Eliminate weeks of manual tuning and experimentation. Reduce computational waste through intelligent optimization. Cut ML development costs by 70%.",              icon: TrendingDown,
            },
            {
              title: "Production Ready",              description: "Models deploy with confidence. Includes monitoring, performance validation, and automated retraining triggers for maintaining accuracy.",              icon: Rocket,
            },
            {
              title: "No ML Expertise Required",              description: "Domain knowledge replaces deep ML expertise. Let our AI handle the complexity while you focus on business outcomes.",              icon: CheckCircle,
            },
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/an-advanced-ai-recommendation-engine-int-1772526871258-734259a0.png"
          imageAlt="What makes Arcliq different"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Proven Results"
          description="See the measurable impact Arcliq delivers for founders and data teams worldwide."
          tag="Real Impact"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              value: "70%",              title: "Time Reduction",              description: "Model development from weeks to days",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-split-screen-comparison-showing-tradit-1772526869713-d42ee3ba.png",              imageAlt: "Time reduction metric"},
            {
              id: "2",              value: "10,000+",              title: "Models Trained",              description: "Production-ready models deployed this year",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-success-celebration-scene-showing-mult-1772526869473-eda91fb9.png",              imageAlt: "Models deployed"},
            {
              id: "3",              value: "99.2%",              title: "Accuracy Rate",              description: "Average model accuracy across all use cases",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/an-advanced-ai-recommendation-engine-int-1772526871258-734259a0.png",              imageAlt: "Model accuracy"},
            {
              id: "4",              value: "300+",              title: "Companies Trusted",              description: "From startups to enterprises worldwide",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/a-success-celebration-scene-showing-mult-1772526869473-eda91fb9.png",              imageAlt: "Companies using Arcliq"},
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Builders"
          description="Hear from founders, data engineers, and ML teams transforming their AI workflows with Arcliq."
          tag="Customer Stories"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="depth-3d"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Founder & CEO",              testimonial: "Arcliq reduced our model development from 8 weeks to 3 days. The transparency is incredible—we know exactly why each model was built. Worth every penny.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/professional-headshot-of-a-confident-sta-1772526868862-6f272ffb.png",              imageAlt: "Sarah Chen"},
            {
              id: "2",              name: "Marcus Rodriguez",              role: "Lead Data Engineer",              testimonial: "Finally, an AutoML platform that respects our intelligence. The API integrations are seamless, and our team loves the decision logs for auditing.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/professional-headshot-of-a-data-engineer-1772526868773-0af9bcc1.png",              imageAlt: "Marcus Rodriguez"},
            {
              id: "3",              name: "Priya Patel",              role: "Product Manager",              testimonial: "Our customers demanded explainable AI. Arcliq's transparency features solved that overnight. Now we deploy with confidence.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/professional-headshot-of-a-product-manag-1772526871080-2a1304de.png",              imageAlt: "Priya Patel"},
            {
              id: "4",              name: "Dr. James Wilson",              role: "ML Research Lead",              testimonial: "The multiagent approach is brilliant. Better recommendations than manual tuning. Our research team focuses on insights, not hyperparameter wars.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/professional-headshot-of-an-ml-researche-1772526868476-d1d3b660.png",              imageAlt: "Dr. James Wilson"},
            {
              id: "5",              name: "Elena Volkov",              role: "CTO",              testimonial: "Arcliq integrated with our existing pipeline in 48 hours. Cost savings alone justified the investment. Incredible platform.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/professional-headshot-of-a-cto-mid-40s-d-1772526868841-c7894135.png",              imageAlt: "Elena Volkov"},
            {
              id: "6",              name: "Alex Thompson",              role: "Startup Accelerator Director",              testimonial: "We recommend Arcliq to all portfolio companies. It democratizes AI—founders without ML expertise can compete with established teams.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQPHmH2RxHB0n2SW9saFCoMMm1/professional-headshot-of-a-startup-accel-1772526868438-fd1ddccb.png",              imageAlt: "Alex Thompson"},
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about Arcliq's AutoML platform, pricing, and integration."
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="blur-reveal"
          faqs={[
            {
              id: "1",              title: "What data formats does Arcliq support?",              content: "Arcliq supports CSV, Parquet, JSON, Excel, and direct database connections (PostgreSQL, MySQL, BigQuery, Snowflake). We automatically handle data preprocessing, missing values, and feature engineering."},
            {
              id: "2",              title: "How long does it take to train a model?",              content: "Most models train in 5-30 minutes depending on dataset size and complexity. Our multiagent system optimizes the training pipeline automatically, often completing in less time than traditional AutoML solutions."},
            {
              id: "3",              title: "Can I export models for offline use?",              content: "Yes! Export as ONNX, TensorFlow, PyTorch, scikit-learn, or any framework. We provide Docker containers, API endpoints, and standalone executables. Full deployment flexibility."},
            {
              id: "4",              title: "What programming languages are supported?",              content: "Our REST API works with any language. We provide official SDKs for Python, JavaScript/TypeScript, Go, and Rust. CLI tools available for all major platforms."},
            {
              id: "5",              title: "How transparent is the recommendation process?",              content: "Completely transparent. You get detailed decision logs showing why each algorithm was recommended, feature importance scores, cross-validation results, and hyperparameter justifications."},
            {
              id: "6",              title: "Do I need ML expertise?",              content: "No. Arcliq is designed for founders and teams with domain knowledge but limited ML expertise. Our AI handles the complexity while you focus on business outcomes."},
            {
              id: "7",              title: "What about data privacy and security?",              content: "Enterprise-grade encryption, SOC 2 Type II certified, GDPR compliant. Data never leaves your specified region. We offer on-premise deployment options for sensitive workloads."},
            {
              id: "8",              title: "How does pricing work?",              content: "Pay-as-you-go pricing based on models trained and predictions made. Free tier includes 2 models/month. No hidden fees. Volume discounts available for enterprises."},
            {
              id: "9",              title: "Can I integrate Arcliq with my existing pipeline?",              content: "Yes. REST API, webhooks, and native integrations with Airflow, Kubernetes, and popular ML platforms. Most teams integrate within 48 hours."},
            {
              id: "10",              title: "What kind of problems can Arcliq solve?",              content: "Classification, regression, time series forecasting, anomaly detection, clustering, and more. Works across industries: fintech, healthcare, e-commerce, manufacturing, and analytics."},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your ML workflow? Start building with Arcliq today—no credit card required."
          animationType="entrance-slide"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Start Free Trial", href: "https://app.arcliq.io/signup" },
            { text: "Schedule Demo", href: "https://calendly.com/arcliq/demo" },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Arcliq"
          copyrightText="© 2025 Arcliq. Intelligent AutoML for everyone."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "https://arcliq.io/pricing" },
                { label: "Documentation", href: "https://docs.arcliq.io" },
                { label: "API Reference", href: "https://api.arcliq.io/docs" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About", href: "https://arcliq.io/about" },
                { label: "Blog", href: "https://arcliq.io/blog" },
                { label: "Careers", href: "https://arcliq.io/careers" },
                { label: "Contact", href: "mailto:hello@arcliq.io" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "https://arcliq.io/privacy" },
                { label: "Terms of Service", href: "https://arcliq.io/terms" },
                { label: "Security", href: "https://arcliq.io/security" },
                { label: "Status", href: "https://status.arcliq.io" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
