Merge version_1 into main #2
319
src/app/page.tsx
319
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gazuma Mart & Cafe"
|
||||
/>
|
||||
@@ -55,99 +43,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness Meets Daily Comfort"
|
||||
description="Gazuma Mart & Cafe brings you the finest organic groceries and artisanal coffee in one welcoming destination."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_local",
|
||||
testimonial: "The freshest greens in town!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg?_wi=1",
|
||||
imageAlt: "fresh grocery store produce display",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@mark_cafe",
|
||||
testimonial: "Best coffee in my morning routine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg?_wi=1",
|
||||
imageAlt: "fresh grocery store produce display",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah_picks",
|
||||
testimonial: "A neighborhood gem for quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-bread-shopping-bag-wooden-surface_169016-20848.jpg",
|
||||
imageAlt: "fresh grocery store produce display",
|
||||
},
|
||||
{
|
||||
name: "James L.",
|
||||
handle: "@james_coffee",
|
||||
testimonial: "Love the local atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hot-coffee-tea-cup_271628-490.jpg",
|
||||
imageAlt: "fresh grocery store produce display",
|
||||
},
|
||||
{
|
||||
name: "Chloe T.",
|
||||
handle: "@chloe_mart",
|
||||
testimonial: "Always friendly and stocked well.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-vegan-food-logotypes_23-2147560481.jpg",
|
||||
imageAlt: "fresh grocery store produce display",
|
||||
},
|
||||
{ name: "Elena R.", handle: "@elena_local", testimonial: "The freshest greens in town!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg" },
|
||||
{ name: "Mark D.", handle: "@mark_cafe", testimonial: "Best coffee in my morning routine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg" },
|
||||
{ name: "Sarah P.", handle: "@sarah_picks", testimonial: "A neighborhood gem for quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vegetables-bread-shopping-bag-wooden-surface_169016-20848.jpg" },
|
||||
{ name: "James L.", handle: "@james_coffee", testimonial: "Love the local atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/hot-coffee-tea-cup_271628-490.jpg" },
|
||||
{ name: "Chloe T.", handle: "@chloe_mart", testimonial: "Always friendly and stocked well.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/set-vegan-food-logotypes_23-2147560481.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg?_wi=2"
|
||||
imageAlt="fresh grocery store produce display"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-holding-shopping-cart_1187-3991.jpg",
|
||||
alt: "pretty woman holding a shopping cart",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-supermarket_23-2148150040.jpg",
|
||||
alt: "Happy couple having fun in supermarket",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-african-american-girl-holding-paper-bag-groceries-from-supermarket-very-happy-pointing-with-hand-finger_839833-5328.jpg",
|
||||
alt: "Young african american girl holding paper bag of groceries from supermarket very happy pointing with hand and finger",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-foreground-friends-her_329181-8071.jpg",
|
||||
alt: "Woman in the foreground and friends behind her",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-old-woman-with-eyeglasses_23-2148341534.jpg",
|
||||
alt: "Elegant old woman with eyeglasses",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-holding-shopping-cart_1187-3991.jpg", alt: "pretty woman holding a shopping cart" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-supermarket_23-2148150040.jpg", alt: "Happy couple having fun in supermarket" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-african-american-girl-holding-paper-bag-groceries-from-supermarket-very-happy-pointing-with-hand-finger_839833-5328.jpg", alt: "Young african american girl holding paper bag of groceries from supermarket very happy pointing with hand and finger" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-foreground-friends-her_329181-8071.jpg", alt: "Woman in the foreground and friends behind her" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-old-woman-with-eyeglasses_23-2148341534.jpg", alt: "Elegant old woman with eyeglasses" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Freshness",
|
||||
},
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Organic Certified" },
|
||||
{ type: "text", text: "Artisanal Coffee" },
|
||||
{ type: "text", text: "Community Driven" },
|
||||
{ type: "text", text: "Daily Freshness" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,7 +80,7 @@ export default function LandingPage() {
|
||||
description="At Gazuma, we bridge the gap between fresh farm produce and the perfect daily cup of coffee, built for our community."
|
||||
subdescription="Sourced locally, served daily, always fresh."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -171,21 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Certified Organic",
|
||||
description: "Strict quality standards for every item in our mart.",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Artisanal Roasts",
|
||||
description: "Small-batch coffee beans, freshly roasted daily.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Local Sourcing",
|
||||
description: "Supporting local farmers to reduce our carbon footprint.",
|
||||
},
|
||||
{ icon: Leaf, title: "Certified Organic", description: "Strict quality standards for every item in our mart." },
|
||||
{ icon: Coffee, title: "Artisanal Roasts", description: "Small-batch coffee beans, freshly roasted daily." },
|
||||
{ icon: Truck, title: "Local Sourcing", description: "Supporting local farmers to reduce our carbon footprint." },
|
||||
]}
|
||||
title="Why Gazuma?"
|
||||
description="Quality, freshness, and community guide everything we do."
|
||||
@@ -199,42 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Organic Red Apples",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bunch-tasty-looking-red-apples_181624-32229.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Artisanal Coffee Blend",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-italian-coffee-scoop-linen_1172-346.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fresh Harvest Greens",
|
||||
price: "$3.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sweet-potato-tomato-onion-carrots-pepper-potato-ginger-wooden-table_181624-22894.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rustic Sourdough Bread",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-freshly-bakery-products-spikelets-wheat-wooden-background-close-up-photo-freshly-baked-bread-products_613910-6792.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Raw Wildflower Honey",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-honey-drips-splashes_23-2151705840.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Organic Green Tea",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-loose-teas-with-wheat-wooden-bowl_114579-51981.jpg",
|
||||
},
|
||||
{ id: "1", name: "Organic Red Apples", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bunch-tasty-looking-red-apples_181624-32229.jpg" },
|
||||
{ id: "2", name: "Artisanal Coffee Blend", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/black-italian-coffee-scoop-linen_1172-346.jpg" },
|
||||
{ id: "3", name: "Fresh Harvest Greens", price: "$3.25", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sweet-potato-tomato-onion-carrots-pepper-potato-ginger-wooden-table_181624-22894.jpg" },
|
||||
{ id: "4", name: "Rustic Sourdough Bread", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-freshly-bakery-products-spikelets-wheat-wooden-background-close-up-photo-freshly-baked-bread-products_613910-6792.jpg" },
|
||||
{ id: "5", name: "Raw Wildflower Honey", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-honey-drips-splashes_23-2151705840.jpg" },
|
||||
{ id: "6", name: "Organic Green Tea", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/dried-loose-teas-with-wheat-wooden-bowl_114579-51981.jpg" },
|
||||
]}
|
||||
title="Daily Picks"
|
||||
description="Curated selection from our aisles."
|
||||
@@ -243,63 +121,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Chef",
|
||||
company: "Local Dining",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-buying-products-quarantine_23-2148480505.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "Architect",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-break_23-2148317329.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Blunt",
|
||||
role: "Designer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
role: "Writer",
|
||||
company: "Self Employed",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-supermarket_273609-15869.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mary Jane",
|
||||
role: "Teacher",
|
||||
company: "Primary School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Chef", company: "Local Dining", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-buying-products-quarantine_23-2148480505.jpg" },
|
||||
{ id: "2", name: "David Chen", role: "Architect", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-break_23-2148317329.jpg" },
|
||||
{ id: "3", name: "Emily Blunt", role: "Designer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
|
||||
{ id: "4", name: "John Doe", role: "Writer", company: "Self Employed", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-supermarket_273609-15869.jpg" },
|
||||
{ id: "5", name: "Mary Jane", role: "Teacher", company: "Primary School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1500+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Local Farmers",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Coffee Varieties",
|
||||
},
|
||||
{ value: "1500+", label: "Happy Customers" },
|
||||
{ value: "50+", label: "Local Farmers" },
|
||||
{ value: "20+", label: "Coffee Varieties" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear what our neighbors are saying."
|
||||
@@ -311,14 +146,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Farm Fresh Co.",
|
||||
"Beans & Co.",
|
||||
"Local Harvest",
|
||||
"Rustic Bakery",
|
||||
"Eco Food",
|
||||
"Tea Traditions",
|
||||
"Market Co-op",
|
||||
]}
|
||||
"Farm Fresh Co.", "Beans & Co.", "Local Harvest", "Rustic Bakery", "Eco Food", "Tea Traditions", "Market Co-op"]}
|
||||
title="Our Trusted Partners"
|
||||
description="We are proud to work with the best local suppliers."
|
||||
/>
|
||||
@@ -328,21 +156,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your hours?",
|
||||
content: "We are open daily from 7 AM to 9 PM.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we offer local delivery through our app.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you pet friendly?",
|
||||
content: "Our outdoor cafe seating is pet-friendly.",
|
||||
},
|
||||
{ id: "1", title: "What are your hours?", content: "We are open daily from 7 AM to 9 PM." },
|
||||
{ id: "2", title: "Do you deliver?", content: "Yes, we offer local delivery through our app." },
|
||||
{ id: "3", title: "Are you pet friendly?", content: "Our outdoor cafe seating is pet-friendly." },
|
||||
]}
|
||||
sideTitle="Common Queries"
|
||||
sideDescription="Everything you need to know about our store and cafe."
|
||||
@@ -352,10 +168,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter for weekly specials and fresh arrivals."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-giving-order-curbside-pickup-outdoors_23-2149106394.jpg"
|
||||
@@ -368,45 +183,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg"
|
||||
logoText="Gazuma Mart & Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Cafe",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "Products", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Cafe", items: [{ label: "Menu", href: "#" }, { label: "Location", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user