Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 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 | Croatian-Mediterranean Cuisine 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: 'Savor authentic Croatian-Mediterranean dishes in the charming old town of Regensburg. Restaurant Tramontana offers an unforgettable culinary experience.',
|
||||||
};
|
};
|
||||||
|
|
||||||
|
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
|
||||||
|
|||||||
107
src/app/page.tsx
107
src/app/page.tsx
@@ -30,7 +30,7 @@ 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: "Menu", id: "menu" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
@@ -38,21 +38,20 @@ export default function ItalianRestaurantPage() {
|
|||||||
{ name: "Reviews", id: "testimonials" }
|
{ name: "Reviews", id: "testimonials" }
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Book a Table",
|
text: "Book a Table", 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="Experience Restaurant Tramontana"
|
||||||
description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
|
description="Authentic Croatian-Mediterranean cuisine in the heart of Regensburg's old town. Savor the flavors of the Adriatic and Mediterranean."
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
tag="Fine Dining"
|
tag="Croatian-Mediterranean Delights"
|
||||||
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="Croatian-Mediterranean food spread"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Reserve Now", href: "contact" },
|
{ text: "Reserve Now", href: "contact" },
|
||||||
{ text: "View Menu", href: "menu" }
|
{ text: "View Menu", href: "menu" }
|
||||||
@@ -62,7 +61,7 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<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="Restaurant Tramontana celebrates the rich culinary heritage of Croatia and the Mediterranean, blending traditional recipes with fresh, local ingredients. Nestled in Regensburg's historic old town, we invite you to a journey of exquisite tastes."
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Learn More", href: "#" }
|
{ text: "Learn More", href: "#" }
|
||||||
@@ -72,29 +71,17 @@ export default function ItalianRestaurantPage() {
|
|||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
title="Featured Dishes"
|
title="Our Signature Croatian-Mediterranean Dishes"
|
||||||
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
|
description="Explore a curated selection of dishes that capture the essence of the Adriatic coast and the Mediterranean sunshine."
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Peka Lamb", 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: "Traditional Croatian Peka Lamb"
|
||||||
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: "Black 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: "Black seafood 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 Caramel Custard)", 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: "Traditional Dubrovnik caramel custard"
|
||||||
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="Our Legacy in Gastronomy"
|
||||||
tag="By The Numbers"
|
tag="Restaurant Milestones"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "Decades", description: "of culinary excellence in Croatian-Mediterranean cuisine and hospitality"
|
||||||
value: "25+",
|
|
||||||
description: "Years of excellence in authentic Italian cuisine and hospitality"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", value: "Thousands", description: "of cherished guests who have enjoyed memorable dining experiences at Restaurant Tramontana"
|
||||||
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="Kind Words from Our Esteemed Guests"
|
||||||
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
|
description="Hear what our patrons have to say about their unforgettable dining experiences at Restaurant Tramontana."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "An Authentic Taste of the Adriatic", quote: "The flavors transported me straight to the Croatian coast. Every dish was a masterpiece, and the atmosphere in Regensburg's old town was enchanting.", name: "Lena Schmidt", role: "Food Blogger", 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: "Exceptional Service and Ambiance", quote: "From the warm welcome to the last bite, the service was impeccable. The restaurant's charm perfectly complements the delicious Mediterranean fare.", name: "Maximilian Weber", role: "Local Resident", 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: "A Culinary Gem in Regensburg", quote: "We celebrated our anniversary here, and it was truly special. The chef's innovative take on traditional dishes is truly remarkable. Highly recommend for any occasion.", name: "Hannah Becker", role: "Celebration Guest", 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: "Unforgettable Flavors", quote: "Every visit to Restaurant Tramontana is a delight. The fresh ingredients and skilled preparation make every meal a memorable experience. My favorite spot in town!", name: "David Müller", role: "Frequent Diner", 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="The Tramontana Difference"
|
||||||
description="Traditional Italian dining elevated with modern hospitality and exceptional service."
|
description="Experience the authentic flavors and warm hospitality that set our Croatian-Mediterranean restaurant apart."
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Frozen pre-made ingredients",
|
"Generic tourist fare", "Lack of authentic spices", "Impersonal service", "Limited regional wine choices"
|
||||||
"Inconsistent flavors",
|
|
||||||
"Rushed service",
|
|
||||||
"Limited wine selection"
|
|
||||||
]
|
]
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Fresh ingredients sourced daily from Italy",
|
"Fresh, locally-sourced and imported Croatian ingredients", "Rich, traditional Mediterranean flavors", "Warm, attentive, family-style hospitality", "Carefully selected Croatian and regional wines"
|
||||||
"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="Ready for a taste of the Adriatic? Reserve your table at Restaurant Tramontana and embark on a culinary journey in Regensburg's old town."
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Make a Reservation", href: "https://example.com/reservations" },
|
{ text: "Make a Reservation", href: "https://example.com/reservations" },
|
||||||
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" }
|
{ text: "Contact Us", href: "mailto:info@restauranttramontana.com" }
|
||||||
]}
|
]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
@@ -212,7 +165,7 @@ 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: "Privacy Policy", href: "#privacy" }}
|
||||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -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: #fcf6ec;
|
||||||
--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