Update src/app/page.tsx

This commit is contained in:
2026-05-11 13:29:52 +00:00
parent d5be625f77
commit 575a486439

View File

@@ -31,41 +31,23 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Connoisseur 420"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Benoni's Finest Cannabis Experience"
description="Discover a curated selection of premium products in a professional and discreet environment. Quality you can trust, delivered with expertise."
buttons={[
{
text: "Explore Products",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/cannabis-cannabis-seeds-cannabis-leaves-placed-green-board-there-is-hemp-oil-beside-wooden-floor_1150-18865.jpg?_wi=1"
buttons={[{ text: "Explore Products", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/cannabis-cannabis-seeds-cannabis-leaves-placed-green-board-there-is-hemp-oil-beside-wooden-floor_1150-18865.jpg"
/>
</div>
@@ -74,9 +56,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Your Trusted Local Experts"
description={[
"Founded with a passion for quality and consumer education, Connoisseur 420 serves the Benoni community with integrity.",
"We believe in transparency, safety, and excellence in every product we offer our customers.",
]}
"Founded with a passion for quality and consumer education, Connoisseur 420 serves the Benoni community with integrity.", "We believe in transparency, safety, and excellence in every product we offer our customers."]}
/>
</div>
@@ -87,48 +67,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Premium Haze",
price: "R 250",
variant: "Flower",
imageSrc: "http://img.b2bpic.net/free-photo/organic-dried-flowers-white-bowl_114579-70413.jpg?_wi=1",
},
{
id: "p2",
name: "OG Kush Select",
price: "R 300",
variant: "Flower",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nice-cacti_23-2147759177.jpg?_wi=1",
},
{
id: "p3",
name: "CBD Oil 500mg",
price: "R 450",
variant: "Wellness",
imageSrc: "http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-assortment_23-2149013569.jpg",
},
{
id: "p4",
name: "Glass Pipe Pro",
price: "R 150",
variant: "Accessory",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974205.jpg",
},
{
id: "p5",
name: "Hemp Pre-roll",
price: "R 80",
variant: "Convenience",
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-composition_23-2149013604.jpg",
},
{
id: "p6",
name: "Storage Case",
price: "R 120",
variant: "Accessory",
imageSrc: "http://img.b2bpic.net/free-photo/standing-billboard-template-front-shop_23-2148197262.jpg",
},
{ id: "p1", name: "Premium Haze", price: "R 250", variant: "Flower", imageSrc: "http://img.b2bpic.net/free-photo/organic-dried-flowers-white-bowl_114579-70413.jpg" },
{ id: "p2", name: "OG Kush Select", price: "R 300", variant: "Flower", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nice-cacti_23-2147759177.jpg" },
{ id: "p3", name: "CBD Oil 500mg", price: "R 450", variant: "Wellness", imageSrc: "http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-assortment_23-2149013569.jpg" },
{ id: "p4", name: "Glass Pipe Pro", price: "R 150", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974205.jpg" },
{ id: "p5", name: "Hemp Pre-roll", price: "R 80", variant: "Convenience", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-composition_23-2149013604.jpg" },
{ id: "p6", name: "Storage Case", price: "R 120", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/standing-billboard-template-front-shop_23-2148197262.jpg" },
]}
title="Premium Selections"
description="Hand-picked strains and accessories for every preference."
@@ -142,40 +86,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Expert Guidance",
description: "Knowledgeable staff ready to assist with your needs.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-pharmaceutical-industry_23-2151684902.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/men-play-guitar-writing-music-african-caucasian-men_1157-47324.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/cannabis-cannabis-seeds-cannabis-leaves-placed-green-board-there-is-hemp-oil-beside-wooden-floor_1150-18865.jpg?_wi=2",
imageAlt: "cannabis shop expert staff consultation",
title: "Expert Guidance", description: "Knowledgeable staff ready to assist with your needs.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-pharmaceutical-industry_23-2151684902.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/men-play-guitar-writing-music-african-caucasian-men_1157-47324.jpg" }
},
{
title: "Safety Guaranteed",
description: "All products are lab tested and sourced legally.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-technologist-white-protective-uniform-controlling-industrial-machine-production-plant_342744-1163.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-pointing-mini-clipboard-protective-suit_176474-23649.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/organic-dried-flowers-white-bowl_114579-70413.jpg?_wi=2",
imageAlt: "cannabis shop expert staff consultation",
title: "Safety Guaranteed", description: "All products are lab tested and sourced legally.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-technologist-white-protective-uniform-controlling-industrial-machine-production-plant_342744-1163.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-pointing-mini-clipboard-protective-suit_176474-23649.jpg" }
},
{
title: "Discreet Service",
description: "We prioritize your privacy in everything we do.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/doctor-hand-hold-offer-patient-medical-marijuana-oil_1150-16909.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nice-cacti_23-2147759177.jpg?_wi=2",
imageAlt: "cannabis shop expert staff consultation",
title: "Discreet Service", description: "We prioritize your privacy in everything we do.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-hand-hold-offer-patient-medical-marijuana-oil_1150-16909.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg" }
},
]}
showStepNumbers={true}
@@ -191,21 +111,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100+",
description: "Happy Customers Monthly",
},
{
id: "m2",
value: "50+",
description: "Curated Strains",
},
{
id: "m3",
value: "5",
description: "Years of Excellence",
},
{ id: "m1", value: "100+", description: "Happy Customers Monthly" },
{ id: "m2", value: "50+", description: "Curated Strains" },
{ id: "m3", value: "5", description: "Years of Excellence" },
]}
title="Our Impact"
description="Numbers that speak to our community dedication."
@@ -218,41 +126,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John Doe",
role: "Regular",
testimonial: "Best service in Benoni, hands down.",
imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
},
{
id: "2",
name: "Jane Smith",
role: "Wellness User",
testimonial: "Knowledgeable and always friendly.",
imageSrc: "http://img.b2bpic.net/free-photo/view-charming-woman-smiling-tablet-home_197531-33767.jpg",
},
{
id: "3",
name: "Mike Ross",
role: "Client",
testimonial: "Top quality products every time.",
imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-emotional-numbness_23-2151089757.jpg",
},
{
id: "4",
name: "Sarah Lee",
role: "Visitor",
testimonial: "Very professional and discreet staff.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-european-woman-green-jacket-touching-her-hair-blur-background-photo-fashionable-girl-with-beautiful-brown-hair-smiling-camera_291650-2183.jpg",
},
{
id: "5",
name: "David King",
role: "Local",
testimonial: "The shop is welcoming and clean.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-amusement-park_23-2147910667.jpg",
},
{ id: "1", name: "John Doe", role: "Regular", testimonial: "Best service in Benoni, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg" },
{ id: "2", name: "Jane Smith", role: "Wellness User", testimonial: "Knowledgeable and always friendly.", imageSrc: "http://img.b2bpic.net/free-photo/view-charming-woman-smiling-tablet-home_197531-33767.jpg" },
{ id: "3", name: "Mike Ross", role: "Client", testimonial: "Top quality products every time.", imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-emotional-numbness_23-2151089757.jpg" },
{ id: "4", name: "Sarah Lee", role: "Visitor", testimonial: "Very professional and discreet staff.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-european-woman-green-jacket-touching-her-hair-blur-background-photo-fashionable-girl-with-beautiful-brown-hair-smiling-camera_291650-2183.jpg" },
{ id: "5", name: "David King", role: "Local", testimonial: "The shop is welcoming and clean.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-amusement-park_23-2147910667.jpg" },
]}
title="Customer Stories"
description="Real feedback from our loyal community."
@@ -264,21 +142,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Are you open today?",
content: "Yes, we are open and ready to serve you.",
},
{
id: "q2",
title: "Do you deliver?",
content: "We offer convenient in-store pickup options.",
},
{
id: "q3",
title: "Is identification required?",
content: "Yes, please carry valid ID for all purchases.",
},
{ id: "q1", title: "Are you open today?", content: "Yes, we are open and ready to serve you." },
{ id: "q2", title: "Do you deliver?", content: "We offer convenient in-store pickup options." },
{ id: "q3", title: "Is identification required?", content: "Yes, please carry valid ID for all purchases." },
]}
title="Common Questions"
description="Find answers to help you get started."
@@ -289,48 +155,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Have questions? Visit us in Benoni today."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Products",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Products", href: "#products" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
]}
logoText="Connoisseur 420"
/>