3 Commits

Author SHA1 Message Date
37c0cec85f Merge version_2 into main
Merge version_2 into main
2026-06-12 21:51:41 +00:00
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
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Bondes Quik Mart"
/>
@@ -59,70 +49,42 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
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."
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Our Story",
href: "#about",
},
text: "Our Story", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149288409.jpg"
imageAlt="Luxurious convenience store interior with gourmet products"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
alt: "Satisfied customer Sarah",
},
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Satisfied customer Sarah"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg",
alt: "Happy shopper John",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg", 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",
alt: "Frequent visitor Emily",
},
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"},
{
src: "http://img.b2bpic.net/free-photo/old-man-posing-indoors-medium-shot_23-2149883575.jpg",
alt: "Loyal patron Michael",
},
src: "http://img.b2bpic.net/free-photo/old-man-posing-indoors-medium-shot_23-2149883575.jpg", alt: "Loyal patron Michael"},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-street_58466-11057.jpg",
alt: "Delighted customer Jessica",
},
src: "http://img.b2bpic.net/free-photo/portrait-woman-street_58466-11057.jpg", alt: "Delighted customer Jessica"},
]}
avatarText="Join our community of discerning customers"
marqueeItems={[
{
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",
},
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"},
{
type: "text",
text: "Premium Chocolates",
},
type: "text", text: "Premium Chocolates"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-49102.jpg",
alt: "Artisan bread",
},
type: "image", src: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-49102.jpg", alt: "Artisan bread"},
{
type: "text",
text: "Local Craft Beers",
},
type: "text", text: "Local Craft Beers"},
{
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",
},
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"},
]}
marqueeSpeed={40}
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."
bulletPoints={[
{
title: "Gourmet Selection",
description: "Discover unique, high-quality products you won't find anywhere else.",
},
title: "Gourmet Selection", description: "Discover unique, high-quality products you won't find anywhere else."},
{
title: "Exceptional Service",
description: "Our friendly staff is dedicated to making your shopping experience delightful.",
},
title: "Exceptional Service", description: "Our friendly staff is dedicated to making your shopping experience delightful."},
{
title: "Community Focus",
description: "Supporting local artisans and bringing the best to our neighborhood.",
},
title: "Community Focus", 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"
imageAlt="Elegant convenience store aisle"
@@ -163,47 +119,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
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."
@@ -218,25 +144,15 @@ export default function LandingPage() {
author="Eleanor Vance, Local Resident"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg",
alt: "Eleanor Vance",
},
src: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg", alt: "Eleanor Vance"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg",
alt: "Marcus Bell",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg", alt: "Marcus Bell"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12693.jpg",
alt: "Sophia Lee",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12693.jpg", 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",
alt: "David Cho",
},
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"},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-slavic-girl-gesturing-victory-sign_141793-124646.jpg",
alt: "Olivia Green",
},
src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-slavic-girl-gesturing-victory-sign_141793-124646.jpg", alt: "Olivia Green"},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -248,14 +164,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Urban Gourmet",
"Terra Farms",
"Brewmasters Guild",
"Sweet Escapes",
"Daily Grind Coffee",
"Artisan Bakery Co.",
"Wellness Provisions",
]}
"Urban Gourmet", "Terra Farms", "Brewmasters Guild", "Sweet Escapes", "Daily Grind Coffee", "Artisan Bakery Co.", "Wellness Provisions"]}
title="Trusted by Discerning Tastes"
description="Proudly featuring products from acclaimed local artisans and renowned gourmet brands, ensuring quality in every item."
speed={40}
@@ -270,31 +179,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "15+",
title: "Years Serving",
items: [
"Reliable Community Partner",
"Trusted Local Business",
],
id: "1", value: "15+", title: "Years Serving", items: [
"Reliable Community Partner", "Trusted Local Business"],
},
{
id: "2",
value: "200+",
title: "Premium Products",
items: [
"Curated Gourmet Selection",
"Exclusive Brands",
],
id: "2", value: "200+", title: "Premium Products", items: [
"Curated Gourmet Selection", "Exclusive Brands"],
},
{
id: "3",
value: "98%",
title: "Happy Customers",
items: [
"Exceptional Service Rated",
"Consistent Positive Feedback",
],
id: "3", value: "98%", title: "Happy Customers", items: [
"Exceptional Service Rated", "Consistent Positive Feedback"],
},
]}
title="Our Commitment to Excellence"
@@ -308,20 +202,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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="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."
@@ -333,8 +218,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
tag="Connect"
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."
@@ -348,54 +232,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Our Philosophy",
href: "#about",
},
label: "Our Philosophy", href: "#about"},
{
label: "Team",
href: "#",
},
label: "Team", href: "#"},
],
},
{
title: "Products",
items: [
title: "Products", items: [
{
label: "Gourmet Selection",
href: "#products",
},
label: "Gourmet Selection", href: "#products"},
{
label: "Local Artisans",
href: "#products",
},
label: "Local Artisans", href: "#products"},
{
label: "New Arrivals",
href: "#products",
},
label: "New Arrivals", href: "#products"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}

View File

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