Update src/app/page.tsx

This commit is contained in:
2026-06-11 13:16:50 +00:00
parent ca43d681c4
commit e317a6bd5b

View File

@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Facebook, Fish, Flame, IceCream, Instagram, Leaf, Sparkles, Twitter, Utensils } from "lucide-react"; import { Facebook, Fish, Flame, IceCream, Instagram, Leaf, Lemon, Mushroom, Cheese, Chocolate, Sparkles, Twitter, Utensils } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -32,35 +32,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Menu", name: "Menu", id: "#menu"},
id: "#menu",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Savor the Flavor" brandName="Savor the Flavor"
button={{ button={{
text: "Reserve Now", text: "Reserve Now", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
@@ -70,39 +56,25 @@ export default function LandingPage() {
description="Experience culinary excellence and unforgettable dining moments at our restaurant." description="Experience culinary excellence and unforgettable dining moments at our restaurant."
buttons={[ buttons={[
{ {
text: "Discover Our Menu", text: "Discover Our Menu", href: "#menu"},
href: "#menu",
},
{ {
text: "Reserve a Table", text: "Reserve a Table", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
imageAlt="Elegant restaurant dining room" imageAlt="Elegant restaurant dining room"
showBlur={true} showBlur={true}
textPosition="bottom" textPosition="bottom"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-dinner_23-2147793098.jpg", src: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-dinner_23-2147793098.jpg", alt: "Smiling man using smartphone during dinner"},
alt: "Smiling man using smartphone during dinner",
},
{ {
src: "http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307231.jpg", src: "http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307231.jpg", alt: "Man enjoying his virtual date"},
alt: "Man enjoying his virtual date",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255919.jpg", src: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255919.jpg", alt: "Close up on food lover eating"},
alt: "Close up on food lover eating",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiling-woman-clicking-photo-burger-from-mobile-phone_1170-742.jpg", src: "http://img.b2bpic.net/free-photo/smiling-woman-clicking-photo-burger-from-mobile-phone_1170-742.jpg", alt: "Smiling woman clicking photo of burger from mobile phone"},
alt: "Smiling woman clicking photo of burger from mobile phone",
},
{ {
src: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman_23-2148060485.jpg", src: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman_23-2148060485.jpg", alt: "Side view of beautiful woman"},
alt: "Side view of beautiful woman",
},
]} ]}
avatarText="Join our 1000+ happy diners!" avatarText="Join our 1000+ happy diners!"
/> />
@@ -116,22 +88,16 @@ export default function LandingPage() {
description="At Savor the Flavor, we are dedicated to bringing you the finest ingredients and culinary artistry. Our journey began with a simple vision: to create a memorable dining experience that delights all senses." description="At Savor the Flavor, we are dedicated to bringing you the finest ingredients and culinary artistry. Our journey began with a simple vision: to create a memorable dining experience that delights all senses."
bulletPoints={[ bulletPoints={[
{ {
title: "Fresh, Local Ingredients", title: "Fresh, Local Ingredients", description: "We source the freshest local produce and highest quality ingredients to ensure exceptional taste.", icon: Leaf,
description: "We source the freshest local produce and highest quality ingredients to ensure exceptional taste.",
icon: Leaf,
}, },
{ {
title: "Artisan Culinary Team", title: "Artisan Culinary Team", description: "Our chefs are masters of their craft, blending traditional techniques with innovative flavors.", icon: Utensils,
description: "Our chefs are masters of their craft, blending traditional techniques with innovative flavors.",
icon: Utensils,
}, },
{ {
title: "Unforgettable Ambiance", title: "Unforgettable Ambiance", description: "Enjoy your meal in a warm, elegant setting designed for comfort and celebration.", icon: Flame,
description: "Enjoy your meal in a warm, elegant setting designed for comfort and celebration.",
icon: Flame,
}, },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728007.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728007.jpg"
imageAlt="Chef preparing a dish in a professional kitchen" imageAlt="Chef preparing a dish in a professional kitchen"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -144,80 +110,53 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Grilled Salmon with Asparagus", title: "Grilled Salmon with Asparagus", description: "Pan-seared salmon served with tender asparagus and a delicate lemon-dill sauce.", media: {
description: "Pan-seared salmon served with tender asparagus and a delicate lemon-dill sauce.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-exquisite-french-dish-turbot-with-champagne-sea-fennel-caviar-texture-fish-glass-champagne-white-linen-tablecloth-copy-space-text-about-popular-summer-dishes_166373-9568.jpg", imageAlt: "gourmet steak platter fine dining"},
media: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-exquisite-french-dish-turbot-with-champagne-sea-fennel-caviar-texture-fish-glass-champagne-white-linen-tablecloth-copy-space-text-about-popular-summer-dishes_166373-9568.jpg",
imageAlt: "gourmet steak platter fine dining",
},
items: [ items: [
{ {
icon: Fish, icon: Fish,
text: "Fresh Catch", text: "Fresh Catch"},
},
{ {
icon: Leaf, icon: Leaf,
text: "Seasonal Veggies", text: "Seasonal Veggies"},
},
{ {
icon: Lemon, icon: Lemon,
text: "Citrus Zest", text: "Citrus Zest"},
},
], ],
reverse: false, reverse: false
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=2",
imageAlt: "gourmet steak platter fine dining",
}, },
{ {
title: "Truffle Mushroom Risotto", title: "Truffle Mushroom Risotto", description: "Creamy Arborio rice infused with black truffle oil and assorted wild mushrooms.", media: {
description: "Creamy Arborio rice infused with black truffle oil and assorted wild mushrooms.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spanish-tortilla_23-2149865593.jpg", imageAlt: "artistic dessert plating chocolate ganache"},
media: {
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spanish-tortilla_23-2149865593.jpg",
imageAlt: "artistic dessert plating chocolate ganache",
},
items: [ items: [
{ {
icon: Mushroom, icon: Mushroom,
text: "Wild Foraged", text: "Wild Foraged"},
},
{ {
icon: Cheese, icon: Cheese,
text: "Parmesan", text: "Parmesan"},
},
{ {
icon: Leaf, icon: Leaf,
text: "Aromatic Herbs", text: "Aromatic Herbs"},
},
], ],
reverse: true, reverse: true
imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728007.jpg?_wi=2",
imageAlt: "gourmet steak platter fine dining",
}, },
{ {
title: "Decadent Chocolate Lava Cake", title: "Decadent Chocolate Lava Cake", description: "Warm chocolate cake with a molten center, served with vanilla bean ice cream.", media: {
description: "Warm chocolate cake with a molten center, served with vanilla bean ice cream.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-glass-wine-with-pasta-grape-round-plate_176474-3105.jpg", imageAlt: "delicious handcrafted cocktail bar"},
media: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-glass-wine-with-pasta-grape-round-plate_176474-3105.jpg",
imageAlt: "delicious handcrafted cocktail bar",
},
items: [ items: [
{ {
icon: Chocolate, icon: Chocolate,
text: "Rich Dark Chocolate", text: "Rich Dark Chocolate"},
},
{ {
icon: IceCream, icon: IceCream,
text: "Vanilla Bean", text: "Vanilla Bean"},
},
{ {
icon: Sparkles, icon: Sparkles,
text: "Sweet Treat", text: "Sweet Treat"},
},
], ],
reverse: false, reverse: false
imageSrc: "http://img.b2bpic.net/free-photo/american-hamburger-with-sauces_23-2147783561.jpg?_wi=1", }
imageAlt: "gourmet steak platter fine dining",
},
]} ]}
title="Chef's Signature Dishes" title="Chef's Signature Dishes"
description="Experience the exquisite creations crafted by our award-winning culinary team, each a masterpiece of flavor and presentation." description="Experience the exquisite creations crafted by our award-winning culinary team, each a masterpiece of flavor and presentation."
@@ -232,47 +171,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "m1", id: "m1", name: "Classic Margherita Pizza", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-tomato-sauce-cheese_141793-2448.jpg", imageAlt: "vegetarian pizza fresh toppings"},
name: "Classic Margherita Pizza",
price: "$18.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-tomato-sauce-cheese_141793-2448.jpg",
imageAlt: "vegetarian pizza fresh toppings",
},
{ {
id: "m2", id: "m2", name: "Gourmet Beef Burger", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/american-hamburger-with-sauces_23-2147783561.jpg", imageAlt: "classic burger fries gourmet"},
name: "Gourmet Beef Burger",
price: "$22.00",
imageSrc: "http://img.b2bpic.net/free-photo/american-hamburger-with-sauces_23-2147783561.jpg?_wi=2",
imageAlt: "classic burger fries gourmet",
},
{ {
id: "m3", id: "m3", name: "Spaghetti Bolognese", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-carbonara_1203-2509.jpg", imageAlt: "spaghetti bolognese fresh herbs"},
name: "Spaghetti Bolognese",
price: "$20.00",
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-carbonara_1203-2509.jpg",
imageAlt: "spaghetti bolognese fresh herbs",
},
{ {
id: "m4", id: "m4", name: "Fresh Garden Salad", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-caesar-salad-with-sliced-vegetables-rusks-dark-surface_140725-63601.jpg", imageAlt: "fresh garden salad vinaigrette"},
name: "Fresh Garden Salad",
price: "$16.00",
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-caesar-salad-with-sliced-vegetables-rusks-dark-surface_140725-63601.jpg",
imageAlt: "fresh garden salad vinaigrette",
},
{ {
id: "m5", id: "m5", name: "Pan-Seared Salmon", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/salmon-roll_1339-2834.jpg", imageAlt: "grilled salmon asparagus lemon"},
name: "Pan-Seared Salmon",
price: "$28.00",
imageSrc: "http://img.b2bpic.net/free-photo/salmon-roll_1339-2834.jpg",
imageAlt: "grilled salmon asparagus lemon",
},
{ {
id: "m6", id: "m6", name: "Chocolate Lava Cake", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/layered-chocolate-tiramisu-cake-with-mascarpone-cream-generated-by-ai_188544-18033.jpg", imageAlt: "chocolate lava cake ice cream"}
name: "Chocolate Lava Cake",
price: "$12.00",
imageSrc: "http://img.b2bpic.net/free-photo/layered-chocolate-tiramisu-cake-with-mascarpone-cream-generated-by-ai_188544-18033.jpg",
imageAlt: "chocolate lava cake ice cream",
},
]} ]}
title="Explore Our Culinary Menu" title="Explore Our Culinary Menu"
description="A delightful array of appetizers, main courses, and desserts, crafted with the freshest seasonal ingredients." description="A delightful array of appetizers, main courses, and desserts, crafted with the freshest seasonal ingredients."
@@ -287,59 +196,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah Johnson", role: "Food Critic", company: "Tasteful Reviews", rating: 5,
name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255916.jpg", imageAlt: "happy customer dining restaurant"},
role: "Food Critic",
company: "Tasteful Reviews",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255916.jpg",
imageAlt: "happy customer dining restaurant",
},
{ {
id: "t2", id: "t2", name: "Michael Chen", role: "Restaurant Blogger", company: "Gourmet Explorer", rating: 5,
name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-blue-big-eyes-light-make-up-posing-with-pleasure-celebration-outside-portrait-glad-young-lady-with-shiny-blonde-hair-drinking-champagne-street_197531-4294.jpg", imageAlt: "satisfied female diner review"},
role: "Restaurant Blogger",
company: "Gourmet Explorer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-blue-big-eyes-light-make-up-posing-with-pleasure-celebration-outside-portrait-glad-young-lady-with-shiny-blonde-hair-drinking-champagne-street_197531-4294.jpg",
imageAlt: "satisfied female diner review",
},
{ {
id: "t3", id: "t3", name: "Emily Rodriguez", role: "Local Guide", company: "Yelp Elite", rating: 5,
name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-executive-looking-camera_1262-4763.jpg", imageAlt: "businessman dining out happy"},
role: "Local Guide",
company: "Yelp Elite",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-executive-looking-camera_1262-4763.jpg",
imageAlt: "businessman dining out happy",
},
{ {
id: "t4", id: "t4", name: "David Kim", role: "Food Enthusiast", company: "Epicurean Delights", rating: 5,
name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg", imageAlt: "young couple enjoying meal"},
role: "Food Enthusiast",
company: "Epicurean Delights",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg",
imageAlt: "young couple enjoying meal",
},
{ {
id: "t5", id: "t5", name: "Jessica Lee", role: "Chef & Owner", company: "Culinary Journey", rating: 5,
name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286406.jpg", imageAlt: "food blogger reviewing restaurant"},
role: "Chef & Owner",
company: "Culinary Journey",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286406.jpg",
imageAlt: "food blogger reviewing restaurant",
},
{ {
id: "t6", id: "t6", name: "Robert Davis", role: "Frequent Diner", company: "Foodie Forum", rating: 5,
name: "Robert Davis", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-drinking-luxurious-champagne_329181-4399.jpg", imageAlt: "Elegant woman drinking luxurious champagne"}
role: "Frequent Diner",
company: "Foodie Forum",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-drinking-luxurious-champagne_329181-4399.jpg",
imageAlt: "Elegant woman drinking luxurious champagne",
},
]} ]}
title="What Our Guests Say" title="What Our Guests Say"
description="Read the glowing reviews from our valued customers about their unforgettable dining experiences." description="Read the glowing reviews from our valued customers about their unforgettable dining experiences."
@@ -351,30 +224,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq1", id: "faq1", title: "Do you offer vegetarian or vegan options?", content: "Yes, our menu includes a variety of delicious vegetarian and vegan dishes. Please inform your server of any dietary preferences."},
title: "Do you offer vegetarian or vegan options?",
content: "Yes, our menu includes a variety of delicious vegetarian and vegan dishes. Please inform your server of any dietary preferences.",
},
{ {
id: "faq2", id: "faq2", title: "How can I make a reservation?", content: "You can make a reservation through our website's contact form, by calling us directly, or via our online booking partner."},
title: "How can I make a reservation?",
content: "You can make a reservation through our website's contact form, by calling us directly, or via our online booking partner.",
},
{ {
id: "faq3", id: "faq3", title: "Do you cater for private events?", content: "Yes, we offer catering services for private events and special occasions. Please contact us to discuss your requirements."},
title: "Do you cater for private events?",
content: "Yes, we offer catering services for private events and special occasions. Please contact us to discuss your requirements.",
},
{ {
id: "faq4", id: "faq4", title: "What are your operating hours?", content: "We are open for dinner Tuesday to Sunday from 5:00 PM to 10:00 PM. Closed on Mondays."},
title: "What are your operating hours?",
content: "We are open for dinner Tuesday to Sunday from 5:00 PM to 10:00 PM. Closed on Mondays.",
},
{ {
id: "faq5", id: "faq5", title: "Is there a dress code?", content: "We encourage smart casual attire for an enhanced dining experience. Formal wear is always welcome."}
title: "Is there a dress code?",
content: "We encourage smart casual attire for an enhanced dining experience. Formal wear is always welcome.",
},
]} ]}
sideTitle="Frequently Asked Questions" sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about our restaurant, reservations, and dining experience." sideDescription="Find answers to common questions about our restaurant, reservations, and dining experience."
@@ -390,28 +248,17 @@ export default function LandingPage() {
description="Contact us for reservations, private event inquiries, or any other questions. We look forward to welcoming you." description="Contact us for reservations, private event inquiries, or any other questions. We look forward to welcoming you."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Your Phone Number", required: false,
type: "tel", }
placeholder: "Your Phone Number",
required: false,
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message or Reservation Details (e.g., date, time, number of guests)", rows: 4,
placeholder: "Your Message or Reservation Details (e.g., date, time, number of guests)",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/receptionist-welcoming-tourists_482257-79681.jpg" imageSrc="http://img.b2bpic.net/free-photo/receptionist-welcoming-tourists_482257-79681.jpg"
@@ -429,19 +276,13 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Facebook, icon: Facebook,
href: "#", href: "#", ariaLabel: "Facebook"},
ariaLabel: "Facebook",
},
{ {
icon: Instagram, icon: Instagram,
href: "#", href: "#", ariaLabel: "Instagram"},
ariaLabel: "Instagram",
},
{ {
icon: Twitter, icon: Twitter,
href: "#", href: "#", ariaLabel: "Twitter"}
ariaLabel: "Twitter",
},
]} ]}
/> />
</div> </div>