Merge version_4 into main #6
148
src/app/page.tsx
148
src/app/page.tsx
@@ -8,11 +8,11 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Coffee, Leaf, Truck } from "lucide-react";
|
||||
import { Coffee, Leaf, Truck, MapPin, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,8 +33,8 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gazuma Mart & Cafe"
|
||||
@@ -47,76 +47,30 @@ export default function LandingPage() {
|
||||
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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ name: "Yudhi Rahman", handle: "@yudhir", testimonial: "The best spot to grab coffee and groceries. Absolutely love the atmosphere!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-with-smile-face-holding-coffee-cup-standing-coffee-shop_23-2148784180.jpg" },
|
||||
{ name: "Daniel Ahmad Fauzan", handle: "@danifa", testimonial: "Fantastic service and high-quality products. My go-to place every morning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-cup-coffee_23-2148560086.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg?_wi=2"
|
||||
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" },
|
||||
]}
|
||||
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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="A Community Hub for Local Living"
|
||||
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"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
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." },
|
||||
]}
|
||||
title="Why Gazuma?"
|
||||
description="Quality, freshness, and community guide everything we do."
|
||||
buttons={[{ text: "WhatsApp Order", href: "https://wa.me/1234567890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Our Cafe Favorites"
|
||||
description="A curated selection of our most popular items."
|
||||
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: "Signature Latte", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-latte-with-latte-art-table_140725-7815.jpg" },
|
||||
{ id: "2", name: "Fresh Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/croissant-with-coffee-breakfast-wooden-table_144627-23467.jpg" },
|
||||
{ id: "3", name: "Organic Acai Bowl", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-with-fruit-acai-bowl-top-view_1150-13651.jpg" },
|
||||
{ id: "4", name: "Cold Brew Coffee", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/cold-brew-coffee-glass_1150-14283.jpg" },
|
||||
{ id: "5", name: "Artisanal Sourdough", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-bread-wooden-surface_1150-14234.jpg" },
|
||||
{ id: "6", name: "Green Tea Matcha", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/matcha-tea-bowl-with-bamboo-whisk_1150-14300.jpg" }
|
||||
]}
|
||||
title="Daily Picks"
|
||||
description="Curated selection from our aisles."
|
||||
buttons={[{ text: "Browse Full Menu", href: "#" }]}
|
||||
buttons={[{ text: "Chat via WhatsApp", href: "https://wa.me/1234567890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -124,69 +78,37 @@ export default function LandingPage() {
|
||||
<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" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ 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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<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." },
|
||||
title="Customer Stories"
|
||||
description="Our community's favorite moments."
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Daily Cups" },
|
||||
{ value: "200+", label: "Satisfied Foodies" },
|
||||
{ value: "4.9/5", label: "Average Rating" }
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Yudhi Rahman", role: "Regular Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-with-smile-face-holding-coffee-cup-standing-coffee-shop_23-2148784180.jpg" },
|
||||
{ id: "2", name: "Daniel Ahmad Fauzan", role: "Regular Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-cup-coffee_23-2148560086.jpg" },
|
||||
]}
|
||||
sideTitle="Common Queries"
|
||||
sideDescription="Everything you need to know about our store and cafe."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Get 10% off your first coffee"
|
||||
description="Join our newsletter to receive your discount and stay updated on fresh arrivals."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-giving-order-curbside-pickup-outdoors_23-2149106394.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Contact Us"
|
||||
title="Find Us & Connect"
|
||||
description="We are located in the heart of the city. Need help? Message us on WhatsApp or visit us!"
|
||||
buttons={[{ text: "Chat on WhatsApp", href: "https://wa.me/1234567890" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-interior-with-tables-chairs_1150-14256.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
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: "Menu", items: [{ label: "Coffees", href: "#products" }, { label: "Bakery", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/1234567890" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #94877c;
|
||||
--background-accent: #8b5a2b;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user