169 lines
9.7 KiB
TypeScript
169 lines
9.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Award, Clock, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Chi Siamo", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Contatti", id: "contact" }
|
|
]}
|
|
brandName="The GroW's"
|
|
button={{ text: "Prenota", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{ variant: "sparkles-gradient" }}
|
|
title="Un'esperienza raffinata"
|
|
description="L'atmosfera lussuosa di una lounge newyorkese incontra il calore della famiglia. Scopri un gusto unico che attraversa generazioni."
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=1", imageAlt: "Ambiente lounge" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=2", imageAlt: "Dettaglio atmosfera" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=3", imageAlt: "Vino raffinato" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=4", imageAlt: "Dettaglio oro" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=5", imageAlt: "Interni chic" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=6", imageAlt: "Tavolo elegante" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=7", imageAlt: "Ambiente lounge" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=8", imageAlt: "Dettaglio atmosfera" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=9", imageAlt: "Vino raffinato" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=10", imageAlt: "Dettaglio oro" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=11", imageAlt: "Interni chic" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=12", imageAlt: "Tavolo elegante" }
|
|
]}
|
|
buttons={[{ text: "Prenota ora", href: "#contact" }]}
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg", alt: "Cliente" },
|
|
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg", alt: "Cliente" },
|
|
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg", alt: "Cliente" },
|
|
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg", alt: "Cliente" },
|
|
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg", alt: "Cliente" }
|
|
]}
|
|
avatarText="Oltre 500 clienti soddisfatti"
|
|
marqueeItems={[
|
|
{ type: "text", text: "Fine Dining" },
|
|
{ type: "text", text: "Lounge Bar" },
|
|
{ type: "text", text: "Eventi Esclusivi" },
|
|
{ type: "text", text: "Alta Cucina" },
|
|
{ type: "text", text: "Atmosfera Chic" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="stats" data-section="stats">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "35+", title: "Coperti per gruppo", description: "Accogliamo ogni tipo di evento.", icon: Users },
|
|
{ id: "m2", value: "100%", title: "Qualità", description: "Ingredienti scelti con cura.", icon: Award },
|
|
{ id: "m3", value: "10+", title: "Anni di storia", description: "Una tradizione che continua.", icon: Clock }
|
|
]}
|
|
title="I nostri numeri"
|
|
description="Una storia fatta di passione e abbondanza."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="La nostra famiglia"
|
|
description="Da Nunzia e Andrea, accoglienza e amore per il cibo sono il fulcro del GroW's. Un'esperienza che ti fa sentire a casa, circondato da un tocco lussuoso."
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081907.jpg"
|
|
imageAlt="Nunzia e Andrea"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Antipasto della Casa", price: "€18", variant: "Abbondante", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg?_wi=1", imageAlt: "Antipasto" },
|
|
{ id: "p2", name: "Primi Gourmet", price: "€22", variant: "Selezione", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg?_wi=2", imageAlt: "Primo" },
|
|
{ id: "p3", name: "Secondo d'Autore", price: "€28", variant: "Lusso", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg?_wi=3", imageAlt: "Secondo" },
|
|
{ id: "p4", name: "Dolce del Giorno", price: "€10", variant: "Artigianale", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg?_wi=4", imageAlt: "Dolce" },
|
|
{ id: "p5", name: "Selezione Vini", price: "€35", variant: "Cantina", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg?_wi=5", imageAlt: "Vino" },
|
|
{ id: "p6", name: "Digestivi", price: "€8", variant: "Aromatico", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg?_wi=6", imageAlt: "Digestivo" }
|
|
]}
|
|
title="Piatti d'eccellenza"
|
|
description="Dalle proposte quotidiane alle creazioni gourmet."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{ id: "1", name: "Marco Rossi", role: "Cliente abituale", testimonial: "Atmosfera chic stile newyorkese, cibo eccellente.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg?_wi=1" },
|
|
{ id: "2", name: "Laura Bianchi", role: "Evento Famiglia", testimonial: "Nunzia e Andrea ci hanno fatto sentire a casa.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg?_wi=2" },
|
|
{ id: "3", name: "Giulia Verdi", role: "Cena d'affari", testimonial: "Raffinato ed elegante, il miglior posto in città.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg?_wi=3" },
|
|
{ id: "4", name: "Paolo Neri", role: "Anniversario", testimonial: "Porzioni abbondanti e cura estrema del dettaglio.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg?_wi=4" },
|
|
{ id: "5", name: "Anna Bruno", role: "Amici", testimonial: "Ci torno da anni e non delude mai.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg?_wi=5" }
|
|
]}
|
|
title="La voce dei nostri ospiti"
|
|
description="Ciò che dicono di noi i nostri amici."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Contatti"
|
|
title="Prenota il tuo tavolo"
|
|
description="Lascia il tuo numero o email, saremo lieti di accoglierti."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Info", items: [{ label: "Dove siamo", href: "#" }, { label: "Contatti", href: "#" }] },
|
|
{ title: "Servizi", items: [{ label: "Prenotazioni", href: "#contact" }, { label: "Menu", href: "#menu" }] }
|
|
]}
|
|
bottomLeftText="© 2024 The GroW's"
|
|
bottomRightText="Tutti i diritti riservati"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|