Merge version_2 into main #3
130
src/app/page.tsx
130
src/app/page.tsx
@@ -10,32 +10,32 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Leaf, Heart, Sparkles } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
background="floatingGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Trattoria Roma"
|
||||
brandName="Bessone Frutta e Verdura"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About Us", id: "about" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Reservations", id: "contact" }
|
||||
{ name: "Prodotti", id: "menu" },
|
||||
{ name: "Chi siamo", id: "about" },
|
||||
{ name: "Contatti", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve Now", href: "#contact"
|
||||
text: "Contattaci", href: "#contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -43,37 +43,40 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Authentic Italian Cuisine"
|
||||
description="Experience the warmth and tradition of Italy through our handcrafted dishes, each prepared with the finest ingredients and generations of culinary excellence. Welcome to a table where family traditions come alive."
|
||||
title="Bessone Frutta e Verdura – Freschezza e cortesia ogni giorno"
|
||||
description="Benvenuti nella nostra bottega dove la qualità dei prodotti incontra la gentilezza del nostro personale. Frutta matura al punto giusto, verdura fresca di stagione, insalate buonissime e specialità locali di produzione propria. Qui troverete l'essenza della natura, giorno dopo giorno."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Est. 2010"
|
||||
tag="Prodotti di Stagione"
|
||||
tagIcon={Leaf}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Reserve Your Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
{ text: "Scopri i nostri prodotti", href: "#menu" },
|
||||
{ text: "Contattaci", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pasta-basket-with-olive-oil-cherry-tomatoes-garlic-around_114579-66660.jpg"
|
||||
imageAlt="Authentic Italian pasta dish"
|
||||
imageSrc="https://images.unsplash.com/photo-1488459716781-831bedb179d7?w=800&h=600&fit=crop"
|
||||
imageAlt="Frutta e verdura fresca al mercato"
|
||||
mediaAnimation="slide-up"
|
||||
ariaLabel="Trattoria Roma hero section featuring authentic Italian cuisine"
|
||||
ariaLabel="Bessone Frutta e Verdura - Hero section con frutta e verdura fresca"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="Our Heritage"
|
||||
title="A Legacy of Italian Excellence"
|
||||
tag="La Nostra Missione"
|
||||
tagIcon={Heart}
|
||||
title="Qualità, Freschezza e Cordialità – Ogni Giorno"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About Trattoria Roma and our Italian culinary heritage"
|
||||
ariaLabel="Chi siamo - Bessone Frutta e Verdura"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
title="Signature Dishes"
|
||||
description="Indulge in our carefully curated selection of traditional Italian recipes, each a masterpiece of flavor and tradition. From fresh pasta to wood-fired pizzas, every dish tells a story."
|
||||
tag="Menu Highlights"
|
||||
title="I Nostri Prodotti di Stagione"
|
||||
description="Scopri la nostra selezione di frutta matura al punto giusto, verdura fresca e insalate buonissime. Tutti i nostri prodotti sono di stagione, locali e spesso di produzione propria. Ogni giorno portiamo in bottega il meglio della natura."
|
||||
tag="Galleria Prodotti"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -81,107 +84,116 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "risotto", name: "Risotto ai Funghi", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-breast-sauce-with-parmesan_140725-2083.jpg", imageAlt: "Creamy mushroom risotto"
|
||||
id: "fragole", name: "Fragole Fresche", price: "€5,00/kg", imageSrc: "https://images.unsplash.com/photo-1464454709131-ffd692591ee5?w=400&h=300&fit=crop", imageAlt: "Fragole fresche di stagione"
|
||||
},
|
||||
{
|
||||
id: "pizza", name: "Pizza Margherita", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg", imageAlt: "Traditional Neapolitan pizza"
|
||||
id: "insalata", name: "Insalata Mista", price: "€3,50", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=400&h=300&fit=crop", imageAlt: "Insalata fresca e colorata"
|
||||
},
|
||||
{
|
||||
id: "tiramisu", name: "Tiramisu", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-layer-dessert_23-2147984172.jpg", imageAlt: "Classic Italian tiramisu dessert"
|
||||
id: "pomodori", name: "Pomodori Maturissimi", price: "€2,80/kg", imageSrc: "https://images.unsplash.com/photo-1592924357228-91a4daadcccf?w=400&h=300&fit=crop", imageAlt: "Pomodori rossi e maturi"
|
||||
},
|
||||
{
|
||||
id: "mele", name: "Mele Locali", price: "€1,80/kg", imageSrc: "https://images.unsplash.com/photo-1505252585461-04db1267ae5b?w=400&h=300&fit=crop", imageAlt: "Mele fresche e succose"
|
||||
},
|
||||
{
|
||||
id: "zucchine", name: "Zucchine di Stagione", price: "€2,00/kg", imageSrc: "https://images.unsplash.com/photo-1585518419759-66467e73df33?w=400&h=300&fit=crop", imageAlt: "Zucchine verdi fresche"
|
||||
},
|
||||
{
|
||||
id: "arance", name: "Arance Succose", price: "€1,50/kg", imageSrc: "https://images.unsplash.com/photo-1580958375944-abd7e991f971?w=400&h=300&fit=crop", imageAlt: "Arance fresche e succose"
|
||||
}
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Trattoria Roma signature menu items"
|
||||
ariaLabel="Prodotti di stagione - Bessone Frutta e Verdura"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Our Impact"
|
||||
tag="Trusted by Food Lovers"
|
||||
title="La Nostra Esperienza"
|
||||
tag="Trusted by the Community"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "years", value: "14+", description: "Years of Excellence" },
|
||||
{ id: "customers", value: "12K+", description: "Happy Diners" },
|
||||
{ id: "recipes", value: "80+", description: "Traditional Recipes" }
|
||||
{ id: "anni", value: "25+", description: "Anni di Dedizione" },
|
||||
{ id: "clienti", value: "5000+", description: "Clienti Fedeli" },
|
||||
{ id: "qualita", value: "100%", description: "Freschezza Garantita" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Trattoria Roma metrics and achievements"
|
||||
ariaLabel="Metriche e risultati - Bessone Frutta e Verdura"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Guest Stories"
|
||||
description="Hear from our cherished guests about their unforgettable dining experiences at Trattoria Roma."
|
||||
title="Cosa Dicono i Nostri Clienti"
|
||||
description="Scopri le opinioni di chi ci visita ogni giorno per la qualità dei nostri prodotti e la gentilezza del nostro team."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Customer Reviews"
|
||||
tag="Recensioni dei Clienti"
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Perfect Evening", quote: "The pasta was absolutely divine, and the ambiance transported me straight to Italy. A truly magical dining experience.", name: "Marco Rossi", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2149745618.jpg", imageAlt: "Marco Rossi"
|
||||
id: "1", title: "Eccellente!", quote: "Prodotti di grande qualità e personale gentilissimo. Non mi manca mai di venire a Bessone per frutta e verdura fresca!", name: "Marina Rossi", role: "Cliente Fedele", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop", imageAlt: "Marina Rossi"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Family Favorite", quote: "We've been coming here for years. The consistency, quality, and warmth of the service make this our second home.", name: "Isabella Romano", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2149557007.jpg", imageAlt: "Isabella Romano"
|
||||
id: "2", title: "Sempre Fresco", quote: "La freschezza dei vostri prodotti è incomparabile. Ogni giorno passando trovo sempre novità e genuinità. Bravissimi!", name: "Paolo Bianchi", role: "Cliente Regolare", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop", imageAlt: "Paolo Bianchi"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Exceptional Quality", quote: "Every ingredient shines with authenticity. This is not just a restaurant; it's a celebration of Italian culture.", name: "Giuseppe Fontana", role: "Michelin Inspector", imageSrc: "http://img.b2bpic.net/free-photo/black-model-holds-his-suspenders-straps_482257-122230.jpg", imageAlt: "Giuseppe Fontana"
|
||||
id: "3", title: "Accoglienza Calorosa", quote: "Non è solo frutta e verdura, è l'accoglienza, il sorriso e la disponibilità del vostro team che ci porta sempre qui.", name: "Giulia Verdi", role: "Fotografa", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop", imageAlt: "Giulia Verdi"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Outstanding Service", quote: "From the moment we walked in, we felt like family. The attention to detail and genuine hospitality set this place apart.", name: "Sofia Bianchi", role: "Travel Writer", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-woman-looking-away_23-2148452666.jpg", imageAlt: "Sofia Bianchi"
|
||||
id: "4", title: "Prodotti Genuini", quote: "Apprezzo molto che molti dei vostri prodotti siano di produzione propria. La qualità e la genuinità si sentono!", name: "Antonio Greco", role: "Chef", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop", imageAlt: "Antonio Greco"
|
||||
}
|
||||
]}
|
||||
ariaLabel="Guest testimonials and reviews for Trattoria Roma"
|
||||
ariaLabel="Testimonianze dei clienti - Bessone Frutta e Verdura"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose Trattoria Roma"
|
||||
description="Experience dining where tradition meets passion. Our commitment to authenticity, quality, and hospitality sets us apart."
|
||||
title="Perché Scegliere Bessone"
|
||||
description="La nostra passione è portarvi la genuinità della natura in bottega, con un servizio cortese e accogliente."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="The Trattoria Difference"
|
||||
tag="I Nostri Valori"
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic frozen ingredients", "Rushed service", "Impersonal atmosphere"
|
||||
"Prodotti importati e non di stagione", "Scarsa freschezza", "Servizio freddo e impersonale"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Authentic Italian ingredients", "Attentive, passionate staff", "Warm, welcoming ambiance", "Family recipes passed down", "Fresh daily preparations", "Award-winning wine selection"
|
||||
"Frutta e verdura di stagione", "Molti prodotti di produzione propria", "Freschezza garantita ogni giorno", "Personale gentile e disponibile", "Ambiente accogliente e familiare", "Prezzi giusti per la qualità offerta"
|
||||
]
|
||||
}}
|
||||
ariaLabel="Why Trattoria Roma stands out from other restaurants"
|
||||
ariaLabel="Perché scegliere Bessone Frutta e Verdura"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Reserve Your Table Today"
|
||||
text="Raggiungi la Nostra Bottega"
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Make a Reservation", href: "tel:+1-555-123-4567" },
|
||||
{ text: "Contact Us", href: "mailto:info@trattoriaroma.com" }
|
||||
{ text: "Chiama: +39 123 456 7890", href: "tel:+391234567890" },
|
||||
{ text: "Email: info@bessonefrutta.it", href: "mailto:info@bessonefrutta.it" }
|
||||
]}
|
||||
ariaLabel="Reserve a table at Trattoria Roma or contact us"
|
||||
ariaLabel="Contatti e orari - Bessone Frutta e Verdura"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Trattoria Roma"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Trattoria Roma. All rights reserved.", href: "#" }}
|
||||
ariaLabel="Trattoria Roma footer"
|
||||
logoText="Bessone Frutta e Verdura"
|
||||
leftLink={{ text: "D'inverno manteniamo l'ambiente più confortevole possibile: vi accogliamo sempre con un sorriso e tanto calore!", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Bessone Frutta e Verdura. Fatto con ❤️ per la qualità.", href: "#" }}
|
||||
ariaLabel="Footer - Bessone Frutta e Verdura"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--background: #fffefe;
|
||||
--card: #f6f7f4;
|
||||
--foreground: #080908;
|
||||
--primary-cta: #0e3a29;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #e7eecd;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #e63946;
|
||||
--background-accent: #e8bea8;
|
||||
--accent: #35c18b;
|
||||
--background-accent: #ecebe4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user