"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Code, Crown, Gift, Key, Share2, Sparkles, Star, Trophy, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "Abo-Modelle",
          id: "pricing",
        },
        {
          name: "Premium-Linie",
          id: "products",
        },
        {
          name: "Affiliate",
          id: "features",
        },
        {
          name: "Community",
          id: "metrics",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Kontakt",
          id: "contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v4evzo"
      logoAlt="Trima Motorsport Logo"
      brandName="Trima Motorsport"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "downward-rays-static-grid",
      }}
      title="Trima Motorsport: Unleash Performance, Win Big"
      description="Experience the thrill of motorsport with our exclusive subscription models, handcrafted 'Chef-gefräst' parts, and a passionate community. Monthly chances to win high-value tuning components."
      kpis={[
        {
          value: "500+",
          label: "Mitglieder",
        },
        {
          value: "100+",
          label: "Gewinner",
        },
        {
          value: "1.500€",
          label: "Monatliche Preise",
        },
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871973.jpg"
      imageAlt="High performance motorsport engine"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585556.jpg",
          alt: "Motorsport fan",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-sitting-bumper-car-amusement-park_23-2147910349.jpg",
          alt: "Racing enthusiast",
        },
        {
          src: "http://img.b2bpic.net/free-photo/confident-man-with-red-beard-wearing-full-equipment-extreme-snowboarding-looking-camera-with-serious-look_613910-20488.jpg",
          alt: "Dirt bike rider",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-girl-with-long-hair-garage-repairing-motorcycle_1321-1387.jpg",
          alt: "Night city biker",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-bearded-handsome-builder-wearing-construction-uniform-cap-standing-with-arms-crossed-self-confident-smiling-isolated-orange-wall_141793-15714.jpg",
          alt: "Young mechanic",
        },
      ]}
      avatarText="Join our growing community!"
      marqueeItems={[
        {
          type: "text",
          text: "High Performance Parts",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/urban-traffic-with-cityscape_1359-598.jpg",
          alt: "City lights racing",
        },
        {
          type: "text-icon",
          text: "Exclusive Access",
          icon: Key,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/rocket-launch-startup-with-fire-flames-cloud-smoke-starry-sky-background-airplane-shuttle-taking-off-into-depths-space-spaceship-trip-atmosphere_90220-1415.jpg",
          alt: "Futuristic engine design",
        },
        {
          type: "text",
          text: "Community Events",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Crafted Excellence: The 'Chef-gefräst' Difference"
      description="Our Premium 'Chef-gefräst' line embodies precision and passion. Each cylinder kit and membrane conversion is personally milled by our master technician, ensuring unmatched quality and performance for your ride."
      metrics={[
        {
          value: "10/Monat",
          title: "Limitiert",
        },
        {
          value: "30+",
          title: "Jahre Erfahrung",
        },
        {
          value: "100%",
          title: "Handarbeit",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg"
      imageAlt="Technician milling a high-performance engine part"
      mediaAnimation="opacity"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Zugang & Provision",
          description: "Offen für alle mit variablen Provisionsstufen; höhere Auszahlungen für unsere Abo-Mitglieder.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165172.jpg",
            imageAlt: "Group of motorsport enthusiasts cheering",
          },
          items: [
            {
              icon: Users,
              text: "Offen für alle",
            },
            {
              icon: Trophy,
              text: "Höhere Provision für Abonnenten",
            },
            {
              icon: Coins,
              text: "Auszahlung aufs Konto (Gewerbe)",
            },
          ],
          reverse: false,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v4evzo",
          imageAlt: "motorsport affiliate program success",
        },
        {
          title: "Belohnungen & Motivation",
          description: "Steigern Sie Ihre Provision durch Verkäufe und nehmen Sie an unserer monatlichen Rangliste teil, um Marketingpreise zu gewinnen.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585628.jpg",
            imageAlt: "Affiliate program dashboard",
          },
          items: [
            {
              icon: BarChart3,
              text: "Staffelmodell für Provision",
            },
            {
              icon: Award,
              text: "Monatlicher Marketing-Preis",
            },
            {
              icon: ClipboardList,
              text: "Bestenliste Top-Vermittler",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871973.jpg",
          imageAlt: "motorsport affiliate program success",
        },
        {
          title: "Tools & Support",
          description: "Nutzen Sie personalisierte Influencer-Codes und erhalten Sie Einblicke durch unser Tracking für Ihre Content-Erstellung.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/different-people-looking-football-team_23-2149015535.jpg",
            imageAlt: "Social media content creation",
          },
          items: [
            {
              icon: Code,
              text: "Influencer-Codes mit Tracking",
            },
            {
              icon: Share2,
              text: "Content-Ideen & Support",
            },
            {
              icon: Gift,
              text: "Punkte für kostenlosen Versand",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg",
          imageAlt: "motorsport affiliate program success",
        },
      ]}
      title="Drive Your Passion, Earn Rewards"
      description="The Trima Motorsport Affiliate Program empowers enthusiasts to turn their passion into profit. Share the thrill, gain exclusive benefits, and climb the ranks of our top promoters."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "product-1",
          name: "Zylinder-Kit Basic",
          price: "Ab 500€",
          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-gear_1170-1422.jpg",
          imageAlt: "Custom milled cylinder kit",
        },
        {
          id: "product-2",
          name: "Membranumbau Basic",
          price: "Ab 300€",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car-parts_1170-1338.jpg",
          imageAlt: "Racing engine membrane conversion",
        },
        {
          id: "product-3",
          name: "Zylinder-Kit Pro",
          price: "Ab 800€",
          imageSrc: "http://img.b2bpic.net/free-photo/club-rack-hand-interior-background_1203-5751.jpg",
          imageAlt: "Custom milled cylinder head",
        },
        {
          id: "product-4",
          name: "Membranumbau Pro",
          price: "Ab 500€",
          imageSrc: "http://img.b2bpic.net/free-photo/heating-radiator-valve_93675-130971.jpg",
          imageAlt: "Racing engine membrane block",
        },
        {
          id: "product-5",
          name: "Zylinder-Kit Premium",
          price: "Ab 1200€",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-dirty-metal-gears-grid-light_181624-28278.jpg",
          imageAlt: "Precision engineered crankshaft",
        },
        {
          id: "product-6",
          name: "Membranumbau Premium",
          price: "Ab 800€",
          imageSrc: "http://img.b2bpic.net/free-photo/evening-illumination-wooden-pier-focused-railing-detail-against-city-lights-background_169016-73083.jpg",
          imageAlt: "High performance racing piston",
        },
      ]}
      title="Exklusive 'Chef-gefräst' Premium-Linie"
      description="Entdecken Sie unsere streng limitierte Kollektion: Zylinder-Kits und Membranumbauten, persönlich vom Chef gefräst. Jedes Teil ein Unikat, inklusive Zertifikat und Fotodokumentation."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Einsteiger",
          badgeIcon: Sparkles,
          name: "Basic Abo",
          price: "26€/Monat",
          features: [
            "Monatliche Gewinnchance: Zylinder-Kit (200€ Wert)",
            "Zugang zum Affiliate-Programm",
            "Upgrade-Option: +100€/Monat (Motor-Regeneration)",
          ],
          buttons: [
            {
              text: "Jetzt Starten",
              href: "#",
            },
          ],
        },
        {
          id: "pro",
          badge: "Beliebt",
          badgeIcon: Star,
          name: "Pro Abo",
          price: "55€/Monat",
          features: [
            "Monatliche Gewinnchance: Tuning-Motor (800€ Wert)",
            "Höhere Affiliate-Provision",
            "Jahres-Abo: Motor-Regeneration inklusive (aufgeteilt)",
            "Upgrade-Option: +100€/Monat (Motor-Regeneration)",
          ],
          buttons: [
            {
              text: "Pro Werden",
              href: "#",
            },
          ],
        },
        {
          id: "premium",
          badge: "Ultimate",
          badgeIcon: Crown,
          name: "Premium Abo",
          price: "100€/Monat",
          features: [
            "Monatliche Gewinnchance: Renn-Motor (1.500€ Wert)",
            "Höchste Affiliate-Provision",
            "Jahres-Abo: Premium-Benefits + priorisierter Express-Service",
            "Upgrade-Option: +100€/Monat (Motor-Regeneration)",
          ],
          buttons: [
            {
              text: "Premium Erleben",
              href: "#",
            },
          ],
        },
        {
          id: "group",
          badge: "Team",
          badgeIcon: Users,
          name: "Gruppen-Abo",
          price: "Individuell",
          features: [
            "Für Freundesgruppen & Teams",
            "Staffelrabatt je mehr Mitglieder",
            "Alle Abo-Vorteile der gewählten Stufe",
            "Individuelle Anpassung möglich",
          ],
          buttons: [
            {
              text: "Gruppen-Angebot",
              href: "#",
            },
          ],
        },
      ]}
      title="Choose Your Trima Motorsport Membership"
      description="Access exclusive benefits, monthly prize draws, and our affiliate program. Select the tier that fuels your passion and gives you the best chance to win."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",
          value: "100+",
          title: "Monatliche Gewinner",
          items: [
            "Zylinder-Kits",
            "Tuning-Motoren",
            "Renn-Motoren",
          ],
        },
        {
          id: "metric-2",
          value: "10.000€+",
          title: "Monatlicher Gewinnwert",
          items: [
            "Exklusive Teile",
            "Shop-Guthaben",
            "Motor-Regenerationen",
          ],
        },
        {
          id: "metric-3",
          value: "50+",
          title: "Bike Battle Events",
          items: [
            "Community-Abstimmungen",
            "Reichweiten-Boost",
            "Engagement-Steigerung",
          ],
        },
      ]}
      title="Your Success, Our Numbers"
      description="Beyond the parts, it's the victories and growth that drive us. See the impact of our community and the incredible value we deliver every month."
    />
  </div>

  <div id="community" data-section="community">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "testimonial-1",
          name: "Sarah M.",
          handle: "@motorsport_sarah",
          testimonial: "Ich habe einen Zylinder-Kit gewonnen! Das Abo ist der Hammer, und die Community ist super unterstützend. Absolut empfehlenswert für jeden Motorsport-Fan.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-attractive-smile-close-up-portrait_1321-3988.jpg",
          imageAlt: "Happy young man with motorsport helmet",
        },
        {
          id: "testimonial-2",
          name: "Max P.",
          handle: "@max_tuned",
          testimonial: "Als Affiliate konnte ich mein Hobby finanzieren. Die Provisionen sind fair, und das Tracking ist transparent. Großartige Möglichkeit, nebenbei Geld zu verdienen.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1391.jpg",
          imageAlt: "Confident woman next to tuned motorcycle",
        },
        {
          id: "testimonial-3",
          name: "Lena K.",
          handle: "@racing_lena",
          testimonial: "Das Premium-Abo ist jeden Cent wert. Der Express-Service ist unschlagbar, und die exklusiven Vorteile sind top. Trima Motorsport ist meine erste Wahl!",
          imageSrc: "http://img.b2bpic.net/free-photo/man-choosed-motorcycles-moto-shop-guy-black-jacket_1157-43589.jpg",
          imageAlt: "Middle-aged man holding engine component",
        },
        {
          id: "testimonial-4",
          name: "Jan F.",
          handle: "@chefgefrast_fan",
          testimonial: "Die 'Chef-gefräst' Teile sind unglaublich. Die Qualität ist überragend, und man merkt die Handarbeit. Mein Motor läuft wie nie zuvor. Absolute Kaufempfehlung!",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-with-motorcycle_23-2149096504.jpg",
          imageAlt: "Group of friends around custom moped",
        },
        {
          id: "testimonial-5",
          name: "Chris R.",
          handle: "@battle_rider",
          testimonial: "Die Bike Battles sind ein Highlight! Es macht Spaß, andere Mopeds zu sehen und abzustimmen. Die Community ist aktiv und immer für einen Spaß zu haben.",
          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg",
          imageAlt: "Professional with tablet showing analytics",
        },
      ]}
      title="Voices from the Track & Community"
      description="Hear what our members, winners, and partners have to say about the Trima Motorsport experience. Real stories, real results, real passion."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "Wie funktionieren die monatlichen Gewinnspiele?",
          content: "Jedes Abo-Level hat eine eigene monatliche Verlosung für hochwertige Motorsportteile. Basic-Abonnenten haben z.B. die Chance auf Zylinder-Kits, während Premium-Abonnenten Renn-Motoren gewinnen können.",
        },
        {
          id: "faq-2",
          title: "Wie kann ich am Affiliate-Programm teilnehmen und meine Provision erhalten?",
          content: "Der Zugang ist für alle offen. Abo-Mitglieder erhalten höhere Provisionen. Auszahlungen erfolgen aufs Konto (mit Gewerbeanmeldung) oder als Shop-Guthaben/Gutschein. Ein Mindestbetrag ist für die Auszahlung erforderlich.",
        },
        {
          id: "faq-3",
          title: "Was ist die 'Chef-gefräst' Premium-Linie?",
          content: "Dies ist unsere exklusive Produktlinie mit streng limitierten Zylinder-Kits und Membranumbauten, die persönlich vom Chef gefräst werden. Jedes Teil kommt mit einem personalisierten Zertifikat und Fotodokumentation des Bauprozesses.",
        },
        {
          id: "faq-4",
          title: "Gibt es eine Upgrade-Option für bestehende Abos?",
          content: "Ja, Sie können Ihr Abo jederzeit für 100€/Monat um die Motor-Regeneration erweitern, die dann inklusive ist.",
        },
        {
          id: "faq-5",
          title: "Wie schnell ist der Express-Service?",
          content: "Der Express-Service ermöglicht eine schnellere Bearbeitung und Lieferung für Zylinder-Kits oder Motoraufbauten. Bitte beachten Sie, dass Expressbestellungen die normalen Wartezeiten verschieben können.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/keyboard-blank-cards-coffee-cup-office-supplies-desk_23-2148041993.jpg"
      imageAlt="Modern workshop with tools"
      mediaAnimation="opacity"
      title="Häufig gestellte Fragen"
      description="Finden Sie Antworten zu unseren Abo-Modellen, dem Affiliate-Programm, Express-Services und mehr. Ihr Weg zu maximaler Performance beginnt hier."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Get in Touch"
      title="Ready to Accelerate Your Ride?"
      description="Have questions about our subscriptions, premium parts, or how to join the Trima Motorsport family? We're here to help."
      inputPlaceholder="Ihre E-Mail Adresse"
      buttonText="Anfragen senden"
      termsText="Mit dem Absenden stimmen Sie unseren Geschäftsbedingungen zu."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v4evzo"
      logoAlt="Trima Motorsport Logo"
      logoText="Trima Motorsport"
      columns={[
        {
          title: "Abo & Produkte",
          items: [
            {
              label: "Abo-Modelle",
              href: "#pricing",
            },
            {
              label: "Premium-Linie",
              href: "#products",
            },
            {
              label: "Express-Service",
              href: "#faq",
            },
            {
              label: "Upgrade-Optionen",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Community & Partner",
          items: [
            {
              label: "Affiliate-Programm",
              href: "#features",
            },
            {
              label: "Gewinnspiele",
              href: "#metrics",
            },
            {
              label: "Bike Battle",
              href: "#community",
            },
            {
              label: "Team",
              href: "#",
            },
          ],
        },
        {
          title: "Rechtliches",
          items: [
            {
              label: "Impressum",
              href: "#",
            },
            {
              label: "Datenschutz",
              href: "#",
            },
            {
              label: "AGB",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Trima Motorsport. Alle Rechte vorbehalten."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
