Update src/app/page.tsx
This commit is contained in:
347
src/app/page.tsx
347
src/app/page.tsx
@@ -4,107 +4,72 @@ 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 FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Award, Clock, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Da Irene"
|
||||
brandName="Gourmet Table"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<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",
|
||||
},
|
||||
<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"
|
||||
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" }
|
||||
]}
|
||||
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",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-4340.jpg",
|
||||
imageAlt: "Couple in cafe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
|
||||
imageAlt: "Wicker gray table with glass and gray chairs",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg",
|
||||
imageAlt: "There are glasses for wine and water on the table with white cloth are ready for dining.",
|
||||
},
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Stagionale" },
|
||||
{ type: "text", text: "Tradizionale" },
|
||||
{ type: "text", text: "Gourmet" },
|
||||
{ type: "text", text: "Bio" },
|
||||
{ type: "text", text: "Locale" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="4.6 su 5 basato su 609 recensioni"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="La Nostra Storia"
|
||||
useInvertedBackground={false}
|
||||
title="La Nostra Passione"
|
||||
description={[
|
||||
"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.",
|
||||
"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."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,228 +78,76 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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="Piatti Forti"
|
||||
description="Una selezione dei piatti più amati dai nostri clienti."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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",
|
||||
},
|
||||
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" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
title="Il Nostro Menù"
|
||||
description="Piatti raffinati preparati con passione, pronti a deliziare il vostro palato."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
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,
|
||||
},
|
||||
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" }
|
||||
]}
|
||||
title="La Nostra Reputazione"
|
||||
description="Numeri che parlano della nostra dedizione."
|
||||
cardTitle="Cosa dicono i nostri ospiti"
|
||||
cardTag="Recensioni"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
{ 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." }
|
||||
]}
|
||||
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 cosa ci chiedono spesso i nostri ospiti."
|
||||
faqsAnimation="slide-up"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Prenota il tuo tavolo"
|
||||
description="Compila il form per prenotare, ti risponderemo al più presto."
|
||||
title="Prenota il Tuo Tavolo"
|
||||
description="Siamo pronti ad accoglierti. Compila il modulo per inviarci una richiesta di prenotazione."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome e Cognome",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Numero di Telefono",
|
||||
required: true,
|
||||
},
|
||||
{ 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 }
|
||||
]}
|
||||
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"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Link Rapidi", items: [{ label: "Menù", href: "#menu" }, { label: "Prenota", href: "#contact" }] },
|
||||
{ title: "Info", items: [{ label: "Chi Siamo", href: "#about" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Da Irene Ristorante Pizzeria"
|
||||
bottomRightText="Sviluppato con passione"
|
||||
logoText="Gourmet Table"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user