bender/9af24144-305b-443e-a23e-aa0467022c2e
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-03-27 13:19:18 +00:00
parent 13d17b3b4d
commit c53ec2cb77
1 changed files with 40 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

162
src/app/page.tsx
View File

@@ -18,27 +18,26 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Location",
id: "contact",
},
name: "Location", id: "contact"},
]}
brandName="Marhaba Market"
/>
@@ -47,51 +46,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Experience Shopping, The Marhaba Way"
description="A modern supermarket in the heart of Boujdour offering quality products, fair prices, and a shopping experience you’ll love."
buttons={[
{
text: "Explore Products",
href: "#products",
},
text: "Explore Products", href: "#products"},
{
text: "Visit Us Today",
href: "#contact",
},
text: "Visit Us Today", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg?_wi=1",
imageAlt: "Fresh produce",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg", imageAlt: "Fresh produce"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg?_wi=2",
imageAlt: "Bakery section",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg", imageAlt: "Bakery section"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg?_wi=3",
imageAlt: "Snacks section",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg", imageAlt: "Snacks section"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg?_wi=4",
imageAlt: "Essentials aisle",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg", imageAlt: "Essentials aisle"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg?_wi=5",
imageAlt: "Customer service",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg", imageAlt: "Customer service"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg?_wi=6",
imageAlt: "Market entrance",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-merchandise-supermarket_482257-76704.jpg", imageAlt: "Market entrance"},
]}
/>
</div>
@@ -104,25 +80,15 @@ export default function LandingPage() {
author="Marhaba Community"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-man-portrait_23-2149051738.jpg",
alt: "Dusan Hein",
},
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-man-portrait_23-2149051738.jpg", alt: "Dusan Hein"},
{
src: "http://img.b2bpic.net/free-photo/coquettish-redhead-girl-biting-lip-looking-flirty-camera-posing-stylish-floral-dress-standing-against-white-background_176420-49299.jpg",
alt: "Hi Ba",
},
src: "http://img.b2bpic.net/free-photo/coquettish-redhead-girl-biting-lip-looking-flirty-camera-posing-stylish-floral-dress-standing-against-white-background_176420-49299.jpg", alt: "Hi Ba"},
{
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
alt: "Said Saad",
},
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Said Saad"},
{
src: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg",
alt: "Mohamed Alaoui",
},
src: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg", alt: "Mohamed Alaoui"},
{
src: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg",
alt: "Fatima Zahra",
},
src: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg", alt: "Fatima Zahra"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -137,17 +103,11 @@ export default function LandingPage() {
description="At Marhaba Market, we believe shopping should be simple, enjoyable, and welcoming. Whether you're a local resident or visiting Boujdour, our store is designed to give you freedom, comfort, and quality."
bulletPoints={[
{
title: "Organized Aisles",
description: "Designed for effortless browsing and convenience.",
},
title: "Organized Aisles", description: "Designed for effortless browsing and convenience."},
{
title: "Welcoming Team",
description: "Always ready with a smile and helpful support.",
},
title: "Welcoming Team", description: "Always ready with a smile and helpful support."},
{
title: "Self-Service",
description: "Putting you in control of your shopping journey.",
},
title: "Self-Service", description: "Putting you in control of your shopping journey."},
]}
imageSrc="http://img.b2bpic.net/free-photo/vendor-talking-customer-counter_482257-76117.jpg"
mediaAnimation="blur-reveal"
@@ -162,28 +122,13 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "🛒",
title: "Self-Service Shopping",
subtitle: "Freedom",
description: "Browse and choose at your own pace.",
imageSrc: "http://img.b2bpic.net/free-photo/vendor-greeting-first-customers-zero-waste-supermarket-grand-opening-ceremony-removing-red-ribbon-storekeeper-welcoming-shoppers-inside-eco-friendly-local-neighborhood-store_482257-70861.jpg",
},
tag: "🛒", title: "Self-Service Shopping", subtitle: "Freedom", description: "Browse and choose at your own pace.", imageSrc: "http://img.b2bpic.net/free-photo/vendor-greeting-first-customers-zero-waste-supermarket-grand-opening-ceremony-removing-red-ribbon-storekeeper-welcoming-shoppers-inside-eco-friendly-local-neighborhood-store_482257-70861.jpg"},
{
id: 2,
tag: "💰",
title: "Affordable Prices",
subtitle: "Value",
description: "High-quality products at prices that make sense.",
imageSrc: "http://img.b2bpic.net/free-vector/money-concept_24877-49062.jpg",
},
tag: "💰", title: "Affordable Prices", subtitle: "Value", description: "High-quality products at prices that make sense.", imageSrc: "http://img.b2bpic.net/free-vector/money-concept_24877-49062.jpg"},
{
id: 3,
tag: "🌍",
title: "International-Friendly",
subtitle: "Global",
description: "A diverse selection for every shopper.",
imageSrc: "http://img.b2bpic.net/free-vector/infographic-map_23-2147526265.jpg",
},
tag: "🌍", title: "International-Friendly", subtitle: "Global", description: "A diverse selection for every shopper.", imageSrc: "http://img.b2bpic.net/free-vector/infographic-map_23-2147526265.jpg"},
]}
title="Why Marhaba Market?"
description="Discover the unique benefits that make your shopping experience special."
@@ -198,23 +143,11 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Fresh Groceries",
price: "Daily",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-vegetables-arranged-row-wooden-table_23-2148026924.jpg",
},
id: "1", name: "Fresh Groceries", price: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-vegetables-arranged-row-wooden-table_23-2148026924.jpg"},
{
id: "2",
name: "Snacks & Drinks",
price: "Gourmet",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-meal-preparation_23-2149059104.jpg",
},
id: "2", name: "Snacks & Drinks", price: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-meal-preparation_23-2149059104.jpg"},
{
id: "3",
name: "Household Essentials",
price: "Quality",
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458027.jpg",
},
id: "3", name: "Household Essentials", price: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458027.jpg"},
]}
title="Everything You Need"
description="Explore our categories designed for your daily life."
@@ -227,27 +160,16 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Where are you located?",
content: "We are located in the heart of Boujdour, Morocco.",
},
id: "1", title: "Where are you located?", content: "We are located in the heart of Boujdour, Morocco."},
{
id: "2",
title: "Are you open daily?",
content: "Yes, we are open daily to serve you.",
},
id: "2", title: "Are you open daily?", content: "Yes, we are open daily to serve you."},
{
id: "3",
title: "Do you accept foreign cards?",
content: "Yes, we are international-friendly.",
},
id: "3", title: "Do you accept foreign cards?", content: "Yes, we are international-friendly."},
]}
ctaTitle="Visit Us in Boujdour"
ctaDescription="Located in the heart of Boujdour, we are your go-to destination for everyday shopping. Get directions or reach out to us."
ctaButton={{
text: "Get Directions",
href: "#",
}}
text: "Get Directions", href: "#"}}
ctaIcon={MapPin}
/>
</div>
@@ -256,13 +178,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Marhaba Market © 2026"
leftLink={{
text: "Boujdour, Morocco",
href: "#",
}}
text: "Boujdour, Morocco", href: "#"}}
rightLink={{
text: "Open Daily",
href: "#",
}}
text: "Open Daily", href: "#"}}
/>
</div>
</ReactLenis>