1 Commits

Author SHA1 Message Date
6f5af3850d Update src/app/page.tsx 2026-04-05 21:01:10 +00:00

View File

@@ -9,7 +9,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Leaf, ShieldCheck, Zap } from "lucide-react"; import { Leaf, ShieldCheck, Zap, MapPin } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -30,21 +30,15 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Products", name: "Products", id: "products"},
id: "products",
},
{ {
name: "About", name: "About", id: "features"},
id: "features",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact", {
}, name: "Maps", id: "maps"},
]} ]}
brandName="Express Mart" brandName="Express Mart"
/> />
@@ -53,51 +47,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{
variant: "rotated-rays-static", variant: "rotated-rays-static"}}
}}
title="Everything You Need, Instantly." title="Everything You Need, Instantly."
description="Welcome to Express Mart, your local destination for fresh produce, daily essentials, and quick snacks. Get what you need, when you need it." description="Welcome to Express Mart, your local destination for fresh produce, daily essentials, and quick snacks. Get what you need, when you need it."
buttons={[ buttons={[
{ {
text: "Shop Now", text: "Shop Now", href: "#products"},
href: "#products",
},
]} ]}
carouselItems={[ carouselItems={[
{ {
id: "c1", id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/local-grocery-store-vendor-arranges-food_482257-76628.jpg", imageAlt: "Fresh store front"},
imageSrc: "http://img.b2bpic.net/free-photo/local-grocery-store-vendor-arranges-food_482257-76628.jpg",
imageAlt: "Fresh store front",
},
{ {
id: "c2", id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/lady-is-shopping-fresh-vegetable-supermarket-store_1150-14548.jpg", imageAlt: "Fresh produce"},
imageSrc: "http://img.b2bpic.net/free-photo/lady-is-shopping-fresh-vegetable-supermarket-store_1150-14548.jpg",
imageAlt: "Fresh produce",
},
{ {
id: "c3", id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-corridor_1127-2314.jpg", imageAlt: "Clean aisles"},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-corridor_1127-2314.jpg",
imageAlt: "Clean aisles",
},
{ {
id: "c4", id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379539.jpg", imageAlt: "Bakery goods"},
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379539.jpg",
imageAlt: "Bakery goods",
},
{ {
id: "c5", id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-7843.jpg", imageAlt: "Chilled drinks"},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-7843.jpg",
imageAlt: "Chilled drinks",
},
{ {
id: "c6", id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg", imageAlt: "Happy shopping"},
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg",
imageAlt: "Happy shopping",
},
]} ]}
/> />
</div> </div>
<div id="maps" data-section="maps">
<FeatureBorderGlow
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: MapPin,
title: "Store Locator", description: "Find our nearest Express Mart locations in your area on the map."},
]}
title="Check Our Locations"
description="Visit us in person for a great shopping experience at any of our branches."
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardOne <ProductCardOne
animationType="slide-up" animationType="slide-up"
@@ -106,47 +93,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Organic Apple", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-apples-with-other-fruits-white-table-apple-fruit-ripe-pear-fresh_140725-79049.jpg", imageAlt: "Apple"},
name: "Organic Apple",
price: "$1.99",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-apples-with-other-fruits-white-table-apple-fruit-ripe-pear-fresh_140725-79049.jpg",
imageAlt: "Apple",
},
{ {
id: "p2", id: "p2", name: "Sweet Orange", price: "$0.99", imageSrc: "http://img.b2bpic.net/free-photo/orange-pieces-apple-kiwi-broccoli-wooden-plate_1150-20096.jpg", imageAlt: "Orange"},
name: "Sweet Orange",
price: "$0.99",
imageSrc: "http://img.b2bpic.net/free-photo/orange-pieces-apple-kiwi-broccoli-wooden-plate_1150-20096.jpg",
imageAlt: "Orange",
},
{ {
id: "p3", id: "p3", name: "Ripe Banana", price: "$0.50", imageSrc: "http://img.b2bpic.net/free-photo/bunch-bananas-isolated-colorful-surface_114579-47895.jpg", imageAlt: "Banana"},
name: "Ripe Banana",
price: "$0.50",
imageSrc: "http://img.b2bpic.net/free-photo/bunch-bananas-isolated-colorful-surface_114579-47895.jpg",
imageAlt: "Banana",
},
{ {
id: "p4", id: "p4", name: "Fresh Broccoli", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-broccoli-fresh-ripe-yellow-background_140725-13478.jpg", imageAlt: "Broccoli"},
name: "Fresh Broccoli",
price: "$2.49",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-broccoli-fresh-ripe-yellow-background_140725-13478.jpg",
imageAlt: "Broccoli",
},
{ {
id: "p5", id: "p5", name: "Vine Tomatoes", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-red-tomatoes-black-plate-white-wooden-table-with-green-red-chili-peppers-green-peppers-black-peppercorns-salt-close-up-healthy-concept_114579-1176.jpg", imageAlt: "Tomatoes"},
name: "Vine Tomatoes",
price: "$3.99",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-red-tomatoes-black-plate-white-wooden-table-with-green-red-chili-peppers-green-peppers-black-peppercorns-salt-close-up-healthy-concept_114579-1176.jpg",
imageAlt: "Tomatoes",
},
{ {
id: "p6", id: "p6", name: "Artisan Bread", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-bread-with-turkish-bagel-white-surface-horizontal_176474-6262.jpg", imageAlt: "Bread"},
name: "Artisan Bread",
price: "$4.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-bread-with-turkish-bagel-white-surface-horizontal_176474-6262.jpg",
imageAlt: "Bread",
},
]} ]}
title="Top Picks Daily" title="Top Picks Daily"
description="Our handpicked selection of fresh essentials." description="Our handpicked selection of fresh essentials."
@@ -160,19 +117,13 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Zap, icon: Zap,
title: "Speedy Checkout", title: "Speedy Checkout", description: "No lines, no waiting. Get through in seconds."},
description: "No lines, no waiting. Get through in seconds.",
},
{ {
icon: Leaf, icon: Leaf,
title: "Farm Fresh", title: "Farm Fresh", description: "Directly from the best local farms to you."},
description: "Directly from the best local farms to you.",
},
{ {
icon: ShieldCheck, icon: ShieldCheck,
title: "Guaranteed Quality", title: "Guaranteed Quality", description: "Every item is vetted for the highest quality."},
description: "Every item is vetted for the highest quality.",
},
]} ]}
title="Why Express Mart?" title="Why Express Mart?"
description="Experience shopping convenience reimagined for your lifestyle." description="Experience shopping convenience reimagined for your lifestyle."
@@ -186,40 +137,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best place for fresh groceries every morning.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg"},
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The best place for fresh groceries every morning.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg",
},
{ {
id: "t2", id: "t2", name: "Mark D.", handle: "@markd", testimonial: "Super fast, super fresh. Love shopping here.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149144317.jpg"},
name: "Mark D.",
handle: "@markd",
testimonial: "Super fast, super fresh. Love shopping here.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149144317.jpg",
},
{ {
id: "t3", id: "t3", name: "Elena P.", handle: "@elenap", testimonial: "Everything is always well stocked and clean.", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-359.jpg"},
name: "Elena P.",
handle: "@elenap",
testimonial: "Everything is always well stocked and clean.",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-359.jpg",
},
{ {
id: "t4", id: "t4", name: "David W.", handle: "@davidw", testimonial: "Convenient location and friendly service.", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"},
name: "David W.",
handle: "@davidw",
testimonial: "Convenient location and friendly service.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
},
{ {
id: "t5", id: "t5", name: "Karen R.", handle: "@karenr", testimonial: "Always my go-to for daily essentials.", imageSrc: "http://img.b2bpic.net/free-photo/successful-corporate-woman-smiling-looking-happy-wearing-business-suit-standing-against-white-background_176420-49603.jpg"},
name: "Karen R.",
handle: "@karenr",
testimonial: "Always my go-to for daily essentials.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-corporate-woman-smiling-looking-happy-wearing-business-suit-standing-against-white-background_176420-49603.jpg",
},
]} ]}
title="What People Say" title="What People Say"
description="Join our community of happy neighborhood shoppers." description="Join our community of happy neighborhood shoppers."
@@ -230,8 +156,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
tag="Get Updates" tag="Get Updates"
title="Sign up for deals" title="Sign up for deals"
description="Join our newsletter and receive weekly offers and updates right in your inbox." description="Join our newsletter and receive weekly offers and updates right in your inbox."
@@ -242,29 +167,19 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [
{ {
label: "Products", label: "Products", href: "#products"},
href: "#products",
},
{ {
label: "Deals", label: "Deals", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}