Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a15b29036a | |||
| 5b8748e9d3 | |||
| 1763c08d7f | |||
| de051ce944 | |||
| d91d6576bd | |||
| a062e88a5e | |||
| 33384e7fc7 | |||
| 26f3485784 | |||
| bb3bb31630 | |||
| fa002447a2 |
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
154
src/app/page.tsx
154
src/app/page.tsx
@@ -16,88 +16,90 @@ 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">
|
||||
<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 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="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="Featured Dishes"
|
||||
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
|
||||
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: "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: "Pizza Margherita", price: "€14.50", imageSrc: "https://img.b2bpic.net/free-photo/pizza-pepperoni_1203-2410.jpg", imageAlt: "Klassische Pizza Margherita"
|
||||
},
|
||||
{
|
||||
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 mit Schinken und Pilzen"
|
||||
},
|
||||
{
|
||||
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: "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: "Ü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: "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: "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: "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 Mineralwasser"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -106,18 +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"
|
||||
@@ -127,44 +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"
|
||||
@@ -174,25 +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"
|
||||
]
|
||||
}}
|
||||
/>
|
||||
@@ -200,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}
|
||||
/>
|
||||
@@ -213,11 +181,11 @@ 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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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: #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);
|
||||
|
||||
Reference in New Issue
Block a user