"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 HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Award, Briefcase, Coffee, Gift, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Über uns", id: "about" },
        { name: "Menü", id: "products" },
        { name: "Besuch", id: "visit" },
        { name: "Kontakt", id: "contact" },
      ]}
      brandName="Mili’s Cafe"
      button={{ text: "Tisch anfragen", href: "https://www.miliscafe-hamburg.de/" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{ variant: "sparkles-gradient" }}
      title="Hamburgs warmer Ort für Frühstück, Kaffee & Orient."
      description="Spanisch-marokkanisches Café & Bistro in Hamburg Neustadt — mit hausgemachten Spezialitäten, Frühstück, Brunch, Kaffee und mediterranen Momenten."
      tag="Neu in Neustadt"
      buttons={[
        { text: "Menü entdecken", href: "https://www.miliscafe-hamburg.de/" },
        { text: "Route planen", href: "https://maps.app.goo.gl/yC7LqP7Jb5J9f5K88" },
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/assortment-croissants-with-peanut-butter_23-2148566686.jpg", imageAlt: "moroccan cafe interior breakfast table" },
        { imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-dish-pancakes-fresh-salad-jam-cheese-honey_140725-204.jpg", imageAlt: "cafe table with coffee and brunch" }
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="700+ Google Bewertungen"
      tagIcon={Sparkles}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Unsere Geschichte"
      title="Mehr als ein Café — ein Ort voller Wärme."
      description="Mili’s Cafe verbindet spanische Leichtigkeit mit marokkanischen Aromen und moderner Café-Kultur."
      subdescription="Ein Ort für Frühstück, Lunch, Kaffee, süße Momente und gemütliche Atmosphäre mitten in Hamburg."
      imageSrc="http://img.b2bpic.net/free-photo/decoration-interior_74190-7337.jpg"
      mediaAnimation="blur-reveal"
      icon={Coffee}
      imageAlt="modern moroccan interior design"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Marokkanisches Frühstück", price: "16,90 €", imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-setting-with-mixed-combination-food_140725-10145.jpg" },
        { id: "2", name: "Glück für 2", price: "29,90 €", imageSrc: "http://img.b2bpic.net/free-photo/croissants-wooden-background_23-2148322202.jpg" },
        { id: "3", name: "Baguette Apo Marokko", price: "12,90 €", imageSrc: "http://img.b2bpic.net/free-photo/cooking-garlic-bread-wooden-board_23-2147761384.jpg" },
        { id: "4", name: "Mili’s Chicken Sandwich", price: "11,90 €", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-desk-with-orange-juice_140725-6327.jpg" },
        { id: "5", name: "French Toast Deluxe", price: "13,90 €", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cake-slices-with-strawberries-candies-light-floor_140725-120635.jpg" },
        { id: "6", name: "Tajine Special", price: "18,90 €", imageSrc: "http://img.b2bpic.net/free-photo/hearty-meat-leafy-greens-stew-with-flatbread_140725-2919.jpg" },
      ]}
      title="Unsere Spezialitäten"
      description="Entdecke unsere hausgemachten Gerichte für dein perfektes Frühstück."
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={["@milis.cafe", "@hamburgfoodie", "@brunchguidehh", "@neustadtkultur", "@cafelovers"]}
      title="Erlebe Mili’s Café online"
      description="Folge uns für tägliche Inspirationen, neue Gerichte und mediterrane Vibes aus der Neustadt."
      buttons={[
        { text: "Instagram öffnen", href: "https://www.instagram.com/milis_cafe_/" },
      ]}
    />
  </div>

  <div id="catering" data-section="catering">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="split-description"
      useInvertedBackground={true}
      features={[
        { title: "Events & Meetings", description: "Perfekt für geschäftliche Anlässe.", icon: Briefcase },
        { title: "Private Feiern", description: "Lasse dich orientalisch verwöhnen.", icon: Gift },
        { title: "Maßgeschneidert", description: "Individuelle kulinarische Konzepte.", icon: Award },
      ]}
      title="Catering für besondere Momente"
      description="Mili’s Cafe bietet mediterrane und marokkanische Spezialitäten für Events, Meetings und besondere Anlässe."
    />
  </div>

  <div id="visit" data-section="visit">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "rotated-rays-static" }}
      text="Neustädter Neuer Weg 20, 20459 Hamburg | Öffnungszeiten: Mo-Sa 09:00–18:00 (Fr/Sa bis 20:00), So 09:00-18:00"
      buttons={[
        { text: "Route öffnen", href: "https://maps.app.goo.gl/yC7LqP7Jb5J9f5K88" },
        { text: "Jetzt anrufen", href: "tel:+494071622282" },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "1", title: "Wie reserviere ich einen Tisch?", content: "Sende uns einfach eine Nachricht über unser Kontaktformular oder ruf uns an." },
        { id: "2", title: "Bietet ihr vegane Optionen an?", content: "Ja, wir bieten verschiedene vegetarische und vegane Frühstücksoptionen an." },
        { id: "3", title: "Habt ihr einen Außenbereich?", content: "Bei gutem Wetter begrüßen wir euch gerne auf unserer sonnigen Terrasse." },
      ]}
      title="Noch Fragen?"
      description="Schreib uns gerne eine Nachricht."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Mili’s Cafe"
      columns={[
        { title: "Kontakt", items: [{ label: "Neustädter Neuer Weg 20", href: "https://maps.app.goo.gl/yC7LqP7Jb5J9f5K88" }, { label: "040 71622282", href: "tel:+494071622282" }] },
        { title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}