"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Shield, Zap, CheckCircle, Eye, TrendingUp, BookOpen, Sparkles, Award, Users, Target, Building2, Quote, HelpCircle } from "lucide-react";

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Authentix"
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Metrics", id: "metrics" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Trust the truth"
          description="Verify misinformation instantly. Identify AI-generated content with precision. Built for newsrooms, platforms, and enterprises who can't afford to get it wrong."
          tag="Digital Authenticity"
          tagIcon={Shield}
          tagAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          leftCarouselItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/close-up-of-a-digital-verification-badge-1772517040636-fabc0a12.png",              imageAlt: "Verification badge with authentic checkmark"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/minimalist-dashboard-showing-real-time-a-1772517040420-1fa01b62.png",              imageAlt: "Real-time detection dashboard"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/abstract-visualization-of-ai-neural-netw-1772517040028-c15206e4.png",              imageAlt: "AI neural network pattern recognition"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/clean-graph-showing-verification-confide-1772517038718-786df135.png",              imageAlt: "Verification confidence analytics"
            },
          ]}
          rightCarouselItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/visual-representation-of-deepfake-detect-1772517039896-84284bf0.png",              imageAlt: "Deepfake detection technology"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/video-content-analysis-interface-showing-1772517040373-c8985812.png",              imageAlt: "Video content authentication"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/digital-security-visualization-showing-v-1772517041006-9835138a.png",              imageAlt: "Multi-layer security verification"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/report-generation-interface-showing-deta-1772517041398-eda7f39a.png",              imageAlt: "Detailed verification report"
            },
          ]}
          buttons={[
            { text: "Start Verifying Free", href: "#features" },
            { text: "Learn more", href: "#about" },
          ]}
          buttonAnimation="slide-up"
          carouselPosition="right"
          ariaLabel="AI misinformation detection hero section"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Detect what's real"
          description="Our AI-powered platform combines advanced machine learning, image forensics, and source credibility analysis to identify misinformation and synthetic content in milliseconds."
          tag="How it works"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/journalists-and-editorial-teams-collabor-1772517042495-c5290fe3.png"
          imageAlt="Journalists verifying content with Authentix platform"
          mediaAnimation="slide-up"
          bulletPoints={[
            {
              title: "Instant claim verification",              description: "Analyze text claims against verified information sources in real-time with confidence scoring.",              icon: CheckCircle,
            },
            {
              title: "Advanced deepfake detection",              description: "Identify AI-generated images and videos with forensic analysis that catches subtle manipulations.",              icon: Eye,
            },
            {
              title: "Source credibility analysis",              description: "Evaluate information sources using proprietary algorithms that assess publisher reliability.",              icon: TrendingUp,
            },
            {
              title: "Transparent reporting",              description: "Every verdict includes detailed breakdowns of analysis factors and confidence levels for editorial trust.",              icon: BookOpen,
            },
          ]}
          buttons={[{ text: "Explore features", href: "#features" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Powerful verification at scale"
          description="Purpose-built tools for the fastest-moving newsrooms and largest platforms on the planet."
          tag="Core capabilities"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          features={[
            {
              title: "Instant misinformation detection",              description: "Verify claims and debunk false information before it spreads across platforms. Real-time fact-checking with confidence scores.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/dashboard-showing-instant-misinformation-1772517039846-0cf7bee4.png",              imageAlt: "Misinformation detection dashboard showing claim verification"
            },
            {
              title: "Deepfake & synthetic media detection",              description: "Identify AI-generated images, videos, and audio with forensic precision. Catch manipulated content that fools the human eye.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/advanced-deepfake-and-ai-generated-conte-1772517039972-f19e9682.png",              imageAlt: "Deepfake detection showing synthetic content identification"
            },
            {
              title: "Enterprise-scale processing",              description: "Handle millions of verification requests daily with our distributed infrastructure. Built for newsrooms, platforms, and government agencies.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/enterprise-grade-content-moderation-plat-1772517039729-424fa746.png",              imageAlt: "Enterprise moderation platform processing at scale"
            },
            {
              title: "Developer-friendly API",              description: "Integrate verification capabilities into your existing workflows with our robust, well-documented REST API and webhooks.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/developer-friendly-api-documentation-and-1772517040262-9c96a765.png",              imageAlt: "API documentation and integration interface"
            },
            {
              title: "Transparent analysis",              description: "Understand how our AI reached its verdict. Every report includes detailed breakdowns of evidence and analysis factors.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/transparent-verification-report-showing--1772517041099-6130dd13.png",              imageAlt: "Verification report showing transparent analysis breakdown"
            },
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Trusted by industry leaders"
          description="Authentix powers verification for organizations serving billions of users worldwide."
          tag="Impact metrics"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              value: "2.1",              title: "billion",              description: "Users protected monthly with real-time verification",              icon: Users,
            },
            {
              id: "2",              value: "99.7",              title: "percent",              description: "Accuracy in misinformation detection",              icon: Target,
            },
            {
              id: "3",              value: "47",              title: "milliseconds",              description: "Average verification response time",              icon: Zap,
            },
            {
              id: "4",              value: "150+",              title: "enterprises",              description: "Newsrooms and platforms using Authentix",              icon: Building2,
            },
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by the world's leading media organizations"
          description="From global news agencies to major social platforms, Authentix powers verification at scale."
          tag="Our partners"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["BBC News", "Associated Press", "The Guardian", "Reuters", "X (Twitter)", "Meta", "Google", "TikTok"]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/bbc-news-logo-and-branding-represents-ma-1772517040354-eca19fec.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/associated-press-ap-logo-and-branding-re-1772517039751-688d985d.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/the-guardian-newspaper-logo-represents-m-1772517039678-2c02d42d.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/reuters-logo-and-branding-represents-maj-1772517039231-7fe1c738.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/x-formerly-twitter-logo-represents-major-1772517038839-040c2be9.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/meta-facebook-logo-represents-major-tech-1772517040318-99fca7b9.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/google-logo-represents-major-search-and--1772517039873-89e68016.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/tiktok-logo-represents-major-social-vide-1772517038872-688cff68.png"
          ]}
          speed={40}
          showCard={true}
          ariaLabel="Social proof section with trusted partner logos"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What industry leaders say"
          description="Hear from newsrooms, platforms, and enterprises using Authentix to protect truth."
          tag="Testimonials"
          tagIcon={Quote}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Editor-in-Chief",              company: "Global News Network",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/professional-headshot-of-a-newsroom-edit-1772517039567-7d7af498.png",              imageAlt: "Sarah Chen, Editor-in-Chief"
            },
            {
              id: "2",              name: "Michael Rodriguez",              role: "Head of Trust & Safety",              company: "SocialConnect Platform",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/professional-headshot-of-a-platform-trus-1772517039447-6cfe9aa7.png",              imageAlt: "Michael Rodriguez, Head of Trust & Safety"
            },
            {
              id: "3",              name: "Dr. Priya Patel",              role: "Digital Literacy Coordinator",              company: "Government Information Authority",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/professional-headshot-of-a-government-di-1772517040403-7ad91e39.png",              imageAlt: "Dr. Priya Patel, Digital Literacy Coordinator"
            },
            {
              id: "4",              name: "James Morrison",              role: "VP Communications",              company: "Enterprise Financial Corp",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/professional-headshot-of-a-corporate-com-1772517039617-b12b06f5.png",              imageAlt: "James Morrison, VP Communications"
            },
            {
              id: "5",              name: "Dr. Elena Kovacs",              role: "Research Director",              company: "Misinformation Studies Institute",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/professional-headshot-of-a-researcher-or-1772517039585-5c430b79.png",              imageAlt: "Dr. Elena Kovacs, Research Director"
            },
            {
              id: "6",              name: "David Liu",              role: "Chief Innovation Officer",              company: "Tech Innovation Labs",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQEKZSKrYLhovOakHUljmTSmzx/professional-headshot-of-a-technology-in-1772517040111-e126063f.png",              imageAlt: "David Liu, Chief Innovation Officer"
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently asked questions"
          description="Everything you need to know about Authentix verification technology."
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How accurate is the misinformation detection?",              content: "Our AI models achieve 99.7% accuracy on verified test datasets, with continuous retraining on new misinformation patterns. Accuracy varies by content type and confidence thresholds are adjustable per use case."
            },
            {
              id: "2",              title: "Can it detect all types of deepfakes?",              content: "We detect most AI-generated images and videos, including those created with leading generative models. Our forensic analysis catches artifacts from AI generation, face swaps, and voice synthesis. New techniques emerge regularly, so we update detection models weekly."
            },
            {
              id: "3",              title: "How fast is the verification process?",              content: "Average response time is 47 milliseconds for text claims and 200-500ms for image/video analysis depending on file size. Our distributed infrastructure scales to handle millions of concurrent requests without degradation."
            },
            {
              id: "4",              title: "What data sources do you use for fact-checking?",              content: "We integrate with academic fact-checking databases, major fact-checking organizations, scholarly sources, and authoritative publications. All sources are continuously updated and our algorithms weight them by credibility."
            },
            {
              id: "5",              title: "Is there an API for integration?",              content: "Yes, we offer comprehensive REST APIs and webhooks for real-time verification. Complete documentation is available at api.authentix.com with SDKs for popular programming languages."
            },
            {
              id: "6",              title: "How is user data handled?",              content: "We comply with GDPR, CCPA, and other data protection regulations. Content submitted for verification is processed in real-time and not retained beyond 24 hours unless you request archiving for audit purposes."
            },
            {
              id: "7",              title: "Can the system be biased?",              content: "We actively monitor for bias and maintain diverse fact-checking sources across geographies and ideologies. Bias audits are conducted quarterly by independent researchers, with results published in our transparency reports."
            },
            {
              id: "8",              title: "What languages are supported?",              content: "Currently supported in 45 languages with plans to expand to 100+ by year-end. Detection quality is highest for English, Spanish, and Mandarin, with continuous improvements for other languages."
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Authentix"
          copyrightText="© 2025 Authentix. Protecting digital truth worldwide."
          columns={[
            {
              title: "Product",              items: [
                { label: "Misinformation Detection", href: "#features" },
                { label: "Deepfake Detection", href: "#features" },
                { label: "API Documentation", href: "https://api.authentix.com" },
                { label: "Pricing", href: "#" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "https://blog.authentix.com" },
                { label: "Careers", href: "https://careers.authentix.com" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Resources",              items: [
                { label: "Research", href: "https://research.authentix.com" },
                { label: "Trust & Safety", href: "https://trust.authentix.com" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
