8 Commits

Author SHA1 Message Date
a15b29036a Update src/app/styles/variables.css 2026-06-07 11:40:26 +00:00
5b8748e9d3 Update src/app/page.tsx 2026-06-07 11:40:26 +00:00
1763c08d7f Merge version_3 into main
Merge version_3 into main
2026-06-07 11:35:54 +00:00
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
4 changed files with 66 additions and 68 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,87 +16,87 @@ 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="none"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Bella Italia"
navItems={[
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Reservations", id: "contact" },
{ name: "Reviews", id: "testimonials" }
{ name: "Speisekarte", id: "menu" },
{ name: "Über Uns", id: "about" },
{ name: "Reservierungen", id: "contact" },
{ name: "Bewertungen", id: "testimonials" }
]}
button={{
text: "Book a Table", href: "contact"
text: "Tisch reservieren", 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."
background={{ variant: "sparkles-gradient" }}
tag="Fine Dining"
title="Willkommen im Bella Italia"
description="Authentische italienische Küche, zubereitet mit Leidenschaft und Tradition. Erleben Sie die Aromen Italiens in jedem Gericht."
background={{ variant: "plain" }}
tag="Feine Küche"
tagIcon={Sparkles}
imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
imageAlt="Elegant Italian restaurant dining room"
imageAlt="Elegantes italienisches Restaurant"
buttons={[
{ text: "Reserve Now", href: "contact" },
{ text: "View Menu", href: "menu" }
{ text: "Jetzt reservieren", href: "contact" },
{ text: "Speisekarte ansehen", href: "menu" }
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
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."
title="Im Bella Italia ist es unsere Leidenschaft, Ihnen die wahre Essenz italienischer Kochtraditionen auf den Tisch zu bringen. Unsere Küche ist eine Hommage an frische, handverlesene Zutaten, die zu hausgemachten Gerichten nach überlieferten Rezepten verarbeitet werden. Tauchen Sie ein in unsere familiäre Atmosphäre, wo jede Mahlzeit mit Liebe zubereitet und mit der Herzlichkeit italienischer Gastfreundschaft serviert wird. Erleben Sie traditionelle Rezepte, die von reichem Erbe und unvergesslichen Aromen erzählen."
useInvertedBackground={false}
buttons={[
{ text: "Learn More", href: "#" }
{ text: "Mehr erfahren", href: "contact" }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
title="Our Exquisite Menu"
description="Explore our diverse menu featuring classic Italian categories: Pizza, Pasta, Salate, and refreshing Getränke."
title="Unsere exquisite Speisekarte"
description="Entdecken Sie unsere vielfältige Speisekarte mit klassischen italienischen Kategorien: Pizza, Pasta, Salate und erfrischende Getränke."
products={[
{
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: "1", name: "Pizza Margherita", price: "€14.50", imageSrc: "https://img.b2bpic.net/free-photo/pizza-pepperoni_1203-2410.jpg", imageAlt: "Klassische Pizza Margherita"
},
{
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: "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 mit Schinken und Pilzen"
},
{
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: "3", name: "Spaghetti Carbonara", price: "€15.50", imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan_114579-1556.jpg", imageAlt: "Cremige 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: "4", name: "Lasagne al Forno", price: "€17.00", imageSrc: "https://img.b2bpic.net/free-photo/delicious-lasagna-table_23-2149386376.jpg", imageAlt: "Überbackene 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: "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: "Rucola- und Parmesansalat"
},
{
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: "6", name: "Insalata Mista", price: "€9.50", imageSrc: "https://img.b2bpic.net/free-photo/salad-greenery-wooden-board_23-2148700201.jpg", imageAlt: "Gemischter Blattsalat"
},
{
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: "7", name: "Limoncello", price: "€7.00", imageSrc: "https://img.b2bpic.net/premium-photo/refreshing-lemonade-with-fresh-citrus-slice_119101-443.jpg", imageAlt: "Italienischer Limoncello Likör"
},
{
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"
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 Mineralwasser"
}
]}
gridVariant="two-columns-alternating-heights"
@@ -108,14 +108,14 @@ export default function ItalianRestaurantPage() {
<div id="impact" data-section="impact">
<MetricCardFourteen
title="Celebrating Our Success"
tag="By The Numbers"
title="Wir feiern unseren Erfolg"
tag="In Zahlen"
metrics={[
{
id: "1", value: "25+", description: "Years of excellence in authentic Italian cuisine and hospitality"
id: "1", value: "25+", description: "Jahre Exzellenz in authentischer italienischer Küche und Gastfreundschaft"
},
{
id: "2", value: "50,000+", description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
id: "2", value: "50.000+", description: "Zufriedene Kunden, die unvergessliche kulinarische Erlebnisse im Bella Italia genossen haben"
}
]}
metricsAnimation="slide-up"
@@ -125,20 +125,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="Was unsere Gäste sagen"
description="Erleben Sie die Herzlichkeit und Authentizität, die unsere Besucher am Bella Italia schätzen."
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: "Ein unvergesslicher Abend", quote: "Die Pasta war absolut göttlich! Jeder Bissen entführte mich direkt nach Italien. Das Ambiente, der Service, alles war perfekt. Wir kommen auf jeden Fall wieder.", name: "Maria Rossi", role: "Food-Kritikerin", 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: "Authentische italienische Magie", quote: "Dies ist das authentischste italienische Restaurant, das ich in der Stadt gefunden habe. Der Koch versteht sein Handwerk, und das zeigt sich in jedem Gericht. Ein wahres Juwel!", name: "Giovanni Ferrari", role: "Restaurantliebhaber", 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: "Perfekt für besondere Anlässe", quote: "Wir haben hier unser Jubiläum gefeiert und es war spektakulär. Die Liebe zum Detail, die Weinbegleitung, die Herzlichkeit des Personals einfach außergewöhnlich.", name: "Elena Marchetti", role: "Paar", 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: "Jeden Besuch wert", quote: "Ich komme jetzt seit drei Jahren ins Bella Italia. Die Beständigkeit, Qualität und Leidenschaft lassen nie nach. Es ist mein zweites Zuhause geworden.", name: "Antonio Bianchi", role: "Stammgast", imageSrc: "https://img.b2bpic.net/free-photo/chef-workg-together-professional-kitchen_23-2149727992.jpg", imageAlt: "Antonio Bianchi"
}
]}
textboxLayout="default"
@@ -148,19 +148,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="Was uns auszeichnet"
description="Traditionelles italienisches Essen, verfeinert mit moderner Gastfreundschaft und außergewöhnlichem Service."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Frozen pre-made ingredients", "Inconsistent flavors", "Rushed service", "Limited wine selection"
"Gefrorene Fertigzutaten", "Inkonsistente Aromen", "Gehetzter Service", "Begrenzte Weinauswahl"
]
}}
positiveCard={{
items: [
"Fresh ingredients sourced daily from Italy", "Consistent excellence in every dish", "Attentive, unhurried service", "Curated selection of Italian wines"
"Täglich frische Zutaten direkt aus Italien", "Durchweg exzellent in jedem Gericht", "Aufmerksamer, unaufgeregter Service", "Kuratiertes Angebot an italienischen Weinen"
]
}}
/>
@@ -168,11 +168,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="Bereit für ein authentisches italienisches Geschmackserlebnis? Reservieren Sie Ihren Tisch im Bella Italia und verbringen Sie einen Abend voller kulinarischer Exzellenz mit uns."
background={{ variant: "plain" }}
buttons={[
{ text: "Make a Reservation", href: "https://example.com/reservations" },
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" }
{ text: "Jetzt reservieren", href: "https://example.com/reservations" },
{ text: "Kontaktieren Sie uns", href: "mailto:info@bellaitalia.com" }
]}
useInvertedBackground={false}
/>
@@ -181,8 +181,8 @@ 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" }}
leftLink={{ text: "Datenschutzerklärung", href: "#privacy" }}
rightLink={{ text: "Kontakt", href: "#contact" }}
/>
</div>
</ReactLenis>

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: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #106EFB;
--primary-cta-text: #ffffff;
--secondary-cta: #000000;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #106EFB;
--background: #FDF7EC;
--card: #F5EEDA;
--foreground: #4A3C32;
--primary-cta: #C23E2A;
--primary-cta-text: #f6f0e9;
--secondary-cta: #967C6F;
--secondary-cta-text: #2b180a;
--accent: #D8523D;
--background-accent: #FAEEDC;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);