Update src/app/page.tsx
This commit is contained in:
134
src/app/page.tsx
134
src/app/page.tsx
@@ -16,27 +16,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
name: "Why Us", id: "features"},
|
||||
{
|
||||
name: "Feedback",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Feedback", id: "testimonials"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "map",
|
||||
},
|
||||
name: "Visit", id: "map"},
|
||||
]}
|
||||
brandName="Gara Mart"
|
||||
/>
|
||||
@@ -45,37 +44,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Neighborhood Convenience, Anytime You Need It"
|
||||
description="Gara Mart offers fresh groceries, daily essentials, and more—right in the heart of your community. Experience friendly service and quality products."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#map",
|
||||
},
|
||||
text: "Visit Us Today", href: "#map"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg",
|
||||
imageAlt: "Gara Mart Storefront",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg", imageAlt: "Gara Mart Storefront"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-basket-organic-vegetables-with-grocery-bag_23-2148853370.jpg?_wi=1",
|
||||
imageAlt: "Fresh Produce",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-basket-organic-vegetables-with-grocery-bag_23-2148853370.jpg", imageAlt: "Fresh Produce"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-vegetables-fruits-store_627829-9485.jpg?_wi=1",
|
||||
imageAlt: "Daily Essentials",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-vegetables-fruits-store_627829-9485.jpg", imageAlt: "Daily Essentials"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth-happ_1258-134408.jpg?_wi=1",
|
||||
imageAlt: "Friendly Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth-happ_1258-134408.jpg", imageAlt: "Friendly Service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-open-shop-sign_23-2149244009.jpg?_wi=1",
|
||||
imageAlt: "Convenient Location",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-open-shop-sign_23-2149244009.jpg", imageAlt: "Convenient Location"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -87,28 +73,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Freshness First",
|
||||
description: "Fresh, high-quality groceries sourced every single day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-basket-organic-vegetables-with-grocery-bag_23-2148853370.jpg?_wi=2",
|
||||
},
|
||||
title: "Freshness First", description: "Fresh, high-quality groceries sourced every single day.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-basket-organic-vegetables-with-grocery-bag_23-2148853370.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Everything You Need",
|
||||
description: "Wide range of daily essentials under one roof.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-vegetables-fruits-store_627829-9485.jpg?_wi=2",
|
||||
},
|
||||
title: "Everything You Need", description: "Wide range of daily essentials under one roof.", imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-vegetables-fruits-store_627829-9485.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Trusted Service",
|
||||
description: "Friendly local staff dedicated to serving our neighbors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth-happ_1258-134408.jpg?_wi=2",
|
||||
},
|
||||
title: "Trusted Service", description: "Friendly local staff dedicated to serving our neighbors.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth-happ_1258-134408.jpg"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Easy Accessibility",
|
||||
description: "Convenient location right in your community neighborhood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-open-shop-sign_23-2149244009.jpg?_wi=2",
|
||||
},
|
||||
title: "Easy Accessibility", description: "Convenient location right in your community neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-open-shop-sign_23-2149244009.jpg"},
|
||||
]}
|
||||
title="Why Gara Mart?"
|
||||
description="Discover the benefits of shopping local with our commitment to quality and community."
|
||||
@@ -121,45 +95,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Staff",
|
||||
quote: "Gara Mart is my go-to for everything I need. The staff is so friendly!",
|
||||
name: "Selam K.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-checking-her-shopping-bags_23-2148804689.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Great Staff", quote: "Gara Mart is my go-to for everything I need. The staff is so friendly!", name: "Selam K.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-checking-her-shopping-bags_23-2148804689.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quick Service",
|
||||
quote: "Always fresh products and quick service. Highly recommend.",
|
||||
name: "Dawit M.",
|
||||
role: "Frequent Shopper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-person-holding-bio-groceries-shopping-bag_482257-104954.jpg",
|
||||
},
|
||||
id: "2", title: "Quick Service", quote: "Always fresh products and quick service. Highly recommend.", name: "Dawit M.", role: "Frequent Shopper", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-person-holding-bio-groceries-shopping-bag_482257-104954.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Total Convenience",
|
||||
quote: "I love the convenience of finding everything in one place.",
|
||||
name: "Hana T.",
|
||||
role: "Neighbor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-fresh-organic-vegetables-street-market-young-woman-buying-vegetables-green-market_1391-569.jpg",
|
||||
},
|
||||
id: "3", title: "Total Convenience", quote: "I love the convenience of finding everything in one place.", name: "Hana T.", role: "Neighbor", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-fresh-organic-vegetables-street-market-young-woman-buying-vegetables-green-market_1391-569.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Community Staple",
|
||||
quote: "A true community gem for everyday shopping needs.",
|
||||
name: "Kebede W.",
|
||||
role: "Local Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazed-woman-with-shopping-packets-looking-shop-windows_23-2147960704.jpg",
|
||||
},
|
||||
id: "4", title: "Community Staple", quote: "A true community gem for everyday shopping needs.", name: "Kebede W.", role: "Local Patron", imageSrc: "http://img.b2bpic.net/free-photo/amazed-woman-with-shopping-packets-looking-shop-windows_23-2147960704.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Best Quality",
|
||||
quote: "The vegetables and fruits are always top-tier quality!",
|
||||
name: "Marta G.",
|
||||
role: "Regular Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-checking-her-shopping-bags_23-2148804689.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Best Quality", quote: "The vegetables and fruits are always top-tier quality!", name: "Marta G.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-checking-her-shopping-bags_23-2148804689.jpg"},
|
||||
]}
|
||||
title="Our Customers Love Us"
|
||||
description="Hear what our neighbors say about their experience at Gara Mart."
|
||||
@@ -170,8 +114,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Connected"
|
||||
title="Sign Up for Offers"
|
||||
description="Receive updates on new arrivals and special store promotions directly in your inbox."
|
||||
@@ -186,20 +129,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Find Us in Addis Ababa",
|
||||
},
|
||||
type: "text", content: "Find Us in Addis Ababa"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg",
|
||||
alt: "Gara Mart Location",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg", alt: "Gara Mart Location"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/place/Gara+Mart/@8.949127,38.7267298,501m/data=!3m1!1e3!4m6!3m5!1s0x164b815d81cbcc19:0x295ea8467eeb0eed!8m2!3d8.9481722!4d38.7290366!16s%2Fg%2F11f_j2nr7_?authuser=0&entry=ttu&g_ep=EgoyMDI2MDMyNC4wIKXMDSoASAFQAw%3D%3D",
|
||||
},
|
||||
text: "Get Directions", href: "https://www.google.com/maps/place/Gara+Mart/@8.949127,38.7267298,501m/data=!3m1!1e3!4m6!3m5!1s0x164b815d81cbcc19:0x295ea8467eeb0eed!8m2!3d8.9481722!4d38.7290366!16s%2Fg%2F11f_j2nr7_?authuser=0&entry=ttu&g_ep=EgoyMDI2MDMyNC4wIKXMDSoASAFQAw%3D%3D"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -208,13 +144,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Gara Mart"
|
||||
leftLink={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@garamart.com",
|
||||
}}
|
||||
text: "Contact Us", href: "mailto:info@garamart.com"}}
|
||||
rightLink={{
|
||||
text: "Visit Store",
|
||||
href: "#map",
|
||||
}}
|
||||
text: "Visit Store", href: "#map"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user