7 Commits

Author SHA1 Message Date
de051ce944 Update src/app/styles/variables.css 2026-06-07 11:35:51 +00:00
d91d6576bd Update src/app/styles/base.css 2026-06-07 11:35:50 +00:00
a062e88a5e Update src/app/page.tsx 2026-06-07 11:35:50 +00:00
33384e7fc7 Update src/app/layout.tsx 2026-06-07 11:35:49 +00:00
26f3485784 Merge version_2 into main
Merge version_2 into main
2026-06-07 11:31:58 +00:00
bb3bb31630 Update src/app/styles/variables.css 2026-06-07 11:31:55 +00:00
fa002447a2 Update src/app/page.tsx 2026-06-07 11:31:54 +00:00
4 changed files with 58 additions and 92 deletions

View File

@@ -8,19 +8,17 @@ import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: 'Bella Italia Ristorante - Authentic Italian Cuisine',
description: 'Experience the true taste of Italy at Bella Italia Ristorante. Savor traditional pasta, pizza, and exquisite wines in a cozy, authentic atmosphere.',
title: 'Bella Italia Ristorante - Authentische italienische Küche',
description: 'Erleben Sie den wahren Geschmack Italiens im Bella Italia Ristorante. Genießen Sie traditionelle Pasta, Pizza und exquisite Weine in einer gemütlichen, authentischen Atmosphäre.',
};
export default function RootLayout({
@@ -29,10 +27,10 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<html lang="de" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} antialiased`}
className={`${halant.variable} ${inter.variable} antialiased}`}
>
<Tag />
{children}
@@ -45,4 +43,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

View File

@@ -16,16 +16,16 @@ import { Sparkles } from "lucide-react";
export default function ItalianRestaurantPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
background="none"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
@@ -38,8 +38,7 @@ export default function ItalianRestaurantPage() {
{ name: "Reviews", id: "testimonials" }
]}
button={{
text: "Book a Table",
href: "contact"
text: "Book a Table", href: "contact"
}}
/>
</div>
@@ -48,7 +47,7 @@ export default function ItalianRestaurantPage() {
<HeroBillboard
title="Welcome to Bella Italia"
description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
background={{ variant: "sparkles-gradient" }}
background={{ variant: "plain" }}
tag="Fine Dining"
tagIcon={Sparkles}
imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
@@ -62,42 +61,45 @@ export default function ItalianRestaurantPage() {
<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, we are passionate about bringing the true essence of Italian culinary traditions to your table. Our kitchen is a celebration of fresh, hand-picked ingredients, transformed into homemade dishes passed down through generations. Step into our family atmosphere, where every meal is crafted with love and served with the warmth of Italian hospitality. Experience traditional recipes that speak of rich heritage and unforgettable flavors."
useInvertedBackground={false}
buttons={[
{ text: "Learn More", href: "#" }
{ text: "Learn More", href: "contact" }
]}
/>
</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 Exquisite Menu"
description="Explore our diverse menu featuring classic Italian categories: Pizza, Pasta, Salate, and refreshing Getränke."
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: "Margherita Pizza", price: "€14.50", imageSrc: "https://img.b2bpic.net/free-photo/pizza-pepperoni_1203-2410.jpg", imageAlt: "Classic Margherita Pizza"
},
{
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 Prosciutto e Funghi", price: "€16.00", imageSrc: "https://img.b2bpic.net/free-photo/side-view-pizza-with-salami-olives-bell-peppers-greenery_140725-103303.jpg", imageAlt: "Pizza with ham and mushrooms"
},
{
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: "Spaghetti Carbonara", price: "€15.50", imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan_114579-1556.jpg", imageAlt: "Creamy Spaghetti Carbonara"
},
{
id: "4", name: "Lasagne al Forno", price: "€17.00", imageSrc: "https://img.b2bpic.net/free-photo/delicious-lasagna-table_23-2149386376.jpg", imageAlt: "Baked Lasagne"
},
{
id: "5", name: "Rucola e Parmigiano Salat", price: "€12.00", imageSrc: "https://img.b2bpic.net/premium-photo/fresh-salad-with-various-greens-tomato-mozzarella-seasoning_119101-163.jpg", imageAlt: "Rocket and Parmesan Salad"
},
{
id: "6", name: "Insalata Mista", price: "€9.50", imageSrc: "https://img.b2bpic.net/free-photo/salad-greenery-wooden-board_23-2148700201.jpg", imageAlt: "Mixed Green Salad"
},
{
id: "7", name: "Limoncello", price: "€7.00", imageSrc: "https://img.b2bpic.net/premium-photo/refreshing-lemonade-with-fresh-citrus-slice_119101-443.jpg", imageAlt: "Italian Limoncello liqueur"
},
{
id: "8", name: "Acqua Panna (0.75L)", price: "€4.00", imageSrc: "https://img.b2bpic.net/free-photo/still-life-water-glass_23-2148906103.jpg", imageAlt: "Acqua Panna Mineral Water"
}
]}
gridVariant="three-columns-all-equal-width"
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -110,14 +112,10 @@ export default function ItalianRestaurantPage() {
tag="By The Numbers"
metrics={[
{
id: "1",
value: "25+",
description: "Years of excellence in authentic Italian cuisine and hospitality"
id: "1", 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"
id: "2", value: "50,000+", description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
}
]}
metricsAnimation="slide-up"
@@ -131,40 +129,16 @@ export default function ItalianRestaurantPage() {
description="Experience the warmth and authenticity that our visitors cherish about 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: "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: "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: "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"
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"
@@ -181,18 +155,12 @@ export default function ItalianRestaurantPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"Frozen pre-made ingredients",
"Inconsistent flavors",
"Rushed service",
"Limited wine selection"
"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"
"Fresh ingredients sourced daily from Italy", "Consistent excellence in every dish", "Attentive, unhurried service", "Curated selection of Italian wines"
]
}}
/>
@@ -220,4 +188,4 @@ export default function ItalianRestaurantPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -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-dm-sans), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #e63946;
--background-accent: #e8bea8;
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #cc2936;
--primary-cta-text: #f6f0e9;
--secondary-cta: #efe7dd;
--secondary-cta-text: #2b180a;
--accent: #94877c;
--background-accent: #afa094;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);