2 Commits

Author SHA1 Message Date
3abf609cb5 Update src/app/styles/variables.css 2026-06-12 21:51:38 +00:00
29069a09aa Update src/app/page.tsx 2026-06-12 21:51:38 +00:00
2 changed files with 64 additions and 201 deletions

View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About Us", name: "About Us", id: "#about"},
id: "#about",
},
{ {
name: "Products", name: "Products", id: "#products"},
id: "#products",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Bondes Quik Mart" brandName="Bondes Quik Mart"
/> />
@@ -59,70 +49,42 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroBillboard <HeroBillboard
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="Experience Everyday Indulgence" title="Experience Everyday Indulgence"
description="Bondes Quik Mart redefines convenience with a curated selection of gourmet delights, premium beverages, and essential luxuries. Step into a world where quality meets accessibility." description="Bondes Quik Mart redefines convenience with a curated selection of gourmet delights, premium beverages, and essential luxuries. Step into a world where quality meets accessibility."
buttons={[ buttons={[
{ {
text: "Shop Now", text: "Shop Now", href: "#products"},
href: "#products",
},
{ {
text: "Our Story", text: "Our Story", href: "#about"},
href: "#about",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149288409.jpg" imageSrc="http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149288409.jpg"
imageAlt="Luxurious convenience store interior with gourmet products" imageAlt="Luxurious convenience store interior with gourmet products"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Satisfied customer Sarah"},
alt: "Satisfied customer Sarah",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg", src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg", alt: "Happy shopper John"},
alt: "Happy shopper John",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg", src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg", alt: "Frequent visitor Emily"},
alt: "Frequent visitor Emily",
},
{ {
src: "http://img.b2bpic.net/free-photo/old-man-posing-indoors-medium-shot_23-2149883575.jpg", src: "http://img.b2bpic.net/free-photo/old-man-posing-indoors-medium-shot_23-2149883575.jpg", alt: "Loyal patron Michael"},
alt: "Loyal patron Michael",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-woman-street_58466-11057.jpg", src: "http://img.b2bpic.net/free-photo/portrait-woman-street_58466-11057.jpg", alt: "Delighted customer Jessica"},
alt: "Delighted customer Jessica",
},
]} ]}
avatarText="Join our community of discerning customers" avatarText="Join our community of discerning customers"
marqueeItems={[ marqueeItems={[
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/two-big-hermetic-packages-with-blank-labels-near-transparent-glass-with-raw-sampled-coffee-beans_346278-410.jpg", alt: "Gourmet coffee beans"},
src: "http://img.b2bpic.net/free-photo/two-big-hermetic-packages-with-blank-labels-near-transparent-glass-with-raw-sampled-coffee-beans_346278-410.jpg",
alt: "Gourmet coffee beans",
},
{ {
type: "text", type: "text", text: "Premium Chocolates"},
text: "Premium Chocolates",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-49102.jpg", alt: "Artisan bread"},
src: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-49102.jpg",
alt: "Artisan bread",
},
{ {
type: "text", type: "text", text: "Local Craft Beers"},
text: "Local Craft Beers",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/fresh-vegetables-greenery-healthy-life-food-broccoli-pepper-cherry-tomatoes-chili_8353-8600.jpg", alt: "Fresh organic produce"},
src: "http://img.b2bpic.net/free-photo/fresh-vegetables-greenery-healthy-life-food-broccoli-pepper-cherry-tomatoes-chili_8353-8600.jpg",
alt: "Fresh organic produce",
},
]} ]}
marqueeSpeed={40} marqueeSpeed={40}
showMarqueeCard={true} showMarqueeCard={true}
@@ -137,17 +99,11 @@ export default function LandingPage() {
description="We're not just a convenience store; we're a destination. Bondes Quik Mart offers meticulously sourced products, from artisanal snacks to craft beverages, ensuring every visit is a discovery." description="We're not just a convenience store; we're a destination. Bondes Quik Mart offers meticulously sourced products, from artisanal snacks to craft beverages, ensuring every visit is a discovery."
bulletPoints={[ bulletPoints={[
{ {
title: "Gourmet Selection", title: "Gourmet Selection", description: "Discover unique, high-quality products you won't find anywhere else."},
description: "Discover unique, high-quality products you won't find anywhere else.",
},
{ {
title: "Exceptional Service", title: "Exceptional Service", description: "Our friendly staff is dedicated to making your shopping experience delightful."},
description: "Our friendly staff is dedicated to making your shopping experience delightful.",
},
{ {
title: "Community Focus", title: "Community Focus", description: "Supporting local artisans and bringing the best to our neighborhood."},
description: "Supporting local artisans and bringing the best to our neighborhood.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat-beige-coat_627829-5519.jpg" imageSrc="http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat-beige-coat_627829-5519.jpg"
imageAlt="Elegant convenience store aisle" imageAlt="Elegant convenience store aisle"
@@ -163,47 +119,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", name: "Artisan Roast Coffee", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-powder_114579-16635.jpg", imageAlt: "Bag of artisan roast coffee"},
name: "Artisan Roast Coffee",
price: "$18.99",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-powder_114579-16635.jpg",
imageAlt: "Bag of artisan roast coffee",
},
{ {
id: "2", id: "2", name: "Handmade Sourdough", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-97260.jpg", imageAlt: "Freshly baked handmade sourdough bread"},
name: "Handmade Sourdough",
price: "$7.50",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-97260.jpg",
imageAlt: "Freshly baked handmade sourdough bread",
},
{ {
id: "3", id: "3", name: "Local Craft IPA", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-dark-skinned-male-with-tattoo-his-hand-standing-counter-brewery_613910-19276.jpg", imageAlt: "Six-pack of local craft IPA beer"},
name: "Local Craft IPA",
price: "$12.00",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-dark-skinned-male-with-tattoo-his-hand-standing-counter-brewery_613910-19276.jpg",
imageAlt: "Six-pack of local craft IPA beer",
},
{ {
id: "4", id: "4", name: "Gourmet Chocolate Truffles", price: "$24.95", imageSrc: "http://img.b2bpic.net/free-vector/elegant-wedding-invitation-with-golden-mandalas_23-2147632034.jpg", imageAlt: "Box of gourmet chocolate truffles"},
name: "Gourmet Chocolate Truffles",
price: "$24.95",
imageSrc: "http://img.b2bpic.net/free-vector/elegant-wedding-invitation-with-golden-mandalas_23-2147632034.jpg",
imageAlt: "Box of gourmet chocolate truffles",
},
{ {
id: "5", id: "5", name: "Organic Berry Mix", price: "$6.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-raspberries-plums-inside-black-form-pink-surface_140725-44170.jpg", imageAlt: "Container of organic mixed berries"},
name: "Organic Berry Mix",
price: "$6.75",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-raspberries-plums-inside-black-form-pink-surface_140725-44170.jpg",
imageAlt: "Container of organic mixed berries",
},
{ {
id: "6", id: "6", name: "Spicy Mango Chips", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-cake-with-berries-waffles-appetizing-colorful-sweets-cookies_140725-71842.jpg", imageAlt: "Bag of spicy mango chips"},
name: "Spicy Mango Chips",
price: "$4.25",
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-cake-with-berries-waffles-appetizing-colorful-sweets-cookies_140725-71842.jpg",
imageAlt: "Bag of spicy mango chips",
},
]} ]}
title="Explore Our Premium Selection" title="Explore Our Premium Selection"
description="From exquisite local goods to international delicacies, our shelves are stocked with products chosen for their exceptional quality and unique appeal." description="From exquisite local goods to international delicacies, our shelves are stocked with products chosen for their exceptional quality and unique appeal."
@@ -218,25 +144,15 @@ export default function LandingPage() {
author="Eleanor Vance, Local Resident" author="Eleanor Vance, Local Resident"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg", src: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg", alt: "Eleanor Vance"},
alt: "Eleanor Vance",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg", src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg", alt: "Marcus Bell"},
alt: "Marcus Bell",
},
{ {
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12693.jpg", src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12693.jpg", alt: "Sophia Lee"},
alt: "Sophia Lee",
},
{ {
src: "http://img.b2bpic.net/free-photo/image-disgusted-young-man-showing-tongue-grimacing-from-aversion-dislike-smth-nasty-with-bad-smell-white-background_176420-49773.jpg", src: "http://img.b2bpic.net/free-photo/image-disgusted-young-man-showing-tongue-grimacing-from-aversion-dislike-smth-nasty-with-bad-smell-white-background_176420-49773.jpg", alt: "David Cho"},
alt: "David Cho",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-slavic-girl-gesturing-victory-sign_141793-124646.jpg", src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-slavic-girl-gesturing-victory-sign_141793-124646.jpg", alt: "Olivia Green"},
alt: "Olivia Green",
},
]} ]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="blur-reveal" avatarsAnimation="blur-reveal"
@@ -248,14 +164,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Urban Gourmet", "Urban Gourmet", "Terra Farms", "Brewmasters Guild", "Sweet Escapes", "Daily Grind Coffee", "Artisan Bakery Co.", "Wellness Provisions"]}
"Terra Farms",
"Brewmasters Guild",
"Sweet Escapes",
"Daily Grind Coffee",
"Artisan Bakery Co.",
"Wellness Provisions",
]}
title="Trusted by Discerning Tastes" title="Trusted by Discerning Tastes"
description="Proudly featuring products from acclaimed local artisans and renowned gourmet brands, ensuring quality in every item." description="Proudly featuring products from acclaimed local artisans and renowned gourmet brands, ensuring quality in every item."
speed={40} speed={40}
@@ -270,31 +179,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "1", id: "1", value: "15+", title: "Years Serving", items: [
value: "15+", "Reliable Community Partner", "Trusted Local Business"],
title: "Years Serving",
items: [
"Reliable Community Partner",
"Trusted Local Business",
],
}, },
{ {
id: "2", id: "2", value: "200+", title: "Premium Products", items: [
value: "200+", "Curated Gourmet Selection", "Exclusive Brands"],
title: "Premium Products",
items: [
"Curated Gourmet Selection",
"Exclusive Brands",
],
}, },
{ {
id: "3", id: "3", value: "98%", title: "Happy Customers", items: [
value: "98%", "Exceptional Service Rated", "Consistent Positive Feedback"],
title: "Happy Customers",
items: [
"Exceptional Service Rated",
"Consistent Positive Feedback",
],
}, },
]} ]}
title="Our Commitment to Excellence" title="Our Commitment to Excellence"
@@ -308,20 +202,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "What makes Bondes Quik Mart different?", content: "We offer a meticulously curated selection of gourmet, local, and artisanal products, focusing on quality over quantity. Our goal is to elevate your everyday convenience shopping."},
title: "What makes Bondes Quik Mart different?",
content: "We offer a meticulously curated selection of gourmet, local, and artisanal products, focusing on quality over quantity. Our goal is to elevate your everyday convenience shopping.",
},
{ {
id: "2", id: "2", title: "Do you offer local delivery?", content: "Yes, we provide local delivery within a 5-mile radius for orders over $50. Check our 'Services' page for more details or call us directly."},
title: "Do you offer local delivery?",
content: "Yes, we provide local delivery within a 5-mile radius for orders over $50. Check our 'Services' page for more details or call us directly.",
},
{ {
id: "3", id: "3", title: "Can I request specific products?", content: "Absolutely! We love hearing from our customers. If there's a particular gourmet item or local product you'd like us to stock, please let us know at the counter or via our contact form."},
title: "Can I request specific products?",
content: "Absolutely! We love hearing from our customers. If there's a particular gourmet item or local product you'd like us to stock, please let us know at the counter or via our contact form.",
},
]} ]}
title="Questions? We've Got Answers." title="Questions? We've Got Answers."
description="Find quick answers to common inquiries about our store, products, and services, ensuring clarity and convenience for your experience." description="Find quick answers to common inquiries about our store, products, and services, ensuring clarity and convenience for your experience."
@@ -333,8 +218,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "downward-rays-static", variant: "downward-rays-static"}}
}}
tag="Connect" tag="Connect"
title="Visit Us Today" title="Visit Us Today"
description="Located conveniently in the heart of the city, Bondes Quik Mart is ready to serve your discerning needs. Stop by or reach out for special requests or inquiries." description="Located conveniently in the heart of the city, Bondes Quik Mart is ready to serve your discerning needs. Stop by or reach out for special requests or inquiries."
@@ -348,54 +232,33 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "About Us", title: "About Us", items: [
items: [
{ {
label: "Our Story", label: "Our Story", href: "#about"},
href: "#about",
},
{ {
label: "Our Philosophy", label: "Our Philosophy", href: "#about"},
href: "#about",
},
{ {
label: "Team", label: "Team", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Products", title: "Products", items: [
items: [
{ {
label: "Gourmet Selection", label: "Gourmet Selection", href: "#products"},
href: "#products",
},
{ {
label: "Local Artisans", label: "Local Artisans", href: "#products"},
href: "#products",
},
{ {
label: "New Arrivals", label: "New Arrivals", href: "#products"},
href: "#products",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
], ],
}, },
]} ]}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f5f5; --background: #ffffff;
--card: #ffffff; --card: #f9f9f9;
--foreground: #1c1c1c; --foreground: #120a00e6;
--primary-cta: #1c1c1c; --primary-cta: #E34400;
--primary-cta-text: #f5f5f5; --primary-cta-text: #ffffff;
--secondary-cta: #ffffff; --secondary-cta: #f9f9f9;
--secondary-cta-text: #1c1c1c; --secondary-cta-text: #120a00e6;
--accent: #15479c; --accent: #e2e2e2;
--background-accent: #a8cce8; --background-accent: #E34400;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);