"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Droplets, Feather, Heart, Palette, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Startseite",          id: "#hero"},
        {
          name: "Über Uns",          id: "#about"},
        {
          name: "Leistungen",          id: "#features"},
        {
          name: "Preise",          id: "#pricing"},
        {
          name: "Kundenstimmen",          id: "#testimonials"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      brandName="Berlina Nails"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "radial-gradient"}}
      title="Willkommen bei Berlina Nails"
      description="Ihr exklusives Nagelstudio in Berlin für luxuriöse Maniküre, Pediküre und kunstvolles Nageldesign."
      buttons={[
        {
          text: "Termin buchen",          href: "#contact"},
        {
          text: "Dienstleistungen entdecken",          href: "#features"},
      ]}
      imageSrc="https://picsum.photos/seed/nail-salon-interior/1600/900"
      imageAlt="Modernes Nagelstudio Interieur"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "https://picsum.photos/seed/avatar1/48/48",          alt: "Zufriedene Kundin"},
        {
          src: "https://picsum.photos/seed/avatar2/48/48",          alt: "Begeisterte Kundin"},
        {
          src: "https://picsum.photos/seed/avatar3/48/48",          alt: "Stammkundin"},
        {
          src: "https://picsum.photos/seed/avatar4/48/48",          alt: "Neue Kundin"},
        {
          src: "https://picsum.photos/seed/avatar5/48/48",          alt: "Glückliche Besucherin"},
      ]}
      avatarText="Über 1.000 zufriedene Kunden"
      marqueeItems={[
        {
          type: "text",          text: "Perfekte Nägel"},
        {
          type: "text",          text: "Entspannung pur"},
        {
          type: "text",          text: "Kreatives Design"},
        {
          type: "text",          text: "Höchste Qualität"},
        {
          type: "text",          text: "Individueller Service"},
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Über uns"
      title="Ihre Schönheit in besten Händen"
      description="Bei Berlina Nails steht Ihre Zufriedenheit an erster Stelle. Unser erfahrenes Team widmet sich mit Leidenschaft der Pflege und Verschönerung Ihrer Nägel. Wir verbinden traditionelle Techniken mit modernen Trends."
      subdescription="Wir legen größten Wert auf Hygiene und verwenden ausschließlich hochwertige Produkte, die sanft zu Ihren Nägeln und Ihrer Haut sind. Entdecken Sie ein Ambiente der Ruhe und Entspannung, in dem Sie den Alltagsstress hinter sich lassen können."
      icon={Sparkles}
      imageSrc="https://picsum.photos/seed/nail-tech-working/800/600"
      imageAlt="Nageltechnikerin bei der Maniküre"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Heart,
          title: "Klassische Maniküre",          description: "Umfassende Pflege für Ihre Hände und Nägel, inklusive Formgebung, Nagelhautpflege und Lackierung."},
        {
          icon: Droplets,
          title: "Wellness Pediküre",          description: "Verwöhnprogramm für Ihre Füße mit entspannendem Fußbad, Hornhautentfernung und wohltuender Massage."},
        {
          icon: Feather,
          title: "Gel-Nägel & Verlängerung",          description: "Für langanhaltende, perfekt geformte Nägel – mit oder ohne Verlängerung, in Ihrer Wunschfarbe."},
        {
          icon: Palette,
          title: "Kreatives Nageldesign",          description: "Individuelle Designs, Nail Art und ausgefallene Muster für einen einzigartigen Look Ihrer Nägel."},
      ]}
      title="Exzellenz in jeder Behandlung"
      description="Berlina Nails bietet ein umfassendes Spektrum an Nagelbehandlungen, die auf Ihre individuellen Wünsche zugeschnitten sind. Qualität und Kreativität stehen dabei stets im Vordergrund."
      tag="Unsere Leistungen"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "Intensive Handverjüngung",          price: "€55",          imageSrc: "https://picsum.photos/seed/hand-rejuvenation/400/300",          imageAlt: "Intensive Handverjüngung"},
        {
          id: "2",          name: "Luxus Fuß-Spa mit Maske",          price: "€65",          imageSrc: "https://picsum.photos/seed/foot-spa/400/300",          imageAlt: "Luxus Fuß-Spa mit Maske"},
        {
          id: "3",          name: "Full Set Acryl Nägel",          price: "€80",          imageSrc: "https://picsum.photos/seed/acrylic-nails/400/300",          imageAlt: "Full Set Acryl Nägel"},
        {
          id: "4",          name: "Braut-Nageldesign Paket",          price: "€95",          imageSrc: "https://picsum.photos/seed/bridal-nails/400/300",          imageAlt: "Braut-Nageldesign Paket"},
        {
          id: "5",          name: "Kids Maniküre & Design",          price: "€25",          imageSrc: "https://picsum.photos/seed/kids-manicure/400/300",          imageAlt: "Kids Maniküre & Design"},
        {
          id: "6",          name: "Gentleman's Nagelpflege",          price: "€40",          imageSrc: "https://picsum.photos/seed/gentleman-nails/400/300",          imageAlt: "Gentleman's Nagelpflege"},
      ]}
      title="Unsere Premium Behandlungen"
      description="Gönnen Sie sich und Ihren Nägeln etwas ganz Besonderes mit unseren exklusiven Pflegepaketen und spezialisierten Services."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "manicure",          badge: "Standard",          price: "Ab €25",          subtitle: "Klassische Handpflege",          buttons: [
            {
              text: "Jetzt buchen",              href: "#contact"},
          ],
          features: [
            "Nägel feilen & formen",            "Nagelhautpflege",            "Klarlack/Basislack"],
        },
        {
          id: "pedicure",          badge: "Komfort",          badgeIcon: Sparkles,
          price: "Ab €35",          subtitle: "Wohltuende Fußpflege",          buttons: [
            {
              text: "Jetzt buchen",              href: "#contact"},
          ],
          features: [
            "Fußbad & Peeling",            "Hornhautentfernung",            "Fußmassage & Lack"],
        },
        {
          id: "gelnails",          badge: "Premium",          badgeIcon: Star,
          price: "Ab €50",          subtitle: "Langanhaltende Schönheit",          buttons: [
            {
              text: "Jetzt buchen",              href: "#contact"},
          ],
          features: [
            "Gel-Modellage",            "Verlängerung nach Wunsch",            "Vielfältige Farben & Designs"],
        },
      ]}
      title="Unsere Preise auf einen Blick"
      description="Transparente und faire Preise für all unsere erstklassigen Nagelbehandlungen. Finden Sie das passende Angebot für Ihre Bedürfnisse."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="„Berlina Nails ist mein absolutes Lieblingsstudio! Die Nägel sind immer perfekt und die Atmosphäre ist so entspannend. Ich fühle mich jedes Mal wie neu geboren. Absolut empfehlenswert!“"
      rating={5}
      author="Sophie K."
      avatars={[
        {
          src: "https://picsum.photos/seed/testimonial-avatar1/48/48",          alt: "Sophie K."},
        {
          src: "https://picsum.photos/seed/testimonial-avatar2/48/48",          alt: "Julia M."},
        {
          src: "https://picsum.photos/seed/testimonial-avatar3/48/48",          alt: "Lena S."},
        {
          src: "https://picsum.photos/seed/testimonial-avatar4/48/48",          alt: "Carina B."},
        {
          src: "https://picsum.photos/seed/testimonial-avatar5/48/48",          alt: "Martina R."},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "Wie kann ich einen Termin vereinbaren?",          content: "Sie können einen Termin ganz einfach telefonisch, per E-Mail oder direkt über unser Online-Buchungssystem auf dieser Website vereinbaren."},
        {
          id: "2",          title: "Welche Hygienemaßnahmen werden getroffen?",          content: "Ihre Gesundheit und Sicherheit haben bei uns höchste Priorität. Wir verwenden ausschließlich sterilisierte Werkzeuge und halten uns strikt an die aktuellen Hygienestandards."},
        {
          id: "3",          title: "Bieten Sie auch Gutscheine an?",          content: "Ja, Gutscheine für alle unsere Dienstleistungen sind bei uns erhältlich. Eine wunderbare Geschenkidee für Ihre Liebsten!"},
        {
          id: "4",          title: "Kann ich mein eigenes Design mitbringen?",          content: "Absolut! Wir freuen uns über Ihre kreativen Ideen und setzen Ihr Wunschdesign gerne für Sie um. Bitte informieren Sie uns vorab, damit wir ausreichend Zeit einplanen können."},
      ]}
      title="Häufig gestellte Fragen"
      description="Finden Sie hier schnelle Antworten auf die gängigsten Fragen zu unseren Dienstleistungen, Terminen und Hygienestandards."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      text="Bereit für perfekt gepflegte Nägel und eine Auszeit? Kontaktieren Sie uns noch heute, um Ihren persönlichen Verwöhntermin zu buchen!"
      buttons={[
        {
          text: "Jetzt Termin vereinbaren",          href: "tel:+493012345678"},
        {
          text: "Standort auf Karte anzeigen",          href: "https://www.google.com/maps/place/Berlina+Nails"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Berlina Nails"
      columns={[
        {
          title: "Dienstleistungen",          items: [
            {
              label: "Maniküre",              href: "#features"},
            {
              label: "Pediküre",              href: "#features"},
            {
              label: "Gel-Nägel",              href: "#features"},
            {
              label: "Nageldesign",              href: "#features"},
          ],
        },
        {
          title: "Unternehmen",          items: [
            {
              label: "Über Uns",              href: "#about"},
            {
              label: "Preise",              href: "#pricing"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Kontakt",          items: [
            {
              label: "Termin buchen",              href: "#contact"},
            {
              label: "Standort",              href: "https://www.google.com/maps/place/Berlina+Nails"},
            {
              label: "Impressum",              href: "#"},
            {
              label: "Datenschutz",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Berlina Nails. Alle Rechte vorbehalten."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}