Update src/app/page.tsx
This commit is contained in:
235
src/app/page.tsx
235
src/app/page.tsx
@@ -4,73 +4,77 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Award, Clock, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Gourmet Table"
|
||||
brandName="Da Irene"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Un'Esperienza Gastronomica Indimenticabile"
|
||||
description="Scopri i sapori autentici e la maestria culinaria del nostro ristorante. Ogni piatto racconta una storia di passione e qualità."
|
||||
buttons={[{ text: "Prenota un Tavolo", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sweet-delight-with-fruits-table_140725-9739.jpg?_wi=1"
|
||||
imageAlt="Ambiente ristorante Gourmet"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/salad-with-herbs-creamy-dressing-with-glass-red-wine_114579-3217.jpg", alt: "Salad with herbs and creamy dressing with a glass of red wine." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/slice-tasty-tuna-meal-with-glass-white-wine-restaurant_8353-10588.jpg", alt: "Slice of a tasty tuna meal with glass of white wine at the restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/salad-with-fried-shrimps-juice_140725-44289.jpg", alt: "Salad with fried shrimps and juice" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-tasty-meal-yummy-vegetable-along-with-red-cherry-tomatoes-green-leafs-inside-white-plate-table_140725-11664.jpg", alt: "A front view tasty meal yummy vegetable along with red cherry tomatoes and green leafs inside white plate on the table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-chef-with-gloves-cooking-pasta-kitchen_23-2148763149.jpg", alt: "Front view of chef with gloves cooking pasta in the kitchen" }
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Da Irene – Autentica Cucina Italiana"
|
||||
description="Scopri i sapori della tradizione. Pizze d'autore, primi piatti di mare freschissimi e un'atmosfera accogliente nel cuore di Torino."
|
||||
tag="Prenota ora: 351 818 0932"
|
||||
buttons={[
|
||||
{
|
||||
text: "Vedi Menu", href: "#menu"},
|
||||
{
|
||||
text: "Prenota", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Stagionale" },
|
||||
{ type: "text", text: "Tradizionale" },
|
||||
{ type: "text", text: "Gourmet" },
|
||||
{ type: "text", text: "Bio" },
|
||||
{ type: "text", text: "Locale" }
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", imageAlt: "Interno ristorante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plates-with-pasta-wooden-board_482257-25251.jpg", imageAlt: "Pasta carbonara"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="4.6 su 5 basato su 609 recensioni"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="La Nostra Passione"
|
||||
useInvertedBackground={true}
|
||||
title="La Nostra Storia"
|
||||
description={[
|
||||
"Da generazioni, la nostra famiglia dedica la propria vita alla ricerca della perfezione culinaria. Utilizziamo solo ingredienti locali e di stagione per garantire freschezza e sapori genuini.", "Crediamo che la cucina non sia solo nutrimento, ma un'arte da condividere attorno a una tavola imbandita con cura e amore."
|
||||
]}
|
||||
"Da Irene, la passione per la buona cucina è di casa. Dal 1980 selezioniamo i migliori ingredienti per offrirvi un'esperienza culinaria indimenticabile.", "Il nostro segreto? Un impasto leggero per la pizza, pesce fresco ogni giorno e un servizio attento che ti fa sentire tra amici."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,76 +82,143 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Tagliatelle al Tartufo", price: "24€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_74190-2908.jpg", brand: "Primi Piatti" },
|
||||
{ id: "2", name: "Tagliata di Manzo", price: "32€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-rosemary-sauce-dark-background_84443-94477.jpg", brand: "Secondi" },
|
||||
{ id: "3", name: "Mousse al Cioccolato Fondente", price: "12€", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/exquisite-chocolate-dessert-with-raspberry-red-sauce_23-2151998770.jpg", brand: "Dolci" },
|
||||
{ id: "4", name: "Branzino al Sale", price: "28€", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/raw-salmon-fillets-pepper-kiwi-pineapples-rosemary-onto-plate-black-cement-floor_1150-23152.jpg", brand: "Secondi" },
|
||||
{ id: "5", name: "Risotto agli Asparagi", price: "20€", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-table_140725-7341.jpg", brand: "Primi Piatti" },
|
||||
{ id: "6", name: "Vellutata di Zucca", price: "14€", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-table_140725-10015.jpg", brand: "Antipasti" }
|
||||
{
|
||||
id: "1", brand: "Specialità", name: "Antipasto Da Irene", price: "12€", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/pizza-meat-lover-cheese_1388-649.jpg"},
|
||||
{
|
||||
id: "2", brand: "Pasta", name: "Carbonara Tradizionale", price: "14€", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/classic-ceasar-with-chicken-fillet-vegetable-mix_114579-2302.jpg"},
|
||||
{
|
||||
id: "3", brand: "Pizza", name: "Pizza Margherita Special", price: "9€", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheesy-pepperoni-pizza-inside-brick-stone-oven_181624-58518.jpg"},
|
||||
{
|
||||
id: "4", brand: "Mare", name: "Fritto Misto Reale", price: "18€", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-taking-slices-pizza-with-cheese_23-2148765340.jpg"},
|
||||
{
|
||||
id: "5", brand: "Dolci", name: "Tiramisù della Casa", price: "6€", rating: 5,
|
||||
reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/chef-is-cutting-traditional-margarita-pizza-customers-with-special-knife_613910-14078.jpg"},
|
||||
{
|
||||
id: "6", brand: "Secondo", name: "Burrata e Prosciutto", price: "13€", rating: 5,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-bell-peppers-cutting-board-with-raw-pasta-spaghetti-turquoise-surface_141793-18398.jpg"},
|
||||
]}
|
||||
title="Il Nostro Menù"
|
||||
description="Piatti raffinati preparati con passione, pronti a deliziare il vostro palato."
|
||||
title="Piatti Forti"
|
||||
description="Una selezione dei piatti più amati dai nostri clienti."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marco Rossi", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg" },
|
||||
{ id: "2", name: "Giulia Bianchi", imageSrc: "http://img.b2bpic.net/free-photo/waiting-order_1098-15642.jpg" },
|
||||
{ id: "3", name: "Luca Verdi", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-wine_23-2149152917.jpg" },
|
||||
{ id: "4", name: "Elena Neri", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg" },
|
||||
{ id: "5", name: "Sara Bruno", imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-holds-pretends-bite-hot-pepper_141793-71338.jpg" }
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="La pizza è favolosa, accoglienza strepitosa, lo raccomando vivamente!"
|
||||
rating={5}
|
||||
author="Marco Rossi"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ecstatic-caucasian-girl-sitting-cafe-eating-salad-blithesome-woman-enjoying-fresh-vegetables_197531-17191.jpg", alt: "Diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-multiethnic-women-have-fun-together-laugh-happily_273609-18136.jpg", alt: "Diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2149250084.jpg", alt: "Diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663853.jpg", alt: "Adults enjoying mexican food"},
|
||||
]}
|
||||
cardTitle="Cosa dicono i nostri ospiti"
|
||||
cardTag="Recensioni"
|
||||
cardAnimation="blur-reveal"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "609+", title: "Recensioni", description: "Clienti soddisfatti online", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "4.6", title: "Rating", description: "Valutazione media Google", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "40+", title: "Anni", description: "Tradizione e qualità", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="La Nostra Reputazione"
|
||||
description="Numeri che parlano della nostra dedizione."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Accettate prenotazioni?", content: "Sì, consigliamo di prenotare con anticipo tramite il nostro sito." },
|
||||
{ id: "f2", title: "Avete opzioni vegetariane?", content: "Offriamo diverse opzioni gourmet per chi segue diete vegetariane." },
|
||||
{ id: "f3", title: "È possibile organizzare eventi?", content: "Siamo felici di ospitare eventi privati, contattaci per dettagli." }
|
||||
{
|
||||
id: "f1", title: "È necessaria la prenotazione?", content: "Sì, consigliamo vivamente di prenotare, specialmente nel fine settimana."},
|
||||
{
|
||||
id: "f2", title: "Offrite opzioni senza glutine?", content: "Sì, offriamo un impasto pizza senza glutine su richiesta."},
|
||||
{
|
||||
id: "f3", title: "Avete spazi esterni?", content: "Sì, disponiamo di una comoda veranda esterna per la bella stagione."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18781.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
title="Domande Frequenti"
|
||||
description="Ecco tutto quello che c'è da sapere per pianificare al meglio la tua cena."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sweet-delight-with-fruits-table_140725-9739.jpg?_wi=2"
|
||||
description="Ecco cosa ci chiedono spesso i nostri ospiti."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Prenota il Tuo Tavolo"
|
||||
description="Siamo pronti ad accoglierti. Compila il modulo per inviarci una richiesta di prenotazione."
|
||||
title="Prenota il tuo tavolo"
|
||||
description="Compila il form per prenotare, ti risponderemo al più presto."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nome e Cognome", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Telefono", required: true }
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Nome e Cognome", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Numero di Telefono", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{ name: "note", placeholder: "Note (es. data, numero persone)", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954871.jpg"
|
||||
textarea={{
|
||||
name: "message", placeholder: "Messaggio (data, ora, numero persone)", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
|
||||
mediaPosition="right"
|
||||
buttonText="Invia Prenotazione"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Link Rapidi", items: [{ label: "Menù", href: "#menu" }, { label: "Prenota", href: "#contact" }] },
|
||||
{ title: "Info", items: [{ label: "Chi Siamo", href: "#about" }, { label: "FAQ", href: "#faq" }] }
|
||||
{
|
||||
title: "Da Irene", items: [
|
||||
{
|
||||
label: "V. Caraglio, 32, Torino", href: "#"},
|
||||
{
|
||||
label: "351 818 0932", href: "tel:3518180932"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Orari: 19:00 - 23:30", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Gourmet Table"
|
||||
bottomLeftText="© 2024 Da Irene Ristorante Pizzeria"
|
||||
bottomRightText="Sviluppato con passione"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user