979eea96-d8e0-4dae-acf5-918bcde2f08d/src/app/analysis/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Upload, Zap, CheckCircle, Sparkles } from "lucide-react";
import Link from "next/link";

export default function AnalysisPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="AmtAssist"
          navItems={[
            { name: "Startseite", id: "#hero" },
            { name: "Funktionen", id: "#features" },
            { name: "Wie es funktioniert", id: "#how-it-works" },
            { name: "Preise", id: "#pricing" },
            { name: "Sicherheit", id: "#security" },
          ]}
          button={{
            text: "Jetzt starten",
            href: "/dashboard",
          }}
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <FeatureBorderGlow
          features={[
            {
              icon: Upload,
              title: "Brief hochladen oder fotografieren",
              description: "Lade einen PDF, ein Foto oder einen Screenshot deines Behördenbriefs hoch",
            },
            {
              icon: Zap,
              title: "KI erklärt Inhalt in einfacher Sprache",
              description: "Unsere KI analysiert den Brief und erklärt ihn verständlich in deiner Sprache",
            },
            {
              icon: CheckCircle,
              title: "Erhalte Fristen und Antwortvorschläge",
              description: "Du bekommst automatisch Fristen, Checklisten und fertige Antwortvorschläge",
            },
          ]}
          title="Wie AmtAssist funktioniert"
          description="Drei einfache Schritte zum Verstehen deiner Behördenbriefe"
          tag="Prozess"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Martinez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al4jBFhkAi56lRd60TBHCQ457a/professional-headshot-portrait-of-a-dive-1773158627193-6535c118.png?_wi=2",
              imageAlt: "Sarah Martinez",
            },
            {
              id: "2",
              name: "Klaus Weber",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al4jBFhkAi56lRd60TBHCQ457a/professional-headshot-portrait-of-a-dive-1773158626766-51d21487.png?_wi=2",
              imageAlt: "Klaus Weber",
            },
            {
              id: "3",
              name: "Ayse Yilmaz",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al4jBFhkAi56lRd60TBHCQ457a/professional-headshot-portrait-of-a-dive-1773158628503-81e27f2e.png?_wi=2",
              imageAlt: "Ayse Yilmaz",
            },
            {
              id: "4",
              name: "Ahmed Hassan",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al4jBFhkAi56lRd60TBHCQ457a/professional-headshot-portrait-of-a-dive-1773158626235-97c3f40f.png?_wi=2",
              imageAlt: "Ahmed Hassan",
            },
          ]}
          cardTitle="Über 5.000 Menschen vertrauen AmtAssist, um deutsche Bürokratie zu verstehen"
          cardTag="Vertrauenswürdig & DSGVO-konform"
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          plans={[
            {
              id: "free",
              badge: "Kostenlos",
              price: "€ 0",
              subtitle: "Perfekt zum Testen",
              buttons: [
                {
                  text: "Kostenlos starten",
                  href: "/dashboard",
                },
              ],
              features: [
                "3 Dokumentanalysen pro Monat",
                "Grundlegende KI-Erklärungen",
                "Fristenerkennung",
                "Deutsche Sprache",
                "Speicherung für 30 Tage",
              ],
            },
            {
              id: "pro",
              badge: "Beliebt",
              badgeIcon: Sparkles,
              price: "€ 8,99",
              subtitle: "Unbegrenzte Analysen",
              buttons: [
                {
                  text: "Pro starten",
                  href: "/dashboard/upgrade",
                },
              ],
              features: [
                "Unbegrenzte Dokumentanalysen",
                "AI Antwortgenerator",
                "Automatische Frist-Erinnerungen",
                "Dokumentenarchiv (unbegrenzt)",
                "Mehrsprachige Unterstützung (7 Sprachen)",
                "Prioritäts-Support",
                "DSGVO-konform verschlüsselt",
              ],
            },
          ]}
          animationType="slide-up"
          title="Wähle dein Plan"
          description="Starte kostenlos oder upgrade für unbegrenzte Analysen"
          tag="Preise"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="AmtAssist"
          columns={[
            {
              items: [
                {
                  label: "Startseite",
                  href: "/",
                },
                {
                  label: "Funktionen",
                  href: "#features",
                },
                {
                  label: "Preise",
                  href: "/",
                },
              ],
            },
            {
              items: [
                {
                  label: "Dashboard",
                  href: "/dashboard",
                },
                {
                  label: "KI-Assistent",
                  href: "/chat",
                },
                {
                  label: "Meine Dokumente",
                  href: "/archive",
                },
              ],
            },
            {
              items: [
                {
                  label: "Datenschutzerklärung",
                  href: "/privacy",
                },
                {
                  label: "Impressum",
                  href: "/impressum",
                },
                {
                  label: "Kontakt",
                  href: "/contact",
                },
              ],
            },
            {
              items: [
                {
                  label: "Twitter",
                  href: "https://twitter.com",
                },
                {
                  label: "LinkedIn",
                  href: "https://linkedin.com",
                },
                {
                  label: "GitHub",
                  href: "https://github.com",
                },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}