Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6f5af3850d |
185
src/app/page.tsx
185
src/app/page.tsx
@@ -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",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user