Update src/app/page.tsx
This commit is contained in:
242
src/app/page.tsx
242
src/app/page.tsx
@@ -4,14 +4,15 @@ import ReactLenis from "lenis/react";
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||||
import TextAbout from "@/components/sections/about/TextAbout";
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
||||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||||
import ContactText from "@/components/sections/contact/ContactText";
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||||
import { Sparkles } from "lucide-react";
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||||
|
import { Sparkles, SquareSplit, CheckCircle, Trophy } from "lucide-react";
|
||||||
|
|
||||||
export default function ItalianRestaurantPage() {
|
export default function ItalianRestaurantPage() {
|
||||||
return (
|
return (
|
||||||
@@ -32,14 +33,12 @@ export default function ItalianRestaurantPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
brandName="Bella Italia"
|
brandName="Bella Italia"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Pricing", id: "pricing" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
{ name: "Reservations", id: "contact" },
|
{ name: "Reservations", id: "contact" }
|
||||||
{ name: "Reviews", id: "testimonials" }
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Book a Table",
|
text: "Book a Table", href: "contact"
|
||||||
href: "contact"
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -55,166 +54,125 @@ export default function ItalianRestaurantPage() {
|
|||||||
imageAlt="Elegant Italian restaurant dining room"
|
imageAlt="Elegant Italian restaurant dining room"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Reserve Now", href: "contact" },
|
{ text: "Reserve Now", href: "contact" },
|
||||||
{ text: "View Menu", href: "menu" }
|
{ text: "View Pricing", href: "pricing" }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="hero-carousel" data-section="hero-carousel">
|
||||||
|
<HeroBillboardCarousel
|
||||||
|
title="A Culinary Journey Through Italy"
|
||||||
|
description="Savor the essence of tradition with our exquisite selection of Italian delicacies."
|
||||||
|
mediaItems={[
|
||||||
|
{ 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" },
|
||||||
|
{ imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg", imageAlt: "Creamy mushroom risotto" },
|
||||||
|
{ imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg", imageAlt: "Classic tiramisu dessert" },
|
||||||
|
{ imageSrc: "https://img.b2bpic.net/free-photo/gourmet-pasta-dish-with-seafood_1232-157.jpg", imageAlt: "Seafood pasta" }
|
||||||
|
]}
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
buttons={[
|
||||||
|
{ text: "Explore Menu", href: "pricing" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<SplitAbout
|
||||||
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="Our Heritage, Your Table"
|
||||||
useInvertedBackground={false}
|
description="At Bella Italia, every dish is a celebration of our rich culinary heritage. We combine timeless recipes with the freshest ingredients to bring you an authentic taste of Italy."
|
||||||
buttons={[
|
imageSrc="https://img.b2bpic.net/free-photo/restaurant-chef-cooking_140725-16.jpg"
|
||||||
{ text: "Learn More", href: "#" }
|
imageAlt="Chef preparing food in a restaurant kitchen"
|
||||||
|
bulletPoints={[
|
||||||
|
{ title: "Authentic Recipes", description: "Passed down through generations.", icon: SquareSplit },
|
||||||
|
{ title: "Fresh Ingredients", description: "Sourced daily for unparalleled flavor.", icon: CheckCircle },
|
||||||
|
{ title: "Warm Hospitality", description: "Experience true Italian welcome.", icon: Sparkles }
|
||||||
]}
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="features" data-section="features">
|
||||||
<ProductCardOne
|
<FeatureCardThree
|
||||||
title="Featured Dishes"
|
title="Experience the Bella Italia Difference"
|
||||||
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
|
description="We're committed to delivering an exceptional dining experience, from our kitchen to your table."
|
||||||
products={[
|
features={[
|
||||||
{
|
{ id: "1", title: "Handmade Pasta", description: "Every pasta dish is crafted fresh daily, ensuring authentic taste.", imageSrc: "https://img.b2bpic.net/free-photo/woman-making-fresh-pasta-kitchen_23-2148767749.jpg" },
|
||||||
id: "1",
|
{ id: "2", title: "Premium Wine Selection", description: "A curated list of fine Italian wines to perfectly complement your meal.", imageSrc: "https://img.b2bpic.net/free-photo/wine-glasses-bottle_23-2147775535.jpg" },
|
||||||
name: "Tagliatelle al Ragù",
|
{ id: "3", title: "Desserts & Coffee", description: "Indulge in our classic Italian sweets and rich, aromatic espresso.", imageSrc: "https://img.b2bpic.net/premium-photo/top-view-delicios-tiramisu_1203-1249.jpg" }
|
||||||
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",
|
|
||||||
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",
|
|
||||||
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"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="impact" data-section="impact">
|
|
||||||
<MetricCardFourteen
|
|
||||||
title="Celebrating Our Success"
|
|
||||||
tag="By The Numbers"
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
value: "25+",
|
|
||||||
description: "Years of excellence in authentic Italian cuisine and hospitality"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
value: "50,000+",
|
|
||||||
description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
metricsAnimation="slide-up"
|
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="pricing" data-section="pricing">
|
||||||
<TestimonialCardTen
|
<PricingCardOne
|
||||||
title="What Our Guests Say"
|
title="Our Menu Highlights"
|
||||||
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
|
description="Explore a selection of our popular dishes and their prices, featuring the finest ingredients."
|
||||||
testimonials={[
|
plans={[
|
||||||
{
|
{ id: "starter", badge: "Appetizer", badgeIcon: Sparkles, price: "$15", subtitle: "Classic Bruschetta", features: ["Fresh Tomatoes", "Basil", "Garlic", "Olive Oil"] },
|
||||||
id: "1",
|
{ id: "main", badge: "Main Course", badgeIcon: CheckCircle, price: "$30", subtitle: "Osso Buco alla Milanese", features: ["Slow-braised Veal", "Saffron Risotto", "Gremolata"] },
|
||||||
title: "An Unforgettable Evening",
|
{ id: "dessert", badge: "Dessert", badgeIcon: Trophy, price: "$10", subtitle: "Panna Cotta", features: ["Vanilla Bean", "Berry Coulis", "Fresh Mint"] }
|
||||||
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",
|
|
||||||
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",
|
|
||||||
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",
|
|
||||||
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"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="comparison" data-section="comparison">
|
|
||||||
<FeatureCardSixteen
|
|
||||||
title="What Sets Us Apart"
|
|
||||||
description="Traditional Italian dining elevated with modern hospitality and exceptional service."
|
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
negativeCard={{
|
/>
|
||||||
items: [
|
</div>
|
||||||
"Frozen pre-made ingredients",
|
|
||||||
"Inconsistent flavors",
|
<div id="metrics" data-section="metrics">
|
||||||
"Rushed service",
|
<MetricCardOne
|
||||||
"Limited wine selection"
|
title="Our Milestones"
|
||||||
]
|
description="Proudly serving authentic Italian flavors for over two decades."
|
||||||
}}
|
metrics={[
|
||||||
positiveCard={{
|
{ id: "1", value: "25+", title: "Years Serving", description: "Of authentic Italian cuisine", icon: Trophy },
|
||||||
items: [
|
{ id: "2", value: "50K+", title: "Happy Customers", description: "Who experienced true Italian taste", icon: Sparkles },
|
||||||
"Fresh ingredients sourced daily from Italy",
|
{ id: "3", value: "100+", title: "Recipes", description: "From different regions of Italy", icon: CheckCircle }
|
||||||
"Consistent excellence in every dish",
|
]}
|
||||||
"Attentive, unhurried service",
|
gridVariant="uniform-all-items-equal"
|
||||||
"Curated selection of Italian wines"
|
animationType="slide-up"
|
||||||
]
|
textboxLayout="default"
|
||||||
}}
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactCenter
|
||||||
text="Ready to experience authentic Italian cuisine? Reserve your table at Bella Italia and join us for an evening of culinary excellence."
|
tag="Reservations"
|
||||||
|
title="Book Your Table"
|
||||||
|
description="Experience an unforgettable Italian dining experience. Make your reservation today."
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
buttonText="Reserve Now"
|
||||||
{ text: "Make a Reservation", href: "https://example.com/reservations" },
|
inputPlaceholder="Enter your email to receive confirmation"
|
||||||
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" }
|
termsText="By clicking Reserve Now you're confirming that you agree with our Reservation Policy."
|
||||||
]}
|
onSubmit={(email) => alert(`Reservation request for ${email} received!`)}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer-base" data-section="footer-base">
|
||||||
<FooterLogoReveal
|
<FooterBase
|
||||||
logoText="Bella Italia"
|
logoText="Bella Italia"
|
||||||
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
|
columns={[
|
||||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||||
|
{ title: "Menu", items: [{ label: "Appetizers", href: "#pricing" }, { label: "Main Courses", href: "#pricing" }, { label: "Desserts", href: "#pricing" }] },
|
||||||
|
{ title: "Contact", items: [{ label: "Reservations", href: "#contact" }, { label: "Email Us", href: "mailto:info@bellaitalia.com" }] }
|
||||||
|
]}
|
||||||
|
copyrightText="© 2024 Bella Italia. All rights reserved."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer-simple" data-section="footer-simple">
|
||||||
|
<FooterSimple
|
||||||
|
columns={[
|
||||||
|
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }] },
|
||||||
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||||
|
]}
|
||||||
|
bottomLeftText="Crafted with passion in Italy."
|
||||||
|
bottomRightText="© 2024 Bella Italia."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user