"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Cake, Coffee, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Home", id: "home" },
        { name: "About", id: "about" },
        { name: "Menu", id: "menu" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Mojo"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{ variant: "radial-gradient" }}
      title="Coffee First, Attitude Included"
      description="Specialty coffee meets American diner comfort at Mojo. Discover bold espresso drinks, housemade cakes, and honest comfort food in Bremerhaven's favorite gathering spot."
      buttons={[{ text: "View Menu & Order Now", href: "#menu" }]}
      videoSrc="https://videos.b2bpic.net/coffee-shop-espresso-pour.mp4"
      videoAriaLabel="Hero coffee brewing video"
      mediaAnimation="blur-reveal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg", alt: "Customer drinking coffee" },
        { src: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg", alt: "Customer having lunch" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-restaurant_23-2150384833.jpg", alt: "Happy customer at table" },
        { src: "http://img.b2bpic.net/free-photo/young-beautiful-couple-speaking-smiling-resting-cafe_176420-2305.jpg", alt: "Couple smiling at cafe" },
        { src: "http://img.b2bpic.net/free-photo/attrcative-cheerful-lady-looking-her-man-while-they-have-breakfast_171337-4949.jpg", alt: "Cheerful lady at breakfast" },
      ]}
      avatarText="Join 500+ happy regulars"
      marqueeItems={[
        { type: "text", text: "Locally Roasted" },
        { type: "text", text: "Homemade Daily" },
        { type: "text", text: "Hearty Classics" },
        { type: "text", text: "Friendly Atmosphere" },
        { type: "text", text: "Bremerhaven Pride" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Welcome to Mojo"
      description="We are more than just a coffee shop. We are the vibrant heart of Bremerhaven where specialty brews meet the comfort of classic American diner food."
      metrics={[
        { value: "100+", title: "Happy Neighbors" },
        { value: "50+", title: "Coffee Varieties" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-cooked-vegetables-with-egg-meal-fresh-vegetables-dark-floor-meal-food-lunch-vegetable-product_140725-79688.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      textboxLayout="split"
      useInvertedBackground={true}
      animationType="slide-up"
      features={[
        {
          title: "Specialty Brews",          description: "Ethically sourced beans roasted to perfection.",          icon: Coffee,
          mediaItems: [
            { imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-beans-background-generative-ai_91128-2245.jpg" },
            { imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2147.jpg" },
          ]
        },
        {
          title: "Housemade Cakes",          description: "Baked daily with love and traditional recipes.",          icon: Cake,
          mediaItems: [
            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-pancake-top-with-strawberry-breakfast_53876-16216.jpg" },
            { imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-fries-soda_23-2151985513.jpg" },
          ]
        },
        {
          title: "Classic Comfort",          description: "Hearty American diner favorites to warm your soul.",          icon: Utensils,
          mediaItems: [
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pancakes-with-fruits-honey-light_140725-120953.jpg" },
            { imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-us-labor-day_23-2150378705.jpg" },
          ]
        },
      ]}
      title="Why You'll Love Us"
      description="Experience the Mojo difference with our commitment to quality, community, and that authentic diner vibe."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Signature Mojo Latte", price: "€3.50", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/slice-carrot-cake-with-brownies-wooden-board_114579-20706.jpg" },
        { id: "2", name: "Classic Cheeseburger", price: "€8.50", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/variety-eclairs-with-fruits_114579-17933.jpg" },
        { id: "3", name: "Fresh Blueberry Pie", price: "€4.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/side-view-homemade-soft-cake-with-fruits-wooden-cutting-board-mixed-color-table_140725-87127.jpg" },
        { id: "4", name: "Espresso Doppio", price: "€2.50", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-delicious-ring-cake-put-white-plate-white-flower-near-it_181624-28192.jpg" },
        { id: "5", name: "Crispy Bacon & Eggs", price: "€7.00", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-beef-patty-grilled-red-onion-tomato-lettuce-burger-buns-french-fries-orange-drink-table_141793-3607.jpg" },
        { id: "6", name: "Vanilla Bean Cake", price: "€3.80", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-with-flag_23-2149897339.jpg" },
      ]}
      title="Our Signature Items"
      description="Hand-picked comfort dishes and signature drinks crafted for your enjoyment."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "1200+", description: "Cups Served Weekly" },
        { id: "m2", value: "100%", description: "Local Ingredients" },
        { id: "m3", value: "5", description: "Star Service Rating" },
      ]}
      title="Our Community Impact"
      description="Growing one cup at a time with our amazing local support."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sarah J.", role: "Student", testimonial: "Best espresso in town!", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg" },
        { id: "2", name: "Michael K.", role: "Professional", testimonial: "Great workspace atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064693.jpg" },
        { id: "3", name: "Emily D.", role: "Local", testimonial: "The cheeseburger is a classic.", imageSrc: "http://img.b2bpic.net/free-photo/women-have-breakfast-with-pancakes-crepes-omelette-jam-tea_140725-8189.jpg" },
        { id: "4", name: "David R.", role: "Regular", testimonial: "Always friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-holding-cup-coffee-smile_197531-33492.jpg" },
        { id: "5", name: "Clara P.", role: "Guest", testimonial: "Such a cozy interior.", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-outdoors-near-cafe_1268-21199.jpg" },
      ]}
      title="Community Love"
      description="What our customers are saying about Mojo."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{ variant: "radial-gradient" }}
      tag="Visit Us"
      title="Ready to Eat?"
      description="Stop by Mojo for your next coffee break or diner fix. We're open daily and can't wait to see you."
      buttons={[{ text: "Get Directions", href: "#" }, { text: "Order Online", href: "#" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Mojo Coffee & Diner"
      columns={[
        { title: "Discover", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
        { title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Instagram", href: "#" }] },
        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
      ]}
      copyrightText="© 2025 Mojo Coffee & Diner Bremerhaven"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
