Update src/app/page.tsx
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ristorante Martini"
|
||||
/>
|
||||
@@ -55,79 +43,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Authentic Italian Flavors"
|
||||
description="Experience the tradition of Ristorante Martini, where every dish is a tribute to Italy."
|
||||
kpis={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Tradition",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Classic Recipes",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fresh Ingredients",
|
||||
},
|
||||
{ value: "20+", label: "Years Tradition" },
|
||||
{ value: "50+", label: "Classic Recipes" },
|
||||
{ value: "100%", label: "Fresh Ingredients" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg",
|
||||
alt: "Dining friend",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10578.jpg",
|
||||
alt: "Couple dining",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
alt: "Group of friends",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Happy guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg", alt: "Satisfied customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg", alt: "Dining friend" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10578.jpg", alt: "Couple dining" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg", alt: "Group of friends" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Handmade Daily",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Recipes",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Wine",
|
||||
icon: Wine,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Italian Heritage",
|
||||
},
|
||||
{ type: "text", text: "Handmade Daily" },
|
||||
{ type: "text-icon", text: "Locally Sourced", icon: Leaf },
|
||||
{ type: "text", text: "Authentic Recipes" },
|
||||
{ type: "text-icon", text: "Premium Wine", icon: Wine },
|
||||
{ type: "text", text: "Italian Heritage" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,21 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Farm to Table",
|
||||
description: "Fresh, seasonal ingredients sourced from local farms.",
|
||||
},
|
||||
{
|
||||
icon: Wine,
|
||||
title: "Italian Wine Cellar",
|
||||
description: "Curated selection of fine wines from Italy.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Traditional Recipes",
|
||||
description: "Generations of culinary secrets refined.",
|
||||
},
|
||||
{ icon: Leaf, title: "Farm to Table", description: "Fresh, seasonal ingredients sourced from local farms." },
|
||||
{ icon: Wine, title: "Italian Wine Cellar", description: "Curated selection of fine wines from Italy." },
|
||||
{ icon: Award, title: "Traditional Recipes", description: "Generations of culinary secrets refined." },
|
||||
]}
|
||||
title="Why Dine With Us"
|
||||
description="Exceptional service and authentic recipes for a perfect evening."
|
||||
@@ -179,42 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carbonara",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pasta-cooked-along-with-green-leafs-inside-white-plate-grey-surface_140725-14462.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Margherita",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-homemade-traditional-pizzas-with-different-toppings-wooden-table_181624-55989.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tiramisu",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-cheese-cake-with-cream-served-with-tea_141793-327.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Risotto",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dish-with-grated-cheese-greens_141793-592.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Caprese",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-cheese-tomatoes-basil-herb-leaves-plate-white-wooden-table-caprese-salad-italian-food_2829-5994.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lasagna",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheesy-baked-pasta-dish-white-plate-with-fork-top-view_123827-36242.jpg",
|
||||
},
|
||||
{ id: "1", name: "Carbonara", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pasta-cooked-along-with-green-leafs-inside-white-plate-grey-surface_140725-14462.jpg" },
|
||||
{ id: "2", name: "Margherita", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-homemade-traditional-pizzas-with-different-toppings-wooden-table_181624-55989.jpg" },
|
||||
{ id: "3", name: "Tiramisu", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/orange-cheese-cake-with-cream-served-with-tea_141793-327.jpg" },
|
||||
{ id: "4", name: "Risotto", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/dish-with-grated-cheese-greens_141793-592.jpg" },
|
||||
{ id: "5", name: "Caprese", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-cheese-tomatoes-basil-herb-leaves-plate-white-wooden-table-caprese-salad-italian-food_2829-5994.jpg" },
|
||||
{ id: "6", name: "Lasagna", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/cheesy-baked-pasta-dish-white-plate-with-fork-top-view_123827-36242.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Indulge in our carefully curated selection of Italian classics."
|
||||
@@ -224,26 +122,12 @@ export default function LandingPage() {
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Giovanni Martini",
|
||||
role: "Head Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-indoors_23-2151038683.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Rossi",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-people-walking_23-2147702070.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Luca Bianchi",
|
||||
role: "Head Sommelier",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businessmen-businesswoman-with-their-arms-crossed-looking-camera_23-2148087410.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Giovanni Martini", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-indoors_23-2151038683.jpg" },
|
||||
{ id: "t2", name: "Maria Rossi", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-people-walking_23-2147702070.jpg" },
|
||||
{ id: "t3", name: "Luca Bianchi", role: "Head Sommelier", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businessmen-businesswoman-with-their-arms-crossed-looking-camera_23-2148087410.jpg" },
|
||||
]}
|
||||
title="Meet The Crew"
|
||||
description="The dedicated people bringing Italian tradition to life."
|
||||
@@ -257,26 +141,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marco S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg",
|
||||
alt: "Marco S.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-restaurant-drinking-coffee_23-2148395383.jpg",
|
||||
alt: "Happy Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-720.jpg",
|
||||
alt: "Happy Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-eating-lemon-tart-with-raspberry-sorbet-dessert-cafe_637285-8905.jpg",
|
||||
alt: "Happy Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg",
|
||||
alt: "Happy Guest 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg", alt: "Marco S." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-restaurant-drinking-coffee_23-2148395383.jpg", alt: "Happy Guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-720.jpg", alt: "Happy Guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-eating-lemon-tart-with-raspberry-sorbet-dessert-cafe_637285-8905.jpg", alt: "Happy Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg", alt: "Happy Guest 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -287,21 +156,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Yes, we highly recommend booking in advance.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we have a selection of plant-based dishes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you pet friendly?",
|
||||
content: "We welcome well-behaved pets in our patio area.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance." },
|
||||
{ id: "f2", title: "Do you offer vegan options?", content: "Yes, we have a selection of plant-based dishes." },
|
||||
{ id: "f3", title: "Are you pet friendly?", content: "We welcome well-behaved pets in our patio area." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about dining at Martini."
|
||||
@@ -312,9 +169,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reserve Now"
|
||||
title="Book Your Experience"
|
||||
description="Secure your table for an evening of authentic Italian dining."
|
||||
@@ -327,29 +182,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@martini.com",
|
||||
},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:+123456789",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Email", href: "mailto:info@martini.com" },
|
||||
{ label: "Phone", href: "tel:+123456789" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user