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"; import { getVisualEditScript } from "@/utils/visual-edit-script";
const halant = Halant({ const halant = Halant({
variable: "--font-halant", variable: "--font-halant", subsets: ["latin"],
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"], weight: ["300", "400", "500", "600", "700"],
}); });
const inter = Inter({ const inter = Inter({
variable: "--font-inter", variable: "--font-inter", subsets: ["latin"],
subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Bella Italia Ristorante - Authentic Italian Cuisine', title: 'Bella Italia Ristorante - Authentische italienische Küche',
description: 'Experience the true taste of Italy at Bella Italia Ristorante. Savor traditional pasta, pizza, and exquisite wines in a cozy, authentic atmosphere.', 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({ export default function RootLayout({
@@ -29,10 +27,10 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="de" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${halant.variable} ${inter.variable} antialiased`} className={`${halant.variable} ${inter.variable} antialiased}`}
> >
<Tag /> <Tag />
{children} {children}
@@ -45,4 +43,4 @@ export default function RootLayout({
</ServiceWrapper> </ServiceWrapper>
</html> </html>
); );
} }

View File

@@ -16,87 +16,87 @@ import { Sparkles } from "lucide-react";
export default function ItalianRestaurantPage() { export default function ItalianRestaurantPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight" defaultTextAnimation="background-highlight"
borderRadius="soft" borderRadius="soft"
contentWidth="medium" contentWidth="medium"
sizing="mediumLarge" sizing="mediumLarge"
background="none" background="none"
cardStyle="glass-elevated" cardStyle="soft-shadow"
primaryButtonStyle="shadow" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered" secondaryButtonStyle="solid"
headingFontWeight="semibold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Bella Italia" brandName="Bella Italia"
navItems={[ navItems={[
{ name: "Menu", id: "menu" }, { name: "Speisekarte", id: "menu" },
{ name: "About", id: "about" }, { name: "Über Uns", id: "about" },
{ name: "Reservations", id: "contact" }, { name: "Reservierungen", id: "contact" },
{ name: "Reviews", id: "testimonials" } { name: "Bewertungen", id: "testimonials" }
]} ]}
button={{ button={{
text: "Book a Table", href: "contact" text: "Tisch reservieren", href: "contact"
}} }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
title="Welcome to Bella Italia" title="Willkommen im Bella Italia"
description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish." description="Authentische italienische Küche, zubereitet mit Leidenschaft und Tradition. Erleben Sie die Aromen Italiens in jedem Gericht."
background={{ variant: "sparkles-gradient" }} background={{ variant: "plain" }}
tag="Fine Dining" tag="Feine Küche"
tagIcon={Sparkles} tagIcon={Sparkles}
imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694" 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={[ buttons={[
{ text: "Reserve Now", href: "contact" }, { text: "Jetzt reservieren", href: "contact" },
{ text: "View Menu", href: "menu" } { text: "Speisekarte ansehen", href: "menu" }
]} ]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <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} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Learn More", href: "#" } { text: "Mehr erfahren", href: "contact" }
]} ]}
/> />
</div> </div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardOne <ProductCardOne
title="Our Exquisite Menu" title="Unsere exquisite Speisekarte"
description="Explore our diverse menu featuring classic Italian categories: Pizza, Pasta, Salate, and refreshing Getränke." description="Entdecken Sie unsere vielfältige Speisekarte mit klassischen italienischen Kategorien: Pizza, Pasta, Salate und erfrischende Getränke."
products={[ 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" gridVariant="two-columns-alternating-heights"
@@ -108,14 +108,14 @@ export default function ItalianRestaurantPage() {
<div id="impact" data-section="impact"> <div id="impact" data-section="impact">
<MetricCardFourteen <MetricCardFourteen
title="Celebrating Our Success" title="Wir feiern unseren Erfolg"
tag="By The Numbers" tag="In Zahlen"
metrics={[ 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" metricsAnimation="slide-up"
@@ -125,20 +125,20 @@ export default function ItalianRestaurantPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTen <TestimonialCardTen
title="What Our Guests Say" title="Was unsere Gäste sagen"
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia." description="Erleben Sie die Herzlichkeit und Authentizität, die unsere Besucher am Bella Italia schätzen."
testimonials={[ 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" textboxLayout="default"
@@ -148,19 +148,19 @@ export default function ItalianRestaurantPage() {
<div id="comparison" data-section="comparison"> <div id="comparison" data-section="comparison">
<FeatureCardSixteen <FeatureCardSixteen
title="What Sets Us Apart" title="Was uns auszeichnet"
description="Traditional Italian dining elevated with modern hospitality and exceptional service." description="Traditionelles italienisches Essen, verfeinert mit moderner Gastfreundschaft und außergewöhnlichem Service."
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
negativeCard={{ negativeCard={{
items: [ items: [
"Frozen pre-made ingredients", "Inconsistent flavors", "Rushed service", "Limited wine selection" "Gefrorene Fertigzutaten", "Inkonsistente Aromen", "Gehetzter Service", "Begrenzte Weinauswahl"
] ]
}} }}
positiveCard={{ positiveCard={{
items: [ 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"> <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="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" }} background={{ variant: "plain" }}
buttons={[ buttons={[
{ text: "Make a Reservation", href: "https://example.com/reservations" }, { text: "Jetzt reservieren", href: "https://example.com/reservations" },
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" } { text: "Kontaktieren Sie uns", href: "mailto:info@bellaitalia.com" }
]} ]}
useInvertedBackground={false} useInvertedBackground={false}
/> />
@@ -181,8 +181,8 @@ export default function ItalianRestaurantPage() {
<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: "Datenschutzerklärung", href: "#privacy" }}
rightLink={{ text: "Contact Us", href: "#contact" }} rightLink={{ text: "Kontakt", href: "#contact" }}
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter-tight), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { 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; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #000000; --background: #FDF7EC;
--card: #0c0c0c; --card: #F5EEDA;
--foreground: #ffffff; --foreground: #4A3C32;
--primary-cta: #106EFB; --primary-cta: #C23E2A;
--primary-cta-text: #ffffff; --primary-cta-text: #f6f0e9;
--secondary-cta: #000000; --secondary-cta: #967C6F;
--secondary-cta-text: #ffffff; --secondary-cta-text: #2b180a;
--accent: #535353; --accent: #D8523D;
--background-accent: #106EFB; --background-accent: #FAEEDC;
/* 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);