2 Commits

Author SHA1 Message Date
3c67716e26 Update src/app/styles/variables.css 2026-05-06 14:02:59 +00:00
00c174c9c9 Update src/app/page.tsx 2026-05-06 14:02:59 +00:00
2 changed files with 32 additions and 100 deletions

View File

@@ -11,7 +11,7 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen"; import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import ContactText from "@/components/sections/contact/ContactText"; import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Sparkles } from "lucide-react"; import { Sparkles, Utensils, Award, Users, ThumbsUp, Pizza } from "lucide-react";
export default function ItalianRestaurantPage() { export default function ItalianRestaurantPage() {
return ( return (
@@ -38,8 +38,7 @@ export default function ItalianRestaurantPage() {
{ name: "Reviews", id: "testimonials" } { name: "Reviews", id: "testimonials" }
]} ]}
button={{ button={{
text: "Book a Table", text: "Book a Table", href: "contact"
href: "contact"
}} }}
/> />
</div> </div>
@@ -76,25 +75,13 @@ export default function ItalianRestaurantPage() {
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients." description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
products={[ products={[
{ {
id: "1", id: "1", name: "Tagliatelle al Ragù", price: "$28", imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg", imageAlt: "Tagliatelle al Ragù with meat sauce"
name: "Tagliatelle al Ragù",
price: "$28",
imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg",
imageAlt: "Tagliatelle al Ragù with meat sauce"
}, },
{ {
id: "2", id: "2", name: "Risotto ai Funghi", price: "$26", imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg", imageAlt: "Creamy mushroom risotto"
name: "Risotto ai Funghi",
price: "$26",
imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg",
imageAlt: "Creamy mushroom risotto"
}, },
{ {
id: "3", id: "3", name: "Tiramisu Tradizionale", price: "$12", imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg", imageAlt: "Classic tiramisu dessert"
name: "Tiramisu Tradizionale",
price: "$12",
imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg",
imageAlt: "Classic tiramisu dessert"
} }
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
@@ -106,19 +93,11 @@ export default function ItalianRestaurantPage() {
<div id="impact" data-section="impact"> <div id="impact" data-section="impact">
<MetricCardFourteen <MetricCardFourteen
title="Celebrating Our Success" title="Legacy of Flavor"
tag="By The Numbers" tag="Our Story in Numbers"
metrics={[ metrics={[
{ { id: "1", value: "30+", description: "Years serving authentic regional recipes from all corners of Italy" },
id: "1", { id: "2", value: "100k+", description: "Authentic pasta dishes handmade with love since our opening" }
value: "25+",
description: "Years of excellence in authentic Italian cuisine and hospitality"
},
{
id: "2",
value: "50,000+",
description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
}
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
useInvertedBackground={true} useInvertedBackground={true}
@@ -127,45 +106,12 @@ export default function ItalianRestaurantPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTen <TestimonialCardTen
title="What Our Guests Say" title="A Taste of Italy"
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia." description="Guests describe their experience as a journey to the heart of Tuscany and Rome."
testimonials={[ testimonials={[
{ { id: "1", title: "Impeccable", quote: "The Carbonara is exactly like I remember from Rome. Incredible flavors!", name: "Luigi S.", role: "Food Critic" },
id: "1", { id: "2", title: "So Vibrant", quote: "Vibrant atmosphere and even better flavors. A true gem of Italian dining.", name: "Sarah J.", role: "Visitor" },
title: "An Unforgettable Evening", { id: "3", title: "Authentic", quote: "The wine selection is curated to perfection. Simply outstanding.", name: "Marco T.", role: "Sommelier" }
quote: "The pasta was absolutely divine! Every bite transported me straight to Italy. The ambiance, the service, everything was perfect. We'll definitely be back.",
name: "Maria Rossi",
role: "Food Critic",
imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",
imageAlt: "Maria Rossi"
},
{
id: "2",
title: "Authentic Italian Magic",
quote: "This is the most authentic Italian restaurant I've found in the city. The chef clearly knows his craft, and it shows in every plate. A true gem!",
name: "Giovanni Ferrari",
role: "Restaurant Enthusiast",
imageSrc: "https://img.b2bpic.net/free-photo/chef-white-uniform-garnishes-plated-dish-with-herbs-spices_482257-121123.jpg",
imageAlt: "Giovanni Ferrari"
},
{
id: "3",
title: "Perfect for Special Occasions",
quote: "We celebrated our anniversary here and it was spectacular. The attention to detail, the wine pairings, the warmth of the staff simply extraordinary.",
name: "Elena Marchetti",
role: "Couple",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg",
imageAlt: "Elena Marchetti"
},
{
id: "4",
title: "Worth Every Visit",
quote: "I've been coming to Bella Italia for three years now. The consistency, quality, and passion never wavers. It's become my second home.",
name: "Antonio Bianchi",
role: "Regular Guest",
imageSrc: "https://img.b2bpic.net/free-photo/chef-workg-together-professional-kitchen_23-2149727992.jpg",
imageAlt: "Antonio Bianchi"
}
]} ]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
@@ -174,50 +120,36 @@ export default function ItalianRestaurantPage() {
<div id="comparison" data-section="comparison"> <div id="comparison" data-section="comparison">
<FeatureCardSixteen <FeatureCardSixteen
title="What Sets Us Apart" title="Traditional vs. Ordinary"
description="Traditional Italian dining elevated with modern hospitality and exceptional service." description="We choose the hard path of tradition to ensure the best possible Italian experience."
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
negativeCard={{ negativeCard={{ items: ["Mass-produced ingredients", "Generic flavor profiles", "Fast-food service mentality", "Limited wine list"] }}
items: [ positiveCard={{ items: ["Daily-made fresh pasta", "Authentic, vibrant Mediterranean ingredients", "Careful, warm hospitality", "Extensive selection of Italian labels"] }}
"Frozen pre-made ingredients",
"Inconsistent flavors",
"Rushed service",
"Limited wine selection"
]
}}
positiveCard={{
items: [
"Fresh ingredients sourced daily from Italy",
"Consistent excellence in every dish",
"Attentive, unhurried service",
"Curated selection of Italian wines"
]
}}
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
text="Ready to experience authentic Italian cuisine? Reserve your table at Bella Italia and join us for an evening of culinary excellence." text="Experience the vibrancy of Italy in every bite. Join us for your next memorable dining experience."
background={{ variant: "plain" }} background={{ variant: "gradient-bars" }}
buttons={[ buttons={[
{ text: "Make a Reservation", href: "https://example.com/reservations" }, { text: "Reserve Your Table", href: "#" },
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" } { text: "Browse Menu", href: "#menu" }
]} ]}
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="Bella Italia" logoText="Bella Italia"
leftLink={{ text: "Privacy Policy", href: "#privacy" }} leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }} rightLink={{ text: "Reservations", href: "#contact" }}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f5f5; --background: #fbf8f3;
--card: #ffffff; --card: #ffffff;
--foreground: #1c1c1c; --foreground: #2b180a;
--primary-cta: #1c1c1c; --primary-cta: #c13030;
--primary-cta-text: #f5f5f5; --primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff; --secondary-cta: #f1e5d1;
--secondary-cta-text: #1c1c1c; --secondary-cta-text: #1c1c1c;
--accent: #e63946; --accent: #e34400;
--background-accent: #e8bea8; --background-accent: #f9f1e4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);