"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Scissors, Sparkles, User, MapPin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
            <NavbarStyleCentered
                navItems={[
                    { name: "Home", id: "#hero" },
                    { name: "Über uns", id: "#about" },
                    { name: "Services", id: "#features" },
                    { name: "Kontakt", id: "#contact" },
                ]}
                brandName="Haarzeit"
                button={{ text: "Termin buchen", href: "#contact" }}
            />
        </div>

        <div id="hero" data-section="hero">
            <HeroBillboard
                title="Haarzeit, der Friseur"
                description="Exzellente Frisierkunst im Herzen von Murr. Wir verwandeln deinen Besuch in einen Wohlfühlmoment."
                background={{ variant: "sparkles-gradient" }}
                buttons={[{ text: "Jetzt anfragen", href: "#contact" }]}
                imageSrc="http://img.b2bpic.net/free-photo/hairdresser-customer-talking-hair-salon_329181-1940.jpg"
            />
        </div>

        <div id="about" data-section="about">
            <AboutMetric
                title="Dein Friseur in Murr"
                metrics={[
                    { icon: MapPin, label: "Standort", value: "Hindenburgstr. 70" },
                    { icon: User, label: "Erfahrung", value: "Meisterbetrieb" },
                    { icon: Sparkles, label: "Service", value: "Premium-Pflege" }
                ]}
                metricsAnimation="slide-up"
                useInvertedBackground={true}
            />
        </div>

        <div id="features" data-section="features">
            <FeatureBorderGlow
                features={[
                    { icon: Scissors, title: "Haarschnitt", description: "Präzise Schnitte für jeden Typ." },
                    { icon: Sparkles, title: "Farbe", description: "Moderne Färbetechniken & Balayage." },
                    { icon: User, title: "Styling", description: "Perfektes Finish für jeden Anlass." }
                ]}
                animationType="slide-up"
                title="Unsere Leistungen"
                description="Wir nehmen uns Zeit für eine ausführliche Beratung, damit dein Haar deine Persönlichkeit unterstreicht."
                textboxLayout="split"
                useInvertedBackground={false}
            />
        </div>

        <div id="contact" data-section="contact">
            <ContactSplit
                tag="Termin"
                title="Hindenburgstraße 70, Murr"
                description="Komm vorbei oder schreib uns eine Nachricht. Wir freuen uns darauf, dich in der Hindenburgstraße 70 begrüßen zu dürfen!"
                buttonText="Anfrage senden"
                mediaPosition="right"
                useInvertedBackground={true}
            />
        </div>

        <div id="footer" data-section="footer">
            <FooterSimple
                columns={[
                    { 
                        title: "Adresse", 
                        items: [{ label: "Hindenburgstraße 70, 71711 Murr" }] 
                    },
                    { 
                        title: "Öffnungszeiten", 
                        items: [{ label: "Nach Vereinbarung" }] 
                    }
                ]}
                bottomLeftText="© 2025 Haarzeit, der Friseur"
                bottomRightText="Alle Rechte vorbehalten"
            />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}