432 lines
17 KiB
TypeScript
432 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import {
|
|
Lock,
|
|
Truck,
|
|
Leaf,
|
|
Users,
|
|
Shield,
|
|
Sparkles,
|
|
CheckCircle,
|
|
Mail,
|
|
Star,
|
|
HelpCircle,
|
|
} from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Shop", id: "shop" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Community", id: "community" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={navItems}
|
|
brandName="Heritage Wellness"
|
|
button={{
|
|
text: "Member Login",
|
|
href: "/login",
|
|
}}
|
|
className="bg-opacity-95"
|
|
buttonClassName="bg-green-700 hover:bg-green-800"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero-home" data-section="hero-home">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Heritage Wellness"
|
|
description="Premium cannabis products for health and community well-being. Trusted, safe, and delivered to your door."
|
|
background={{ variant: "glowing-orb" }}
|
|
buttons={[
|
|
{ text: "Verify & Shop", href: "/shop" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-wedding-facebook-cover_23-2149138051.jpg?_wi=1"
|
|
imageAlt="Heritage cannabis wellness branding"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="card"
|
|
className="min-h-screen"
|
|
containerClassName="px-4"
|
|
logoClassName="text-4xl font-bold text-green-900"
|
|
descriptionClassName="text-lg text-green-800"
|
|
buttonClassName="px-6 py-3 rounded-lg"
|
|
buttonTextClassName="font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-home" data-section="about-home">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content:
|
|
"Your Trusted Cannabis Wellness Partner in South Africa",
|
|
},
|
|
]}
|
|
buttons={[{ text: "Explore Products", href: "/shop" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
className="py-16"
|
|
containerClassName="max-w-4xl mx-auto"
|
|
headingClassName="text-4xl font-bold text-green-900 mb-6"
|
|
imageWrapperClassName="rounded-lg overflow-hidden"
|
|
imageClassName="w-full h-96 object-cover"
|
|
buttonClassName="bg-green-700 text-white hover:bg-green-800"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-home" data-section="features-home">
|
|
<FeatureBorderGlow
|
|
title="Why Choose Heritage Wellness"
|
|
description="We combine premium quality with community values and legal compliance"
|
|
tag="Our Commitment"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
icon: Lock,
|
|
title: "Age Verification System",
|
|
description:
|
|
"Strict 18+ verification ensures legal compliance and member safety",
|
|
},
|
|
{
|
|
icon: Truck,
|
|
title: "Reliable Delivery",
|
|
description:
|
|
"Fast, discreet delivery through trusted courier partners across SA",
|
|
},
|
|
{
|
|
icon: Leaf,
|
|
title: "Premium Quality",
|
|
description:
|
|
"Carefully selected, tested products for optimal wellness benefits",
|
|
},
|
|
{
|
|
icon: Users,
|
|
title: "Community Focused",
|
|
description:
|
|
"We build a supportive community around health and well-being",
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: "Secure Member Portal",
|
|
description:
|
|
"Private profile, order tracking, and personalized recommendations",
|
|
},
|
|
{
|
|
icon: Sparkles,
|
|
title: "Expert Guidance",
|
|
description:
|
|
"Professional consultations for product selection and wellness advice",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="py-16"
|
|
containerClassName="max-w-6xl mx-auto px-4"
|
|
cardClassName="bg-white rounded-lg p-6 border border-green-100"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products-home" data-section="products-home">
|
|
<ProductCardTwo
|
|
title="Premium Cannabis Selection"
|
|
description="Carefully curated products for your wellness journey"
|
|
tag="Featured Products"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "View All Products", href: "/shop" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "product-1",
|
|
brand: "Heritage Selection",
|
|
name: "Premium Flower Mix",
|
|
price: "R450",
|
|
rating: 4.8,
|
|
reviewCount: "142",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-composition_23-2149013561.jpg?_wi=1",
|
|
imageAlt: "Premium cannabis flower",
|
|
isFavorited: false,
|
|
},
|
|
{
|
|
id: "product-2",
|
|
brand: "Heritage Selection",
|
|
name: "Wellness Oil Extract",
|
|
price: "R520",
|
|
rating: 4.9,
|
|
reviewCount: "98",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/closeup-shot-green-marijuana-plant-white-pot_181624-22443.jpg?_wi=1",
|
|
imageAlt: "Cannabis wellness oil",
|
|
isFavorited: false,
|
|
},
|
|
{
|
|
id: "product-3",
|
|
brand: "Heritage Selection",
|
|
name: "Edibles Pack",
|
|
price: "R380",
|
|
rating: 4.7,
|
|
reviewCount: "156",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-composition_23-2149013561.jpg?_wi=2",
|
|
imageAlt: "Cannabis edibles",
|
|
isFavorited: false,
|
|
},
|
|
]}
|
|
className="py-16"
|
|
containerClassName="max-w-6xl mx-auto px-4"
|
|
cardClassName="bg-white rounded-lg p-4 shadow-sm"
|
|
imageClassName="w-full h-64 object-cover rounded-lg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials-home" data-section="testimonials-home">
|
|
<TestimonialCardSix
|
|
title="Trusted by Our Community"
|
|
description="Real stories from members who found wellness through Heritage"
|
|
tag="Community Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1",
|
|
name: "James M.",
|
|
handle: "@jamesm_wellness",
|
|
testimonial:
|
|
"The quality and professionalism exceeded my expectations. Finally a dispensary that treats cannabis seriously as a wellness product.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/five-friends-toasting-with-glasses-wine-smiling-outdoor-party_23-2149366206.jpg?_wi=1",
|
|
imageAlt: "James testimonial",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "testimonial-2",
|
|
name: "Sarah K.",
|
|
handle: "@sarahk_sa",
|
|
testimonial:
|
|
"The member portal is incredibly easy to use, delivery is always on time, and their product knowledge is outstanding.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/five-friends-toasting-with-glasses-wine-smiling-outdoor-party_23-2149366206.jpg?_wi=2",
|
|
imageAlt: "Sarah testimonial",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "testimonial-3",
|
|
name: "David T.",
|
|
handle: "@davidt_wellness",
|
|
testimonial:
|
|
"I appreciate their commitment to legal compliance and community well-being. This is exactly what South Africa needed.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/five-friends-toasting-with-glasses-wine-smiling-outdoor-party_23-2149366206.jpg?_wi=3",
|
|
imageAlt: "David testimonial",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "testimonial-4",
|
|
name: "Thandi N.",
|
|
handle: "@thandin_health",
|
|
testimonial:
|
|
"The age verification process was smooth, the products are amazing, and the delivery service is reliable. Highly recommend!",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/five-friends-toasting-with-glasses-wine-smiling-outdoor-party_23-2149366206.jpg?_wi=4",
|
|
imageAlt: "Thandi testimonial",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "testimonial-5",
|
|
name: "Marcus B.",
|
|
handle: "@marcusb_wellness",
|
|
testimonial:
|
|
"Heritage Wellness has transformed how I view cannabis retail. Professional, legal, and genuinely community-focused.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/five-friends-toasting-with-glasses-wine-smiling-outdoor-party_23-2149366206.jpg?_wi=5",
|
|
imageAlt: "Marcus testimonial",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "testimonial-6",
|
|
name: "Lisa R.",
|
|
handle: "@lisar_health",
|
|
testimonial:
|
|
"The member exclusive deals and personalized recommendations make this the best cannabis platform in South Africa.",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/five-friends-toasting-with-glasses-wine-smiling-outdoor-party_23-2149366206.jpg?_wi=6",
|
|
imageAlt: "Lisa testimonial",
|
|
icon: Star,
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
className="py-16"
|
|
containerClassName="max-w-6xl mx-auto px-4"
|
|
cardClassName="bg-white rounded-lg p-6 border border-green-100"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq-home" data-section="faq-home">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Heritage Wellness and our services"
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "faq-1",
|
|
title: "How does the age verification work?",
|
|
content:
|
|
"Upon registration, all members must verify they are 18 or older through our secure verification system. This includes government ID verification and compliance checks to ensure legal adherence.",
|
|
},
|
|
{
|
|
id: "faq-2",
|
|
title: "What delivery services do you use?",
|
|
content:
|
|
"We partner with major courier services across South Africa to ensure reliable, discreet delivery. You'll receive tracking information upon order confirmation, and we're constantly evaluating additional delivery partners for better coverage.",
|
|
},
|
|
{
|
|
id: "faq-3",
|
|
title: "How do I create my member profile?",
|
|
content:
|
|
"Simply visit our registration page, provide your information, and complete the age verification process. Once verified, you'll have access to your secure member portal where you can browse products, track orders, and manage your preferences.",
|
|
},
|
|
{
|
|
id: "faq-4",
|
|
title: "What areas do you deliver to?",
|
|
content:
|
|
"Currently we deliver to all major cities across South Africa including Johannesburg, Cape Town, Durban, Pretoria, and surrounding areas. Coverage continues to expand monthly.",
|
|
},
|
|
{
|
|
id: "faq-5",
|
|
title: "Are products lab-tested?",
|
|
content:
|
|
"Yes, all our products undergo rigorous testing for quality, potency, and safety. We maintain full transparency with lab reports available upon request.",
|
|
},
|
|
{
|
|
id: "faq-6",
|
|
title: "What payment methods do you accept?",
|
|
content:
|
|
"We accept all major credit/debit cards, bank transfers, and selected e-wallets for member convenience and security.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/successful-business-leader-testing-mobile-app_1262-18348.jpg?_wi=1"
|
|
imageAlt="FAQ support image"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
className="py-16"
|
|
containerClassName="max-w-6xl mx-auto px-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-home" data-section="contact-home">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Connect With Our Community"
|
|
description="Have questions? Our wellness experts are here to help with product recommendations and support."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beauty-hand-sunrise-meditate-relax_1253-698.jpg?_wi=1"
|
|
imageAlt="Wellness community"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email to join our community"
|
|
buttonText="Join Now"
|
|
termsText="By joining, you agree to our Terms of Service and Privacy Policy. We respect your data."
|
|
className="py-16"
|
|
containerClassName="max-w-6xl mx-auto px-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer-home" data-section="footer-home">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-wedding-facebook-cover_23-2149138051.jpg?_wi=2"
|
|
imageAlt="Heritage Wellness branding"
|
|
logoText="Heritage Wellness"
|
|
copyrightText="© 2025 Heritage Wellness | Premium Cannabis for South Africa"
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{ label: "Products", href: "/shop" },
|
|
{ label: "New Arrivals", href: "/shop?filter=new" },
|
|
{ label: "Bestsellers", href: "/shop?filter=bestsellers" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Community", href: "/community" },
|
|
{ label: "Careers", href: "/careers" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Member Portal", href: "/login" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#privacy" },
|
|
{ label: "Terms of Service", href: "#terms" },
|
|
{ label: "Age Verification", href: "#verification" },
|
|
],
|
|
},
|
|
]}
|
|
className="bg-green-900 text-white"
|
|
containerClassName="max-w-6xl mx-auto px-4"
|
|
logoTextClassName="text-2xl font-bold"
|
|
columnTitleClassName="font-bold text-lg mb-4"
|
|
columnItemClassName="text-sm hover:text-green-200 transition"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |