Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bf2681e7dd | |||
| c9f6695338 | |||
| 64df76e10a | |||
| 9a4c0ae700 | |||
| 29424e7b51 |
@@ -6,23 +6,23 @@ import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Libre_Baskerville } from "next/font/google";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Bella Italia Ristorante - Authentic Italian Dining',
|
||||
description: 'Experience the true taste of Italy at Bella Italia Ristorante. Fresh pasta, exquisite sauces, and a warm ambiance await you. Book your table today!',
|
||||
};
|
||||
|
||||
const libreBaskerville = Libre_Baskerville({
|
||||
variable: "--font-libre-baskerville", subsets: ["latin"],
|
||||
weight: ["400", "700"],
|
||||
});
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
@@ -31,9 +31,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
127
src/app/page.tsx
127
src/app/page.tsx
@@ -30,71 +30,61 @@ export default function ItalianRestaurantPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Bella Italia"
|
||||
brandName="Bella Italia Ristorante"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Our Menu", id: "menu" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Reservations", id: "contact" },
|
||||
{ name: "Reviews", id: "testimonials" }
|
||||
]}
|
||||
button={{
|
||||
text: "Book a Table",
|
||||
href: "contact"
|
||||
text: "Book a Table", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Welcome to Bella Italia"
|
||||
description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
|
||||
title="Savor the Authentic Taste of Italy"
|
||||
description="Handcrafted pasta, exquisite wines, and a warm, inviting ambiance. Experience a culinary journey to Italy right here."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Fine Dining"
|
||||
tag="Authentic Italian Cuisine"
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
|
||||
imageAlt="Elegant Italian restaurant dining room"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/view-traditional-italian-food_23-2149320268.jpg"
|
||||
imageAlt="Traditional Italian food spread"
|
||||
buttons={[
|
||||
{ text: "Reserve Now", href: "contact" },
|
||||
{ text: "View Menu", href: "menu" }
|
||||
{ text: "Make a Reservation", href: "#contact" },
|
||||
{ text: "Explore Our Menu", href: "#menu" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="At Bella Italia, we honor the rich culinary traditions of Italy while celebrating the art of fine dining. Every dish tells a story of tradition, craftsmanship, and love for food."
|
||||
title="At Bella Italia Ristorante, we believe in bringing the heart of Italy to your table. Our chefs, inspired by generations of Italian culinary artistry, create dishes that are both authentic and innovative, using only the freshest, finest ingredients. Each meal is a celebration of tradition, craftsmanship, and the pure joy of food."
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#" }
|
||||
{ text: "Our Story", href: "#about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
title="Featured Dishes"
|
||||
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
|
||||
title="Our Signature Italian Dishes"
|
||||
description="From classic pasta to delectable desserts, our menu is a testament to Italy's rich culinary heritage."
|
||||
products={[
|
||||
{
|
||||
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"
|
||||
id: "1", name: "Spaghetti Carbonara", price: "$24", imageSrc: "https://img.b2bpic.net/free-photo/delicious-pasta-carbonara-served-black-plate-white-wooden-table_140725-3037.jpg", imageAlt: "Classic Spaghetti Carbonara"
|
||||
},
|
||||
{
|
||||
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"
|
||||
id: "2", name: "Pizza Margherita", price: "$20", imageSrc: "https://img.b2bpic.net/free-photo/italian-pizza-on-dark-background_140725-3074.jpg", imageAlt: "Traditional Pizza Margherita"
|
||||
},
|
||||
{
|
||||
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"
|
||||
id: "3", name: "Osso Buco alla Milanese", price: "$35", imageSrc: "https://img.b2bpic.net/free-photo/homemade-osso-buco-served-with-gremolata-fresh-parsley-lemon-zest_140725-2748.jpg", imageAlt: "Osso Buco with Gremolata"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Panna Cotta with Berries", price: "$10", imageSrc: "https://img.b2bpic.net/free-photo/panna-cotta-with-sauce-berries-top_140725-2882.jpg", imageAlt: "Creamy Panna Cotta with Fresh Berries"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -106,18 +96,17 @@ export default function ItalianRestaurantPage() {
|
||||
|
||||
<div id="impact" data-section="impact">
|
||||
<MetricCardFourteen
|
||||
title="Celebrating Our Success"
|
||||
tag="By The Numbers"
|
||||
title="Our Culinary Journey by the Numbers"
|
||||
tag="Taste of Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "25+",
|
||||
description: "Years of excellence in authentic Italian cuisine and hospitality"
|
||||
id: "1", value: "30+", description: "Years of passionately serving authentic Italian flavors"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50,000+",
|
||||
description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
|
||||
id: "2", value: "100,000+", description: "Satisfied diners who have shared memorable moments with us"
|
||||
},
|
||||
{
|
||||
id: "3", value: "95%", description: "Locally sourced ingredients, celebrating regional Italian produce"
|
||||
}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -127,44 +116,20 @@ export default function ItalianRestaurantPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Guests Say"
|
||||
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
|
||||
title="What Our Guests Cherish"
|
||||
description="Hear from our beloved patrons about their unforgettable dining experiences at Bella Italia."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "An Unforgettable Evening",
|
||||
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: "1", title: "An Unforgettable Evening", quote: "Every dish is a masterpiece, a true celebration of Italian heritage. The pasta is handmade to perfection, and the tiramisu... simply divine!", 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: "2", title: "Authentic Italian Magic", quote: "Bella Italia is our go-to for special occasions. The ambiance is charming, the wine list is impeccable, and the staff make you feel like family.", 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: "3", title: "Perfect for Special Occasions", quote: "I've travelled extensively in Italy, and the flavors at Bella Italia transport me right back. The authenticity is astounding!", 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"
|
||||
id: "4", title: "Worth Every Visit", quote: "From the moment you step in, you're enveloped in warmth. The food is exquisite, and the service is always with a genuine smile. A true Italian experience!", 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"
|
||||
@@ -174,25 +139,19 @@ export default function ItalianRestaurantPage() {
|
||||
|
||||
<div id="comparison" data-section="comparison">
|
||||
<FeatureCardSixteen
|
||||
title="What Sets Us Apart"
|
||||
description="Traditional Italian dining elevated with modern hospitality and exceptional service."
|
||||
title="The Bella Italia Difference"
|
||||
description="Why our commitment to authentic Italian tradition and quality ingredients sets us apart."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Frozen pre-made ingredients",
|
||||
"Inconsistent flavors",
|
||||
"Rushed service",
|
||||
"Limited wine selection"
|
||||
"Pre-made sauces and frozen ingredients", "Impersonal service", "Limited vegetarian options", "No genuine Italian wine selection"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fresh ingredients sourced daily from Italy",
|
||||
"Consistent excellence in every dish",
|
||||
"Attentive, unhurried service",
|
||||
"Curated selection of Italian wines"
|
||||
"Fresh, homemade pasta and sauces daily", "Warm, personalized Italian hospitality", "Diverse menu with extensive vegetarian choices", "Carefully curated Italian wine list"
|
||||
]
|
||||
}}
|
||||
/>
|
||||
@@ -200,11 +159,11 @@ export default function ItalianRestaurantPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to experience authentic Italian cuisine? Reserve your table at Bella Italia and join us for an evening of culinary excellence."
|
||||
text="Ready for an exquisite Italian dining experience? Book your table today and let us transport you to the heart of Italy."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Make a Reservation", href: "https://example.com/reservations" },
|
||||
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" }
|
||||
{ text: "View Directions", href: "https://www.google.com/maps/search/Bella+Italia+Ristorante" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -212,9 +171,9 @@ export default function ItalianRestaurantPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bella Italia"
|
||||
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
logoText="Bella Italia Ristorante"
|
||||
leftLink={{ text: "Our Story", href: "#about" }}
|
||||
rightLink={{ text: "Reservations", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-libre-baskerville), serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--background: #fffafa;
|
||||
--card: #fff7f7;
|
||||
--foreground: #1a0000;
|
||||
--primary-cta: #e63946;
|
||||
--primary-cta-text: #fffafa;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #e63946;
|
||||
--background-accent: #e8bea8;
|
||||
--secondary-cta-text: #1a0000;
|
||||
--accent: #f5c4c7;
|
||||
--background-accent: #f09199;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user