Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4509c97b61 | |||
| 1b7ec0a07f | |||
| 36d07747f2 | |||
| f19d073ecc | |||
| 963bdda8d5 | |||
| 905d325c5a | |||
| f423439b7b | |||
| 047dfe2a9e | |||
| 3fbcf3d5d2 | |||
| 51873886c7 | |||
| 8d4e150615 |
@@ -6,23 +6,22 @@ import "@/lib/gsap-setup";
|
|||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
|
import { Montserrat } 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 = {
|
export const metadata: Metadata = {
|
||||||
title: 'Bella Italia Ristorante | Authentic Italian Flavors',
|
title: 'Restaurant Tramontana | Kroatisch-mediterrane Küche in Regensburg',
|
||||||
description: 'Experience the true taste of Italy at Bella Italia Ristorante. Savor traditional pasta, pizza, and exquisite wines in a cozy, authentic atmosphere.',
|
description: 'Genießen Sie authentische kroatisch-mediterrane Gerichte in der charmanten Regensburger Altstadt. Das Restaurant Tramontana bietet ein unvergessliches kulinarisches Erlebnis.',
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const montserrat = Montserrat({
|
||||||
|
variable: "--font-montserrat", subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter", subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: Readonly<{
|
||||||
@@ -31,9 +30,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
||||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
129
src/app/page.tsx
129
src/app/page.tsx
@@ -30,71 +30,58 @@ export default function ItalianRestaurantPage() {
|
|||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
brandName="Bella Italia"
|
brandName="Restaurant Tramontana"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menü", 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",
|
text: "Tisch reservieren", href: "contact"
|
||||||
href: "contact"
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
title="Welcome to Bella Italia"
|
title="Erleben Sie Restaurant Tramontana"
|
||||||
description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
|
description="Authentische kroatisch-mediterrane Küche im Herzen der Regensburger Altstadt. Genießen Sie die Aromen der Adria und des Mittelmeers."
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
tag="Fine Dining"
|
tag="Kroatisch-mediterrane Köstlichkeiten"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
|
imageSrc="https://images.unsplash.com/photo-1629813134379-3c3e8a4a5b6c?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||||||
imageAlt="Elegant Italian restaurant dining room"
|
imageAlt="Kroatisch-mediterranes Essen"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Reserve Now", href: "contact" },
|
{ text: "Jetzt reservieren", href: "contact" },
|
||||||
{ text: "View Menu", href: "menu" }
|
{ text: "Menü ansehen", href: "menu" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<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="Das Restaurant Tramontana zelebriert das reiche kulinarische Erbe Kroatiens und des Mittelmeers, indem es traditionelle Rezepte mit frischen, lokalen Zutaten verbindet. Eingebettet in die historische Regensburger Altstadt laden wir Sie zu einer Reise exquisiter Geschmäcker ein."
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Learn More", href: "#" }
|
{ text: "Mehr erfahren", href: "#" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
title="Featured Dishes"
|
title="Unsere Signature kroatisch-mediterranen Gerichte"
|
||||||
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
|
description="Entdecken Sie eine kuratierte Auswahl an Gerichten, die die Essenz der Adriaküste und des mediterranen Sonnenscheins einfangen."
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Lamm Peka", price: "€32", imageSrc: "https://images.unsplash.com/photo-1628166649830-22c6e61f1c7d?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Traditionelles kroatisches Lamm Peka"
|
||||||
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: "2",
|
id: "2", name: "Schwarzes Risotto (Crni Rižot)", price: "€28", imageSrc: "https://images.unsplash.com/photo-1512424075514-419b48b77a06?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Schwarzes Meeresfrüchte-Risotto"
|
||||||
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: "3",
|
id: "3", name: "Rožata (Dubrovnik Karamellpudding)", price: "€10", imageSrc: "https://images.unsplash.com/photo-1628863351659-c297746e5b22?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Traditioneller Dubrovnik Karamellpudding"
|
||||||
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"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
@@ -106,18 +93,14 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<div id="impact" data-section="impact">
|
<div id="impact" data-section="impact">
|
||||||
<MetricCardFourteen
|
<MetricCardFourteen
|
||||||
title="Celebrating Our Success"
|
title="Unser kulinarisches Erbe"
|
||||||
tag="By The Numbers"
|
tag="Restaurant-Meilensteine"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "Jahrzehnte", description: "kulinarischer Exzellenz in der kroatisch-mediterranen Küche und Gastfreundschaft"
|
||||||
value: "25+",
|
|
||||||
description: "Years of excellence in authentic Italian cuisine and hospitality"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", value: "Tausende", description: "geschätzter Gäste, die unvergessliche kulinarische Erlebnisse im Restaurant Tramontana genossen haben"
|
||||||
value: "50,000+",
|
|
||||||
description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
@@ -127,44 +110,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="Lobende Worte unserer geschätzten Gäste"
|
||||||
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
|
description="Hören Sie, was unsere Gäste über ihre unvergesslichen kulinarischen Erlebnisse im Restaurant Tramontana zu sagen haben."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Ein authentischer Geschmack der Adria", quote: "Die Aromen versetzten mich direkt an die kroatische Küste. Jedes Gericht war ein Meisterwerk, und die Atmosphäre in der Regensburger Altstadt war bezaubernd.", name: "Lena Schmidt", role: "Food-Bloggerin", imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Lena Schmidt"
|
||||||
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",
|
id: "2", title: "Exzellenter Service und Ambiente", quote: "Vom herzlichen Empfang bis zum letzten Bissen war der Service tadellos. Der Charme des Restaurants ergänzt perfekt die köstliche mediterrane Küche.", name: "Maximilian Weber", role: "Ortsansässiger", imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Maximilian Weber"
|
||||||
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",
|
id: "3", title: "Ein kulinarisches Juwel in Regensburg", quote: "Wir haben hier unser Jubiläum gefeiert, und es war wirklich besonders. Die innovative Interpretation traditioneller Gerichte durch den Koch ist wirklich bemerkenswert. Sehr empfehlenswert für jeden Anlass.", name: "Hannah Becker", role: "Festgast", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29329?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Hannah Becker"
|
||||||
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",
|
id: "4", title: "Unvergessliche Aromen", quote: "Jeder Besuch im Restaurant Tramontana ist ein Genuss. Die frischen Zutaten und die geschickte Zubereitung machen jede Mahlzeit zu einem unvergesslichen Erlebnis. Mein Lieblingsort in der Stadt!", name: "David Müller", role: "Stammgast", imageSrc: "https://images.unsplash.com/photo-1600861194943-eb6cd5637207?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "David Müller"
|
||||||
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"
|
textboxLayout="default"
|
||||||
@@ -174,25 +133,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="Der Tramontana Unterschied"
|
||||||
description="Traditional Italian dining elevated with modern hospitality and exceptional service."
|
description="Erleben Sie die authentischen Aromen und die herzliche Gastfreundschaft, die unser kroatisch-mediterranes Restaurant auszeichnen."
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Frozen pre-made ingredients",
|
"Generische Touristenkost", "Mangel an authentischen Gewürzen", "Unpersönlicher Service", "Begrenzte Auswahl an regionalen Weinen"
|
||||||
"Inconsistent flavors",
|
|
||||||
"Rushed service",
|
|
||||||
"Limited wine selection"
|
|
||||||
]
|
]
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Fresh ingredients sourced daily from Italy",
|
"Frische, lokal bezogene und importierte kroatische Zutaten", "Reiche, traditionelle mediterrane Aromen", "Warme, aufmerksame Gastfreundschaft im familiären Stil", "Sorgfältig ausgewählte kroatische und regionale Weine"
|
||||||
"Consistent excellence in every dish",
|
|
||||||
"Attentive, unhurried service",
|
|
||||||
"Curated selection of Italian wines"
|
|
||||||
]
|
]
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
@@ -200,11 +153,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 einen Vorgeschmack auf die Adria? Reservieren Sie Ihren Tisch im Restaurant Tramontana und begeben Sie sich auf eine kulinarische Reise in Regensburgs Altstadt."
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Make a Reservation", href: "https://example.com/reservations" },
|
{ text: "Eine Reservierung vornehmen", href: "https://example.com/reservations" },
|
||||||
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" }
|
{ text: "Kontaktieren Sie uns", href: "mailto:info@restauranttramontana.com" }
|
||||||
]}
|
]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
@@ -212,12 +165,12 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Bella Italia"
|
logoText="Restaurant Tramontana"
|
||||||
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
|
leftLink={{ text: "Datenschutzbestimmungen", href: "#privacy" }}
|
||||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
rightLink={{ text: "Kontakt", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -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-montserrat), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f5f5f5;
|
--background: #f3e6d0;
|
||||||
--card: #ffffff;
|
--card: #f3ede2;
|
||||||
--foreground: #1c1c1c;
|
--foreground: #2e2521;
|
||||||
--primary-cta: #1c1c1c;
|
--primary-cta: #2e2521;
|
||||||
--primary-cta-text: #f5f5f5;
|
--primary-cta-text: #fcf6ec;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #1c1c1c;
|
--secondary-cta-text: #2e2521;
|
||||||
--accent: #e63946;
|
--accent: #b2a28b;
|
||||||
--background-accent: #e8bea8;
|
--background-accent: #b2a28b;
|
||||||
|
|
||||||
/* 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);
|
||||||
|
|||||||
Reference in New Issue
Block a user