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"; import { Heart, Star, Users } from "lucide-react";
export default function LandingPage() { 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 ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
@@ -28,208 +60,176 @@ export default function LandingPage() {
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={updatedNavItems}
{ brandName="VANISCA"
name: "Home", id: "#hero"}, />
{ </div>
name: "About", id: "#about"},
{
name: "Menu", id: "#menu"},
{
name: "Reviews", id: "#reviews"},
{
name: "Contact", id: "#contact"},
]}
brandName="VANISCA"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{ variant: "downward-rays-static-grid" }}
variant: "downward-rays-static-grid"}} logoText="VANISCA"
logoText="VANISCA" description="Experience Moroccan-Mediterranean fusion in Agadir Bay. Family-friendly dining, outdoor seating, and exquisite vegetarian options for an unforgettable culinary journey."
description="Experience Moroccan-Mediterranean fusion in Agadir Bay. Family-friendly dining, outdoor seating, and exquisite vegetarian options for an unforgettable culinary journey." buttons={[
buttons={[ { text: "View Menu", href: "#menu" },
{ { text: "Make a Reservation", href: "/services" },
text: "View Menu", href: "#menu"}, ]}
{ imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg"
text: "Make a Reservation", href: "#contact"}, imageAlt="Luxurious restaurant interior"
]} mediaAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg" frameStyle="card"
imageAlt="Luxurious restaurant interior" />
mediaAnimation="opacity" </div>
frameStyle="card"
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Welcome to VANISCA: A Culinary Gem in Agadir Bay" title="Welcome to VANISCA: A Culinary Gem in Agadir Bay"
description={[ 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."]} "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={[ ]}
{ buttons={[
text: "Explore Our Location", href: "https://maps.app.goo.gl/example"}, { text: "Explore Our Location", href: "https://maps.app.goo.gl/example" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
showBorder={false} showBorder={false}
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardMedia <FeatureCardMedia
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "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: "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" 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"
description="Beyond exquisite food, we offer experiences tailored for your comfort and enjoyment, making every visit memorable." },
tag="Highlights" ]}
tagAnimation="opacity" title="Our Special Touches"
/> description="Beyond exquisite food, we offer experiences tailored for your comfort and enjoyment, making every visit memorable."
</div> tag="Highlights"
tagAnimation="opacity"
/>
</div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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: "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: "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: "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: "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: "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: "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" 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"
description="Savor the exquisite tastes of our most popular dishes, crafted with passion and the freshest ingredients." },
tag="Menu" {
/> 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"
</div> },
]}
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"> <div id="ratings" data-section="ratings">
<MetricCardOne <MetricCardOne
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" animationType="slide-up"
metrics={[ metrics={[
{ {
id: "m1", value: "4.8", title: "Average Rating", description: "Consistently high praise from nearly 2,000 delighted guests.", icon: Star, 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: "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, 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" title="Our Reputation Speaks for Itself"
description="Dedicated to culinary excellence and impeccable service, VANISCA consistently delivers memorable dining experiences." description="Dedicated to culinary excellence and impeccable service, VANISCA consistently delivers memorable dining experiences."
tag="Excellence" tag="Excellence"
/> />
</div> </div>
<div id="reviews" data-section="reviews"> <div id="reviews" data-section="reviews">
<TestimonialCardTwelve <TestimonialCardTwelve
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ 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: "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: "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: "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: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg", imageAlt: "Jessica Lee"}, {
{ id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg", imageAlt: "David Kim"
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!!" id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg", imageAlt: "Jessica Lee"
cardTag="Rave Reviews" },
buttons={[ {
{ 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"
text: "Read More Reviews", href: "#reviews"}, },
]} ]}
buttonAnimation="slide-up" cardTitle="Amazing food, portion size, price, decor, service. Everything!!"
cardAnimation="slide-up" cardTag="Rave Reviews"
/> buttons={[
</div> { text: "Read More Reviews", href: "#reviews" },
]}
buttonAnimation="slide-up"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient"}} tag="Reservations & Location"
tag="Reservations & Location" title="Your Table Awaits at VANISCA"
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!"
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={[
buttons={[ { text: "Get Directions", href: "https://maps.app.goo.gl/example" },
{ { text: "Call Now", href: "tel:+212528202202" },
text: "Get Directions", href: "https://maps.app.goo.gl/example"}, ]}
{ buttonAnimation="slide-up"
text: "Call Now", href: "tel:+212528202202"}, />
]} </div>
buttonAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={updatedFooterColumns}
{ logoText="VANISCA"
items: [ />
{ </div>
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>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );