Update src/app/page.tsx
This commit is contained in:
262
src/app/page.tsx
262
src/app/page.tsx
@@ -34,31 +34,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Delicious Bites"
|
||||
button={{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book a Table", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -69,39 +57,23 @@ export default function LandingPage() {
|
||||
description="Experience an exquisite culinary journey with our authentic French and Mediterranean dishes, crafted with passion and the freshest ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Make a Reservation", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-truffle-recipe-with-pasta-top-view_23-2149548045.jpg?_wi=1",
|
||||
imageAlt: "Gourmet spaghetti with chicken",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-truffle-recipe-with-pasta-top-view_23-2149548045.jpg", imageAlt: "Gourmet spaghetti with chicken"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg?_wi=1",
|
||||
imageAlt: "Delicious pan-fried shrimp",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg", imageAlt: "Delicious pan-fried shrimp"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-appetizing-dish-plate-stuffed-cabbage-with-lemon-herbs-sauce-grey-tablecloth-center-dark-table_140725-110386.jpg",
|
||||
imageAlt: "Freshly grilled fish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-appetizing-dish-plate-stuffed-cabbage-with-lemon-herbs-sauce-grey-tablecloth-center-dark-table_140725-110386.jpg", imageAlt: "Freshly grilled fish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-salad_74190-834.jpg",
|
||||
imageAlt: "Chicken with creamy spinach",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-salad_74190-834.jpg", imageAlt: "Chicken with creamy spinach"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-pilaf-rice-cooked-with-lamb-dried-fruits-garnished-with-gazmag_141793-2107.jpg",
|
||||
imageAlt: "Traditional couscous dish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-pilaf-rice-cooked-with-lamb-dried-fruits-garnished-with-gazmag_141793-2107.jpg", imageAlt: "Traditional couscous dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-wooden-desk-pink_140725-24293.jpg",
|
||||
imageAlt: "Crispy tuna and shrimp briks",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-wooden-desk-pink_140725-24293.jpg", imageAlt: "Crispy tuna and shrimp briks"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -115,19 +87,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Years in Business",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Years in Business", value: "20+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "10K+",
|
||||
},
|
||||
label: "Happy Customers", value: "10K+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Culinary Awards",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Culinary Awards", value: "5+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -141,47 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "spaghetti-poulet",
|
||||
name: "Spaghetti Poulet",
|
||||
price: "22.18 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-fettuccini-with-cream-sauce-parmesan-avocado_140725-5910.jpg",
|
||||
imageAlt: "Spaghetti with chicken",
|
||||
},
|
||||
id: "spaghetti-poulet", name: "Spaghetti Poulet", price: "22.18 MAD", imageSrc: "http://img.b2bpic.net/free-photo/salmon-fettuccini-with-cream-sauce-parmesan-avocado_140725-5910.jpg", imageAlt: "Spaghetti with chicken"},
|
||||
{
|
||||
id: "crevettes-poelees",
|
||||
name: "Crevettes Poêlées",
|
||||
price: "30.00 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-shrimps-with-seafood-sauce-white-plate_1373-512.jpg",
|
||||
imageAlt: "Pan-fried shrimp",
|
||||
},
|
||||
id: "crevettes-poelees", name: "Crevettes Poêlées", price: "30.00 MAD", imageSrc: "http://img.b2bpic.net/free-photo/grilled-shrimps-with-seafood-sauce-white-plate_1373-512.jpg", imageAlt: "Pan-fried shrimp"},
|
||||
{
|
||||
id: "poulet-oignon",
|
||||
name: "Poulet à l'Oignon",
|
||||
price: "23.00 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-food-chicken-fried-with-sauce-rice-served-plate_1220-7076.jpg",
|
||||
imageAlt: "Chicken with onion",
|
||||
},
|
||||
id: "poulet-oignon", name: "Poulet à l'Oignon", price: "23.00 MAD", imageSrc: "http://img.b2bpic.net/free-photo/asian-food-chicken-fried-with-sauce-rice-served-plate_1220-7076.jpg", imageAlt: "Chicken with onion"},
|
||||
{
|
||||
id: "salade-calmar",
|
||||
name: "Salade Calmar",
|
||||
price: "24.00 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-filled-meat-slices_141793-1290.jpg",
|
||||
imageAlt: "Squid salad",
|
||||
},
|
||||
id: "salade-calmar", name: "Salade Calmar", price: "24.00 MAD", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-filled-meat-slices_141793-1290.jpg", imageAlt: "Squid salad"},
|
||||
{
|
||||
id: "gratin-poisson",
|
||||
name: "Gratin de Poisson",
|
||||
price: "25.00 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-steak_74190-7624.jpg",
|
||||
imageAlt: "Fish gratin",
|
||||
},
|
||||
id: "gratin-poisson", name: "Gratin de Poisson", price: "25.00 MAD", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-steak_74190-7624.jpg", imageAlt: "Fish gratin"},
|
||||
{
|
||||
id: "poulet-epinard",
|
||||
name: "Poulet au Épinard",
|
||||
price: "23.00 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-salad-with-chicken-rolls-radishes-spinach-arugula-rice-proper-nutrition-dietary-menu_2829-20107.jpg",
|
||||
imageAlt: "Chicken with spinach",
|
||||
},
|
||||
id: "poulet-epinard", name: "Poulet au Épinard", price: "23.00 MAD", imageSrc: "http://img.b2bpic.net/free-photo/healthy-salad-with-chicken-rolls-radishes-spinach-arugula-rice-proper-nutrition-dietary-menu_2829-20107.jpg", imageAlt: "Chicken with spinach"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Discover a delightful array of dishes, from rich pasta to succulent seafood and flavorful chicken, all prepared with the finest ingredients."
|
||||
@@ -195,28 +131,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh, Local Ingredients",
|
||||
description: "Sourced daily from local farms and markets for unparalleled flavor and quality.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-pasta-white-plate_181624-42231.jpg",
|
||||
imageAlt: "Vertical shot of delicious pasta in a white plate",
|
||||
title: "Fresh, Local Ingredients", description: "Sourced daily from local farms and markets for unparalleled flavor and quality.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Expert Culinary Team",
|
||||
description: "Our chefs, with years of experience, craft each dish to perfection.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-truffle-recipe-with-pasta-top-view_23-2149548045.jpg?_wi=2",
|
||||
imageAlt: "Vertical shot of delicious pasta in a white plate",
|
||||
title: "Expert Culinary Team", description: "Our chefs, with years of experience, craft each dish to perfection.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
{
|
||||
title: "Cozy & Welcoming Ambiance",
|
||||
description: "A perfect setting for family dinners, romantic dates, or friendly gatherings.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg?_wi=2",
|
||||
imageAlt: "Vertical shot of delicious pasta in a white plate",
|
||||
title: "Cozy & Welcoming Ambiance", description: "A perfect setting for family dinners, romantic dates, or friendly gatherings.", bentoComponent: "reveal-icon", icon: Home
|
||||
},
|
||||
]}
|
||||
title="Why Choose Delicious Bites?"
|
||||
@@ -229,41 +150,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5513.jpg",
|
||||
imageAlt: "Sarah L.",
|
||||
},
|
||||
id: "1", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5513.jpg", imageAlt: "Sarah L."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Omar K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-mini-rake-going-bite-it-with-aggressive-expression-standing-light-background_141793-45326.jpg",
|
||||
imageAlt: "Omar K.",
|
||||
},
|
||||
id: "2", name: "Omar K.", imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-mini-rake-going-bite-it-with-aggressive-expression-standing-light-background_141793-45326.jpg", imageAlt: "Omar K."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Z.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-happy-female-customer-making-like-gesture_74855-3668.jpg",
|
||||
imageAlt: "Fatima Z.",
|
||||
},
|
||||
id: "3", name: "Fatima Z.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-happy-female-customer-making-like-gesture_74855-3668.jpg", imageAlt: "Fatima Z."},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-chatting-afterworks-meeting-with-coworkers-cozy-small-local-cafe_8353-10284.jpg",
|
||||
imageAlt: "David M.",
|
||||
},
|
||||
id: "4", name: "David M.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-chatting-afterworks-meeting-with-coworkers-cozy-small-local-cafe_8353-10284.jpg", imageAlt: "David M."},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amina R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-slicing-ingredients-salad_23-2148471928.jpg",
|
||||
imageAlt: "Amina R.",
|
||||
},
|
||||
id: "5", name: "Amina R.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-slicing-ingredients-salad_23-2148471928.jpg", imageAlt: "Amina R."},
|
||||
{
|
||||
id: "6",
|
||||
name: "Youssef B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-home_23-2148625995.jpg",
|
||||
imageAlt: "Youssef B.",
|
||||
},
|
||||
id: "6", name: "Youssef B.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-home_23-2148625995.jpg", imageAlt: "Youssef B."},
|
||||
]}
|
||||
cardTitle="What Our Guests Say"
|
||||
cardTag="Rave Reviews"
|
||||
@@ -279,26 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "chef-ramzi",
|
||||
name: "Chef Ramzi",
|
||||
role: "Head Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elderly-chef-dressed-uniform-with-crossed-arms-against-dark-background_613910-17580.jpg",
|
||||
imageAlt: "Chef Ramzi",
|
||||
},
|
||||
id: "chef-ramzi", name: "Chef Ramzi", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elderly-chef-dressed-uniform-with-crossed-arms-against-dark-background_613910-17580.jpg", imageAlt: "Chef Ramzi"},
|
||||
{
|
||||
id: "chef-sofia",
|
||||
name: "Chef Sofia",
|
||||
role: "Sous Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-cook-white-cook-suit-cap-holding-yellow-lightbulb-green-wall-lady-work-food-cuisine-color_140725-26439.jpg",
|
||||
imageAlt: "Chef Sofia",
|
||||
},
|
||||
id: "chef-sofia", name: "Chef Sofia", role: "Sous Chef", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-cook-white-cook-suit-cap-holding-yellow-lightbulb-green-wall-lady-work-food-cuisine-color_140725-26439.jpg", imageAlt: "Chef Sofia"},
|
||||
{
|
||||
id: "manager-karim",
|
||||
name: "Karim Bensaid",
|
||||
role: "Restaurant Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-showing-pasta-camera-portrait-smiling-aged-lady-holding-spaghetti-standing-modern-kitchen_1153-9819.jpg",
|
||||
imageAlt: "Karim Bensaid",
|
||||
},
|
||||
id: "manager-karim", name: "Karim Bensaid", role: "Restaurant Manager", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-showing-pasta-camera-portrait-smiling-aged-lady-holding-spaghetti-standing-modern-kitchen_1153-9819.jpg", imageAlt: "Karim Bensaid"},
|
||||
]}
|
||||
title="Meet Our Culinary Team"
|
||||
description="Our dedicated team of chefs and staff are passionate about bringing you an unforgettable dining experience."
|
||||
@@ -310,14 +192,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Gourmet Magazine",
|
||||
"Chef's Weekly",
|
||||
"Foodie Times",
|
||||
"Taste & Travel",
|
||||
"Restaurant Insider",
|
||||
"Epicurean Guide",
|
||||
"Dining Review",
|
||||
]}
|
||||
"Gourmet Magazine", "Chef's Weekly", "Foodie Times", "Taste & Travel", "Restaurant Insider", "Epicurean Guide", "Dining Review"]}
|
||||
title="As Featured In"
|
||||
description="Proudly recognized by leading culinary critics and publications."
|
||||
speed={30}
|
||||
@@ -331,20 +206,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend making a reservation, especially for dinner service and weekends. You can book through our website or call us directly.",
|
||||
},
|
||||
id: "faq-1", title: "Do you accept reservations?", content: "Yes, we highly recommend making a reservation, especially for dinner service and weekends. You can book through our website or call us directly."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open Tuesday to Sunday, from 12:00 PM to 3:00 PM for lunch and 7:00 PM to 11:00 PM for dinner. We are closed on Mondays.",
|
||||
},
|
||||
id: "faq-2", title: "What are your opening hours?", content: "We are open Tuesday to Sunday, from 12:00 PM to 3:00 PM for lunch and 7:00 PM to 11:00 PM for dinner. We are closed on Mondays."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you offer vegetarian or vegan options?",
|
||||
content: "Yes, our menu includes a variety of vegetarian dishes, and our chefs are happy to accommodate vegan requests when possible. Please inform your server about any dietary restrictions.",
|
||||
},
|
||||
id: "faq-3", title: "Do you offer vegetarian or vegan options?", content: "Yes, our menu includes a variety of vegetarian dishes, and our chefs are happy to accommodate vegan requests when possible. Please inform your server about any dietary restrictions."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our restaurant, reservations, and dining experience."
|
||||
@@ -356,14 +222,13 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Reservations & Inquiries"
|
||||
title="Book Your Table or Ask a Question"
|
||||
description="We look forward to welcoming you to Delicious Bites. Fill out the form below to make a reservation or send us a message."
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Send Message"
|
||||
termsText="By sending a message, you agree to our privacy policy."
|
||||
termsText="By sending a message, you agree to our privacy policy.""
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -372,54 +237,33 @@ export default function LandingPage() {
|
||||
logoText="Delicious Bites"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reservations", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user