bender/540ee5aa-491d-4705-bf16-0321d5d762fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 17:43:47 +00:00
parent eab0ac3de2
commit 62d21d6b9a
1 changed files with 194 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

388
src/app/page.tsx
View File

@@ -14,6 +14,38 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Heart, Star, Users } from "lucide-react";
export default function LandingPage() {
const updatedNavItems = [
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Reviews", id: "#reviews" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "#contact" },
];
const updatedFooterColumns = [
{
items: [
{ label: "Home", href: "#hero" },
{ label: "About Us", href: "#about" },
{ label: "Menu", href: "#menu" },
],
},
{
items: [
{ label: "Reviews", href: "#reviews" },
{ label: "Contact", href: "#contact" },
{ label: "Reservations", href: "/services" },
],
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
@@ -28,208 +60,176 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "#hero"},
{
name: "About", id: "#about"},
{
name: "Menu", id: "#menu"},
{
name: "Reviews", id: "#reviews"},
{
name: "Contact", id: "#contact"},
]}
brandName="VANISCA"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={updatedNavItems}
brandName="VANISCA"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "downward-rays-static-grid"}}
logoText="VANISCA"
description="Experience Moroccan-Mediterranean fusion in Agadir Bay. Family-friendly dining, outdoor seating, and exquisite vegetarian options for an unforgettable culinary journey."
buttons={[
{
text: "View Menu", href: "#menu"},
{
text: "Make a Reservation", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg"
imageAlt="Luxurious restaurant interior"
mediaAnimation="opacity"
frameStyle="card"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "downward-rays-static-grid" }}
logoText="VANISCA"
description="Experience Moroccan-Mediterranean fusion in Agadir Bay. Family-friendly dining, outdoor seating, and exquisite vegetarian options for an unforgettable culinary journey."
buttons={[
{ text: "View Menu", href: "#menu" },
{ text: "Make a Reservation", href: "/services" },
]}
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg"
imageAlt="Luxurious restaurant interior"
mediaAnimation="opacity"
frameStyle="card"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Welcome to VANISCA: A Culinary Gem in Agadir Bay"
description={[
"Nestled in the vibrant Agadir Bay, VANISCA offers a unique blend of Moroccan and Mediterranean flavors, crafted with passion and local ingredients. Our restaurant is renowned for its inviting ambiance, making it the perfect destination for both intimate dinners and lively family gatherings.", "We pride ourselves on creating a warm, family-friendly atmosphere where every guest feels at home. With charming outdoor seating options and a dedicated menu featuring exquisite vegetarian dishes, VANISCA promises a delightful dining experience tailored to all tastes and preferences. Discover a place where culinary excellence meets exceptional hospitality."]}
buttons={[
{
text: "Explore Our Location", href: "https://maps.app.goo.gl/example"},
]}
buttonAnimation="slide-up"
showBorder={false}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Welcome to VANISCA: A Culinary Gem in Agadir Bay"
description={[
"Nestled in the vibrant Agadir Bay, VANISCA offers a unique blend of Moroccan and Mediterranean flavors, crafted with passion and local ingredients. Our restaurant is renowned for its inviting ambiance, making it the perfect destination for both intimate dinners and lively family gatherings.", "We pride ourselves on creating a warm, family-friendly atmosphere where every guest feels at home. With charming outdoor seating options and a dedicated menu featuring exquisite vegetarian dishes, VANISCA promises a delightful dining experience tailored to all tastes and preferences. Discover a place where culinary excellence meets exceptional hospitality."
]}
buttons={[
{ text: "Explore Our Location", href: "https://maps.app.goo.gl/example" },
]}
buttonAnimation="slide-up"
showBorder={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Charming Outdoor Seating", description: "Savor your meal under the Moroccan sky, enjoying the gentle breeze and scenic views of Agadir Bay. Perfect for a relaxing breakfast, lunch, or a romantic dinner.", tag: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-picnic-scenery-summertime_23-2151425871.jpg", imageAlt: "Outdoor dining area"},
{
id: "f2", title: "Exquisite Vegetarian Options", description: "Our menu features a rich and creative selection of plant-based dishes, ensuring a delightful culinary experience for our vegetarian guests. Fresh, local, and flavorful.", tag: "Cuisine", imageSrc: "http://img.b2bpic.net/free-photo/salad-caprese-with-pesto-sauce_140725-833.jpg", imageAlt: "Vegetarian dish"},
{
id: "f3", title: "A Welcoming Family Experience", description: "VANISCA is designed to be a comfortable and enjoyable space for all ages. Our friendly staff and inviting atmosphere make it ideal for family outings and celebrations.", tag: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg", imageAlt: "Family dining"},
]}
title="Our Special Touches"
description="Beyond exquisite food, we offer experiences tailored for your comfort and enjoyment, making every visit memorable."
tag="Highlights"
tagAnimation="opacity"
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Charming Outdoor Seating", description: "Savor your meal under the Moroccan sky, enjoying the gentle breeze and scenic views of Agadir Bay. Perfect for a relaxing breakfast, lunch, or a romantic dinner.", tag: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-picnic-scenery-summertime_23-2151425871.jpg", imageAlt: "Outdoor dining area"
},
{
id: "f2", title: "Exquisite Vegetarian Options", description: "Our menu features a rich and creative selection of plant-based dishes, ensuring a delightful culinary experience for our vegetarian guests. Fresh, local, and flavorful.", tag: "Cuisine", imageSrc: "http://img.b2bpic.net/free-photo/salad-caprese-with-pesto-sauce_140725-833.jpg", imageAlt: "Vegetarian dish"
},
{
id: "f3", title: "A Welcoming Family Experience", description: "VANISCA is designed to be a comfortable and enjoyable space for all ages. Our friendly staff and inviting atmosphere make it ideal for family outings and celebrations.", tag: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg", imageAlt: "Family dining"
},
]}
title="Our Special Touches"
description="Beyond exquisite food, we offer experiences tailored for your comfort and enjoyment, making every visit memorable."
tag="Highlights"
tagAnimation="opacity"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Crème Brûlée", price: "MAD 70", variant: "Classic Dessert", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-creamy-dessert-with-fresh-strawberries-light-white-wall-dessert-ice-cream-sweet-fruit-taste_140725-52938.jpg", imageAlt: "Crème Brûlée"},
{
id: "p2", name: "Moroccan Lamb Tagine", price: "MAD 140", variant: "Signature Dish", imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-front-view_23-2148516958.jpg", imageAlt: "Lamb Tagine"},
{
id: "p3", name: "Fisherman's Skillet", price: "MAD 150", variant: "Provençal Style", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mediterranean-diet-with-mussels_23-2148234889.jpg", imageAlt: "Fisherman's Skillet Provençal Style"},
{
id: "p4", name: "Seafood Risotto", price: "MAD 130", variant: "Chef's Special", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-pasta_23-2150637303.jpg", imageAlt: "Seafood Risotto"},
{
id: "p5", name: "Cheesecake", price: "MAD 75", variant: "Rich & Creamy", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-delicious-strawberry-cheesecake_140725-10820.jpg", imageAlt: "Cheesecake"},
{
id: "p6", name: "Beef Lasagna", price: "MAD 110", variant: "Hearty Classic", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-lasagna-leafs-plate-generative-ai_188544-8132.jpg", imageAlt: "Beef Lasagna"},
]}
title="Our Culinary Highlights"
description="Savor the exquisite tastes of our most popular dishes, crafted with passion and the freshest ingredients."
tag="Menu"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Crème Brûlée", price: "MAD 70", variant: "Classic Dessert", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-creamy-dessert-with-fresh-strawberries-light-white-wall-dessert-ice-cream-sweet-fruit-taste_140725-52938.jpg", imageAlt: "Crème Brûlée"
},
{
id: "p2", name: "Moroccan Lamb Tagine", price: "MAD 140", variant: "Signature Dish", imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-front-view_23-2148516958.jpg", imageAlt: "Lamb Tagine"
},
{
id: "p3", name: "Fisherman's Skillet", price: "MAD 150", variant: "Provençal Style", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mediterranean-diet-with-mussels_23-2148234889.jpg", imageAlt: "Fisherman's Skillet Provençal Style"
},
{
id: "p4", name: "Seafood Risotto", price: "MAD 130", variant: "Chef's Special", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-pasta_23-2150637303.jpg", imageAlt: "Seafood Risotto"
},
{
id: "p5", name: "Cheesecake", price: "MAD 75", variant: "Rich & Creamy", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-delicious-strawberry-cheesecake_140725-10820.jpg", imageAlt: "Cheesecake"
},
{
id: "p6", name: "Beef Lasagna", price: "MAD 110", variant: "Hearty Classic", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-lasagna-leafs-plate-generative-ai_188544-8132.jpg", imageAlt: "Beef Lasagna"
},
]}
title="Our Culinary Highlights"
description="Savor the exquisite tastes of our most popular dishes, crafted with passion and the freshest ingredients."
tag="Menu"
/>
</div>
<div id="ratings" data-section="ratings">
<MetricCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
id: "m1", value: "4.8", title: "Average Rating", description: "Consistently high praise from nearly 2,000 delighted guests.", icon: Star,
},
{
id: "m2", value: "1.9K+", title: "Happy Customers", description: "Thousands of diners have shared their exceptional experiences with us.", icon: Users,
},
{
id: "m3", value: "Family-Friendly", title: "Welcoming Atmosphere", description: "A place where every family member feels comfortable and cherished.", icon: Heart,
},
]}
title="Our Reputation Speaks for Itself"
description="Dedicated to culinary excellence and impeccable service, VANISCA consistently delivers memorable dining experiences."
tag="Excellence"
/>
</div>
<div id="ratings" data-section="ratings">
<MetricCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
id: "m1", value: "4.8", title: "Average Rating", description: "Consistently high praise from nearly 2,000 delighted guests.", icon: Star,
},
{
id: "m2", value: "1.9K+", title: "Happy Customers", description: "Thousands of diners have shared their exceptional experiences with us.", icon: Users,
},
{
id: "m3", value: "Family-Friendly", title: "Welcoming Atmosphere", description: "A place where every family member feels comfortable and cherished.", icon: Heart,
},
]}
title="Our Reputation Speaks for Itself"
description="Dedicated to culinary excellence and impeccable service, VANISCA consistently delivers memorable dining experiences."
tag="Excellence"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-young-woman-with-red-lipstick_23-2147910291.jpg", imageAlt: "Sarah Johnson"},
{
id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", imageAlt: "Michael Chen"},
{
id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg", imageAlt: "Emily Rodriguez"},
{
id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg", imageAlt: "David Kim"},
{
id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg", imageAlt: "Jessica Lee"},
{
id: "t6", name: "Omar Hassan", imageSrc: "http://img.b2bpic.net/free-photo/image-goodlooking-africanamerican-woman-showing-okay-sign-with-confidence-holding-smartphone-stan_1258-131035.jpg", imageAlt: "Omar Hassan"},
]}
cardTitle="Amazing food, portion size, price, decor, service. Everything!!"
cardTag="Rave Reviews"
buttons={[
{
text: "Read More Reviews", href: "#reviews"},
]}
buttonAnimation="slide-up"
cardAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-young-woman-with-red-lipstick_23-2147910291.jpg", imageAlt: "Sarah Johnson"
},
{
id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", imageAlt: "Michael Chen"
},
{
id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg", imageAlt: "Emily Rodriguez"
},
{
id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg", imageAlt: "David Kim"
},
{
id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg", imageAlt: "Jessica Lee"
},
{
id: "t6", name: "Omar Hassan", imageSrc: "http://img.b2bpic.net/free-photo/image-goodlooking-africanamerican-woman-showing-okay-sign-with-confidence-holding-smartphone-stan_1258-131035.jpg", imageAlt: "Omar Hassan"
},
]}
cardTitle="Amazing food, portion size, price, decor, service. Everything!!"
cardTag="Rave Reviews"
buttons={[
{ text: "Read More Reviews", href: "#reviews" },
]}
buttonAnimation="slide-up"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
tag="Reservations & Location"
title="Your Table Awaits at VANISCA"
description="Ready for an unforgettable dining experience in Agadir Bay? Make a reservation or find us using the directions below. We look forward to welcoming you!"
buttons={[
{
text: "Get Directions", href: "https://maps.app.goo.gl/example"},
{
text: "Call Now", href: "tel:+212528202202"},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Reservations & Location"
title="Your Table Awaits at VANISCA"
description="Ready for an unforgettable dining experience in Agadir Bay? Make a reservation or find us using the directions below. We look forward to welcoming you!"
buttons={[
{ text: "Get Directions", href: "https://maps.app.goo.gl/example" },
{ text: "Call Now", href: "tel:+212528202202" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home", href: "#hero"},
{
label: "About Us", href: "#about"},
{
label: "Menu", href: "#menu"},
],
},
{
items: [
{
label: "Reviews", href: "#reviews"},
{
label: "Contact", href: "#contact"},
{
label: "Reservations", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
]}
logoText="VANISCA"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={updatedFooterColumns}
logoText="VANISCA"
/>
</div>
</ReactLenis>
</ThemeProvider>
);