Merge version_1 into main #2
199
src/app/page.tsx
199
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reservations", id: "contact" },
|
||||
]}
|
||||
brandName="Ciao Bella"
|
||||
/>
|
||||
@@ -52,100 +40,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
title="Authentic Italian Cuisine, Warmly Served"
|
||||
description="Experience time-honored recipes and seasonal ingredients in an intimate setting where every guest feels like family. Reserve your table today and discover why locals keep coming back."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marco Rossi",
|
||||
handle: "@marco_r",
|
||||
testimonial: "The best pasta I've had since my trip to Florence!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24365.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Weber",
|
||||
handle: "@elena_w",
|
||||
testimonial: "A true hidden gem in Cologne. Exceptional atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-preparing-food-drinking-wine-kitchen-focus-is-young-man-with-wineglass_637285-5842.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lukas Schmidt",
|
||||
handle: "@lukas_s",
|
||||
testimonial: "My family loves the seasonal menu rotations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia Conti",
|
||||
handle: "@sofia_c",
|
||||
testimonial: "The tiramisu is absolutely divine, a must-try!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-girl-posing_23-2150903461.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thomas Wagner",
|
||||
handle: "@thomas_w",
|
||||
testimonial: "Consistently great service and authentic flavors.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
|
||||
},
|
||||
{ name: "Marco Rossi", handle: "@marco_r", testimonial: "The best pasta I've had since my trip to Florence!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24365.jpg" },
|
||||
{ name: "Elena Weber", handle: "@elena_w", testimonial: "A true hidden gem in Cologne. Exceptional atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-preparing-food-drinking-wine-kitchen-focus-is-young-man-with-wineglass_637285-5842.jpg" },
|
||||
{ name: "Lukas Schmidt", handle: "@lukas_s", testimonial: "My family loves the seasonal menu rotations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg" },
|
||||
{ name: "Sofia Conti", handle: "@sofia_c", testimonial: "The tiramisu is absolutely divine, a must-try!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-girl-posing_23-2150903461.jpg" },
|
||||
{ name: "Thomas Wagner", handle: "@thomas_w", testimonial: "Consistently great service and authentic flavors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081481.jpg?_wi=1"
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081481.jpg"
|
||||
imageAlt="Italian restaurant ambiance"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24365.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-happy-friends-preparing-food-drinking-wine-kitchen-focus-is-young-man-with-wineglass_637285-5842.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-girl-posing_23-2150903461.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24365.jpg", alt: "Diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-happy-friends-preparing-food-drinking-wine-kitchen-focus-is-young-man-with-wineglass_637285-5842.jpg", alt: "Diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg", alt: "Diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-young-girl-posing_23-2150903461.jpg", alt: "Diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg", alt: "Diner" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Italian",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fine Dining",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handmade Pasta",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Italian Wines",
|
||||
},
|
||||
{ type: "text", text: "Authentic Italian" },
|
||||
{ type: "text", text: "Seasonal Ingredients" },
|
||||
{ type: "text", text: "Fine Dining" },
|
||||
{ type: "text", text: "Handmade Pasta" },
|
||||
{ type: "text", text: "Italian Wines" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Passion for Tradition"
|
||||
description={[
|
||||
"At Ciao Bella, we believe that authentic Italian cooking is a labor of love. Our journey begins with the selection of the finest local and imported seasonal ingredients.",
|
||||
"Our chefs meticulously recreate generational recipes, bringing the heart of Italy to your table. Every dish is crafted to provide a truly memorable and warm dining experience.",
|
||||
]}
|
||||
"At Ciao Bella, we believe that authentic Italian cooking is a labor of love. Our journey begins with the selection of the finest local and imported seasonal ingredients.", "Our chefs meticulously recreate generational recipes, bringing the heart of Italy to your table. Every dish is crafted to provide a truly memorable and warm dining experience."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,40 +87,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Handmade Pasta",
|
||||
description: "Freshly kneaded and cut daily in our kitchen for authentic texture.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-vegetables-cheese-wooden-board-with-olives_114579-31330.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-vegetables-cheese-wooden-board-with-olives_114579-31330.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081481.jpg?_wi=2",
|
||||
imageAlt: "authentic italian dining restaurant ambiance",
|
||||
title: "Handmade Pasta", description: "Freshly kneaded and cut daily in our kitchen for authentic texture.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-vegetables-cheese-wooden-board-with-olives_114579-31330.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-vegetables-cheese-wooden-board-with-olives_114579-31330.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Vintage Selections",
|
||||
description: "Carefully curated wine list sourced directly from Italy's renowned vineyards.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-frame-bottle-bowl-pickled-red-pepper-slices-pizza-blue-table_114579-14399.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-frame-bottle-bowl-pickled-red-pepper-slices-pizza-blue-table_114579-14399.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg",
|
||||
imageAlt: "professional italian chef cooking kitchen",
|
||||
title: "Vintage Selections", description: "Carefully curated wine list sourced directly from Italy's renowned vineyards.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/picture-frame-bottle-bowl-pickled-red-pepper-slices-pizza-blue-table_114579-14399.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/picture-frame-bottle-bowl-pickled-red-pepper-slices-pizza-blue-table_114579-14399.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Artisanal Desserts",
|
||||
description: "Indulge in our classic sweets, from rich tiramisu to refreshing panna cotta.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509077.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509077.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-vegetables-cheese-wooden-board-with-olives_114579-31330.jpg?_wi=3",
|
||||
imageAlt: "fresh italian handmade pasta noodles",
|
||||
title: "Artisanal Desserts", description: "Indulge in our classic sweets, from rich tiramisu to refreshing panna cotta.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509077.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509077.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -218,31 +113,11 @@ export default function LandingPage() {
|
||||
description="Get answers to common queries about our restaurant."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend booking in advance, especially on weekends.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your pasta house-made?",
|
||||
content: "Yes, our chefs prepare fresh pasta every morning following traditional methods.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "Absolutely, we have a selection of traditional vegetarian dishes.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are children welcome?",
|
||||
content: "Ciao Bella is a family-friendly establishment and we welcome guests of all ages.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Is there parking available?",
|
||||
content: "There is public parking located within a 5-minute walk of the restaurant.",
|
||||
},
|
||||
{ id: "q1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking in advance, especially on weekends." },
|
||||
{ id: "q2", title: "Is your pasta house-made?", content: "Yes, our chefs prepare fresh pasta every morning following traditional methods." },
|
||||
{ id: "q3", title: "Do you have vegetarian options?", content: "Absolutely, we have a selection of traditional vegetarian dishes." },
|
||||
{ id: "q4", title: "Are children welcome?", content: "Ciao Bella is a family-friendly establishment and we welcome guests of all ages." },
|
||||
{ id: "q5", title: "Is there parking available?", content: "There is public parking located within a 5-minute walk of the restaurant." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -250,9 +125,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Reservations"
|
||||
title="Reserve Your Table"
|
||||
description="Experience Ciao Bella. Fill in your details below to request a table and join us for an unforgettable Italian dinner."
|
||||
@@ -268,4 +141,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user