"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "menu" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Eugénie Café"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{ variant: "gradient-bars" }}
      title="Welcome to Eugénie Café"
      description="Experience the finest artisan roasts and fresh baked delights in the heart of the city."
      tag="Est. 2024"
      buttons={[
        { text: "View Menu", href: "#menu" },
        { text: "Visit Us", href: "#contact" },
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg", imageAlt: "Elegant coffee shop interior" },
        { imageSrc: "http://img.b2bpic.net/free-photo/tea-setup-with-tea-pear-shaped-glass-plates-red-velvet-cake-pakhlava-shakarbura_140725-8507.jpg", imageAlt: "Fresh croissant and latte" }
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="5/5 based on our guests"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Philosophy"
      description={[
        "At Eugénie Café, we believe that every cup of coffee tells a story.",        "Our beans are ethically sourced from small farms across the globe and roasted locally to ensure peak freshness and bold flavor profiles.",        "Whether you're starting your morning or looking for an afternoon escape, our warm, curated space is designed for you."
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "House Blend Espresso", price: "$4.50", variant: "Signature Roast", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-wooden-table-closeup_169016-30389.jpg" },
        { id: "p2", name: "Buttery Croissant", price: "$3.75", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/delicious-orange-bun-table_23-2148858387.jpg" },
        { id: "p3", name: "Organic Matcha Latte", price: "$5.50", variant: "Specialty", imageSrc: "http://img.b2bpic.net/free-photo/iced-matcha-latte_1339-1052.jpg" },
      ]}
      title="Our Signature Selection"
      description="Handcrafted beverages and delicacies served fresh daily."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        { title: "Ethical Roasts", description: "Sourced from fair-trade cooperatives globally.", imageSrc: "http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711598.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/sackcloth-full-coffee-beans-coffee-beans-surface_176474-495.jpg", buttonText: "Read More" },
        { title: "Fresh Baked Daily", description: "Handcrafted pastries baked in-house every morning.", imageSrc: "http://img.b2bpic.net/free-photo/drinks-food-breakfast_23-2147693849.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150153009.jpg", buttonText: "View Bakery" },
        { title: "Cozy Atmosphere", description: "The perfect urban retreat for work or leisure.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-rose-near-books_23-2147767562.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/physiotherapy-room-arrangement_23-2149047474.jpg", buttonText: "Our Space" },
      ]}
      title="Why Choose Us"
      description="Commitment to quality in every detail."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sarah J.", role: "Designer", company: "Local Art", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-putting-coffee-pot-bar-with-customer_23-2148366624.jpg" },
        { id: "2", name: "Michael C.", role: "Architect", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-drinking-tea-using-phone_1303-10737.jpg" },
        { id: "3", name: "Emily R.", role: "Editor", company: "Press", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
        { id: "4", name: "David K.", role: "Consultant", company: "Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-conversation-coffee-kitchen_23-2148708901.jpg" },
        { id: "5", name: "Clara M.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-woman-kitchen-breakfast-couple-together-morning-smiling-having-tea_285396-2774.jpg" },
      ]}
      title="Guest Stories"
      description="What our patrons say about their experience."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Coffee Daily", "Urban Foodie", "Local Bites", "Cafe Awards", "Daily Roast", "Artisan Coffee Journal", "City Dining Guide"
      ]}
      title="Featured In"
      description="Recognized for our excellence in coffee and service."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "radial-gradient" }}
      tag="Visit Us"
      title="Stay Connected"
      description="Sign up for our newsletter for seasonal menu updates and special events."
      imageSrc="http://img.b2bpic.net/free-photo/close-up-male-hands-holding-using-modern-smart-phone-cafe-shop_231208-11099.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/lit-store-city-night_23-2149001230.jpg"
      logoText="Eugénie Café"
      columns={[
        {
          title: "Menu",          items: [
            { label: "Espresso", href: "#menu" },
            { label: "Pastries", href: "#menu" },
            { label: "Full Menu", href: "#menu" },
          ],
        },
        {
          title: "Visit",          items: [
            { label: "Locations", href: "#contact" },
            { label: "Hours", href: "#contact" },
            { label: "Events", href: "#contact" },
          ],
        },
        {
          title: "Company",          items: [
            { label: "About Us", href: "#about" },
            { label: "Our Story", href: "#about" },
            { label: "Careers", href: "#contact" },
          ],
        },
      ]}
      copyrightText="© 2025 Eugénie Café"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}