Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8c65db54a7 | |||
| 4509c97b61 | |||
| 1dad87aa0a | |||
| 1b7ec0a07f | |||
| e56e573af6 | |||
| 36d07747f2 | |||
| f19d073ecc | |||
| 963bdda8d5 | |||
| 905d325c5a | |||
| f423439b7b | |||
| 047dfe2a9e | |||
| 3fbcf3d5d2 | |||
| 51873886c7 | |||
| 8d4e150615 |
@@ -6,23 +6,22 @@ import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
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 = {
|
||||
title: 'Bella Italia Ristorante | Authentic Italian Flavors',
|
||||
description: 'Experience the true taste of Italy at Bella Italia Ristorante. Savor traditional pasta, pizza, and exquisite wines in a cozy, authentic atmosphere.',
|
||||
title: 'Restaurant Tramontana | Kroatisch-mediterrane Küche in Regensburg',
|
||||
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({
|
||||
children,
|
||||
}: Readonly<{
|
||||
@@ -31,9 +30,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
129
src/app/page.tsx
129
src/app/page.tsx
@@ -30,71 +30,58 @@ export default function ItalianRestaurantPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Bella Italia"
|
||||
brandName="Restaurant Tramontana"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reservations", id: "contact" },
|
||||
{ name: "Reviews", id: "testimonials" }
|
||||
{ name: "Menü", 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."
|
||||
title="Erleben Sie Restaurant Tramontana"
|
||||
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" }}
|
||||
tag="Fine Dining"
|
||||
tag="Kroatisch-mediterrane Köstlichkeiten"
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
|
||||
imageAlt="Elegant Italian restaurant dining room"
|
||||
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="Kroatisch-mediterranes Essen"
|
||||
buttons={[
|
||||
{ text: "Reserve Now", href: "contact" },
|
||||
{ text: "View Menu", href: "menu" }
|
||||
{ text: "Jetzt reservieren", href: "contact" },
|
||||
{ text: "Menü 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="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}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#" }
|
||||
{ text: "Mehr erfahren", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</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 Signature kroatisch-mediterranen Gerichte"
|
||||
description="Entdecken Sie eine kuratierte Auswahl an Gerichten, die die Essenz der Adriaküste und des mediterranen Sonnenscheins einfangen."
|
||||
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: "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"
|
||||
},
|
||||
{
|
||||
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: "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"
|
||||
},
|
||||
{
|
||||
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: "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"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -106,18 +93,14 @@ export default function ItalianRestaurantPage() {
|
||||
|
||||
<div id="impact" data-section="impact">
|
||||
<MetricCardFourteen
|
||||
title="Celebrating Our Success"
|
||||
tag="By The Numbers"
|
||||
title="Unser kulinarisches Erbe"
|
||||
tag="Restaurant-Meilensteine"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "25+",
|
||||
description: "Years of excellence in authentic Italian cuisine and hospitality"
|
||||
id: "1", value: "Jahrzehnte", description: "kulinarischer Exzellenz in der kroatisch-mediterranen Küche und Gastfreundschaft"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50,000+",
|
||||
description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
|
||||
id: "2", value: "Tausende", description: "geschätzter Gäste, die unvergessliche kulinarische Erlebnisse im Restaurant Tramontana genossen haben"
|
||||
}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -127,44 +110,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="Lobende Worte unserer geschätzten Gäste"
|
||||
description="Hören Sie, was unsere Gäste über ihre unvergesslichen kulinarischen Erlebnisse im Restaurant Tramontana zu sagen haben."
|
||||
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 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"
|
||||
},
|
||||
{
|
||||
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: "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"
|
||||
},
|
||||
{
|
||||
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: "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"
|
||||
},
|
||||
{
|
||||
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: "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"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -174,25 +133,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="Der Tramontana Unterschied"
|
||||
description="Erleben Sie die authentischen Aromen und die herzliche Gastfreundschaft, die unser kroatisch-mediterranes Restaurant auszeichnen."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Frozen pre-made ingredients",
|
||||
"Inconsistent flavors",
|
||||
"Rushed service",
|
||||
"Limited wine selection"
|
||||
"Generische Touristenkost", "Mangel an authentischen Gewürzen", "Unpersönlicher Service", "Begrenzte Auswahl an regionalen Weinen"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fresh ingredients sourced daily from Italy",
|
||||
"Consistent excellence in every dish",
|
||||
"Attentive, unhurried service",
|
||||
"Curated selection of Italian wines"
|
||||
"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"
|
||||
]
|
||||
}}
|
||||
/>
|
||||
@@ -200,11 +153,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 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" }}
|
||||
buttons={[
|
||||
{ text: "Make a Reservation", href: "https://example.com/reservations" },
|
||||
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" }
|
||||
{ text: "Eine Reservierung vornehmen", href: "https://example.com/reservations" },
|
||||
{ text: "Kontaktieren Sie uns", href: "mailto:info@restauranttramontana.com" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -212,12 +165,12 @@ 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" }}
|
||||
logoText="Restaurant Tramontana"
|
||||
leftLink={{ text: "Datenschutzbestimmungen", 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-montserrat), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--background: #f3e6d0;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #2e2521;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #e63946;
|
||||
--background-accent: #e8bea8;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user