123778f2-3bcf-41eb-a666-1bc7dee76aff/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLarge"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Chi Siamo", id: "about" },
        { name: "Menù", id: "menu" },
        { name: "Contatti", id: "contact" },
      ]}
      brandName="Green Bar Milano"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Green Bar Milano"
      description="Colazione, pranzo e aperitivo a Milano, dove ti senti veramente a casa. Una comunità dove i clienti abituali diventano famiglia."
      buttons={[
        { text: "Scopri il Menù", href: "#menu" },
        { text: "Prenota un Tavolo", href: "#contact" },
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg", imageAlt: "Interno del bar" },
        { imageSrc: "http://img.b2bpic.net/free-photo/customer-looking-counter-coffee-machine_23-2148366626.jpg", imageAlt: "Aperitivo" },
        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drinking-beer_23-2149592900.jpg", imageAlt: "Vibrazioni mattutine" },
        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-chilling_23-2149410420.jpg", imageAlt: "Tavolo" },
        { imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-cocktail-wooden-cup-bar-table_627829-6472.jpg", imageAlt: "Ritrovo" },
        { imageSrc: "http://img.b2bpic.net/free-photo/three-friends-toasting_23-2147680593.jpg", imageAlt: "Vibe del bar" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Il Tuo Rifugio di Quartiere"
      description={[
        "Tappa fissa: un punto d'incontro per la comunità di San Siro. Crediamo in legami genuini oltre al semplice servizio.",        "Qui non sei solo un cliente, sei uno di famiglia. Che sia per un caffè veloce al mattino o per un lungo aperitivo, questo è il tuo posto."
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { title: "Qualità Premium", description: "Ingredienti sani, freschi e locali in ogni piatto.", bentoComponent: "media-stack", items: [
          { imageSrc: "http://img.b2bpic.net/free-photo/tasty-egg-with-truffles-pita_23-2149548076.jpg" },
          { imageSrc: "http://img.b2bpic.net/free-photo/closeup-gum-paste-mini-cake-with-cup-tee-table_1262-20040.jpg" },
          { imageSrc: "http://img.b2bpic.net/free-photo/side-view-bun-with-butter-red-fish-plate-with-sauce_141793-4780.jpg" }
        ] },
        { title: "Design Curato", description: "Un ambiente esteticamente piacevole, costruito per l'energia sociale.", bentoComponent: "media-stack", items: [
          { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-glass-with-drink-close-up_23-2149299879.jpg" },
          { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-drinks-soft-lemonade-with-yellow-straw-table_141793-12525.jpg" },
          { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-paper-bags-holding-coffee-cup_23-2147688358.jpg" }
        ] },
        { title: "Cuore Comunitario", description: "Un 'terzo luogo' accogliente per ogni cliente abituale.", bentoComponent: "media-stack", items: [
          { imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-family-summer-city_1157-19953.jpg" },
          { imageSrc: "http://img.b2bpic.net/free-photo/friends-waving-each-other-while-respecting-social-distance_23-2148693109.jpg" },
          { imageSrc: "http://img.b2bpic.net/free-photo/best-friends-getting-some-street-food_23-2149009643.jpg" }
        ] }
      ]}
      title="Perché Green Bar?"
      description="Tutto ciò che facciamo è pensato per farti sentire come a casa a Milano."
    />
  </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: "Pasticceria Artigianale", price: "€2.50", variant: "Colazione", imageSrc: "http://img.b2bpic.net/free-photo/meat-carpaccio-with-parmesan-arugula_140725-9869.jpg" },
        { id: "2", name: "Spritz Veneziano", price: "€8.00", variant: "Aperitivo", imageSrc: "http://img.b2bpic.net/free-photo/tuscan-panzanella-traditional-italian-salad-with-tomatoes-bread_127032-3586.jpg" },
        { id: "3", name: "Panino Gourmet", price: "€9.50", variant: "Pranzo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-hot-dogs-wooden-chopping-board-near-fig-slices-almond_23-2147956754.jpg" },
        { id: "4", name: "Insalata di Stagione", price: "€11.00", variant: "Pranzo", imageSrc: "http://img.b2bpic.net/free-photo/wooden-tongs-near-croissants_23-2147851950.jpg" },
        { id: "5", name: "Espresso", price: "€1.20", variant: "Caffè", imageSrc: "http://img.b2bpic.net/free-photo/tray-with-glasses-with-drinks-close-up_23-2148667929.jpg" },
        { id: "6", name: "Tiramisù della Casa", price: "€6.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/vegan-chocolate-tart-with-almonds_661915-309.jpg" },
      ]}
      title="Delizie Quotidiane"
      description="Dalla pasticceria mattutina ai cocktail serali."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        { id: "classic", badge: "Classic", price: "€12", subtitle: "Aperitivo + Primo Drink", features: ["Tavolo riservato", "Selezione di assaggi locali"], buttons: [{ text: "Prenota Ora", href: "#contact" }] },
        { id: "premium", badge: "Premium", price: "€20", subtitle: "Cocktail Special + Assaggi Gourmet", features: ["Mixology premium", "Tagliere artigianale condiviso", "Servizio al tavolo"], buttons: [{ text: "Prenota Ora", href: "#contact" }] },
      ]}
      title="Sessioni Aperitivo"
      description="Unisciti alla nostra community per l'esperienza serale definitiva."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", title: "Casa lontano da casa", quote: "Vengo qui ogni mattina. Lo staff si prende cura di ogni cliente abituale.", name: "Sarah J.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-eating-croissant-while-listening-music-earphones-outdoor-cafe_637285-3443.jpg" },
        { id: "2", title: "Il miglior aperitivo", quote: "Finalmente un posto a San Siro che è autentico ed elegante allo stesso tempo.", name: "Marco V.", role: "Locale", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg" },
        { id: "3", title: "Spazio di lavoro tranquillo", quote: "Adoro l'atmosfera per le mie chiamate di lavoro. Un vero tesoro nascosto.", name: "Elena R.", role: "Professionista", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-adult-female-woman-wear-apron-standing-entrance-her-workshop-pottery-studio-incasual-cloth-relax-smiling-confident-warm-welcomeasian-woman-with-her-home-studio-workshop_609648-2692.jpg" },
        { id: "4", title: "Staff incredibile", quote: "Entri triste ed esci felice. È la pura verità per questo bar!", name: "Luca D.", role: "Studente", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg" },
        { id: "5", title: "Il mio angolo preferito", quote: "Ottima selezione di bevande e sempre un volto amichevole al bancone.", name: "Giulia B.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kid-table_23-2149610743.jpg" },
      ]}
      title="I Regulars diventano famiglia"
      description="Cosa dice la nostra comunità locale del Green Bar."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "1", title: "Accettate prenotazioni?", content: "Sì, per gruppi superiori a 4 persone, contattaci tramite il modulo di prenotazione." },
        { id: "2", title: "Siete aperti per colazione?", content: "Siamo aperti tutti i giorni dalle 7:00 con pasticceria fresca artigianale e caffè specialty." },
        { id: "3", title: "Posso lavorare qui?", content: "Certamente, offriamo posti a sedere comodi e Wi-Fi gratuito per tutti i nostri ospiti." },
      ]}
      title="Domande Comuni"
      description="Tutto quello che c'è da sapere sul Green Bar."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      tag="Vienici a trovare"
      title="Entra a far parte della famiglia"
      description="Iscriviti alla nostra newsletter per aggiornamenti su eventi locali, serate aperitivo speciali e novità nel menù."
      imageSrc="http://img.b2bpic.net/free-photo/friends-front-bar_23-2147680610.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Green Bar Milano"
      leftLink={{ text: "Privacy Policy", href: "#" }}
      rightLink={{ text: "Instagram", href: "https://instagram.com" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}