Update src/app/page.tsx
This commit is contained in:
282
src/app/page.tsx
282
src/app/page.tsx
@@ -32,88 +32,55 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Cannamed"
|
||||
button={{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Consultation", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Medical Cannabis Naturally Therapeutic Legally Sourced"
|
||||
description="Explore clinically vetted cannabis products tailored to your wellness needs. Trusted by patients and healthcare providers nationwide."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Our Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Our Products", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cannabis-marijuana-leaf-closeup_1150-15073.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cannabis-marijuana-leaf-closeup_1150-15073.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg", alt: "Patient 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg", alt: "Patient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiled-woman-doctor-uniform-standing-yellow-background_179666-29761.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiled-woman-doctor-uniform-standing-yellow-background_179666-29761.jpg", alt: "Patient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", alt: "Patient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-flower-close-up_23-2149214436.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-flower-close-up_23-2149214436.jpg", alt: "Patient 5"},
|
||||
]}
|
||||
avatarText="Trusted by over 2,000+ patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Clinically Validated",
|
||||
},
|
||||
type: "text", text: "Clinically Validated"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Doctor Prescribed",
|
||||
},
|
||||
type: "text", text: "Doctor Prescribed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Regulated",
|
||||
},
|
||||
type: "text", text: "Fully Regulated"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Patient Centric",
|
||||
},
|
||||
type: "text", text: "Patient Centric"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Access",
|
||||
},
|
||||
type: "text", text: "Nationwide Access"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,14 +90,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Medical Cannabis That Puts Patients First",
|
||||
},
|
||||
type: "text", content: "Medical Cannabis That Puts Patients First"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/unoccupied-modern-clinic-workspace-with-nobody-it-having-turned-computer-screen-showing-medical-report-medical-room-having-firstaid-kit-contemporary-hospital-furniture-patients-documents_482257-41197.jpg",
|
||||
alt: "Clinical consultation",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/unoccupied-modern-clinic-workspace-with-nobody-it-having-turned-computer-screen-showing-medical-report-medical-room-having-firstaid-kit-contemporary-hospital-furniture-patients-documents_482257-41197.jpg", alt: "Clinical consultation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,40 +104,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Check your eligibility",
|
||||
description: "You've tried medications, therapies and standard referrals but nothing has made a real difference to your quality of life.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137535.jpg?_wi=1",
|
||||
},
|
||||
title: "Check your eligibility", description: "You've tried medications, therapies and standard referrals but nothing has made a real difference to your quality of life.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137535.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137535.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cannabis-marijuana-leaf-closeup_1150-15073.jpg?_wi=2",
|
||||
imageAlt: "modern cannabis plant dark background",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137535.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Book your consultation",
|
||||
description: "A licensed medical professional reviews your full history and discusses your condition in a private, judgement-free consultation.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vaccine-injection-bottles-with-white-label-row_53876-167237.jpg?_wi=1",
|
||||
},
|
||||
title: "Book your consultation", description: "A licensed medical professional reviews your full history and discusses your condition in a private, judgement-free consultation.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vaccine-injection-bottles-with-white-label-row_53876-167237.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vaccine-injection-bottles-with-white-label-row_53876-167237.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unoccupied-modern-clinic-workspace-with-nobody-it-having-turned-computer-screen-showing-medical-report-medical-room-having-firstaid-kit-contemporary-hospital-furniture-patients-documents_482257-41197.jpg",
|
||||
imageAlt: "medical consultation room modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vaccine-injection-bottles-with-white-label-row_53876-167237.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Receive your treatment plan",
|
||||
description: "Your doctor prescribes the right strain and dosage for your specific condition. Full guidance included — nothing left unexplained.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137535.jpg?_wi=3",
|
||||
},
|
||||
title: "Receive your treatment plan", description: "Your doctor prescribes the right strain and dosage for your specific condition. Full guidance included — nothing left unexplained.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137535.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137535.jpg?_wi=4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137535.jpg?_wi=5",
|
||||
imageAlt: "medical app ui design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137535.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -192,59 +136,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Cannamed",
|
||||
name: "Deep relief oil",
|
||||
price: "$89",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cbd-treatment-arrangement-still-life_23-2151160246.jpg",
|
||||
},
|
||||
id: "1", brand: "Cannamed", name: "Deep relief oil", price: "$89", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cbd-treatment-arrangement-still-life_23-2151160246.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Cannamed",
|
||||
name: "Daily balance capsule",
|
||||
price: "$75",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-capsules-with-bottle-oil-table_23-2148431453.jpg",
|
||||
},
|
||||
id: "2", brand: "Cannamed", name: "Daily balance capsule", price: "$75", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/top-view-capsules-with-bottle-oil-table_23-2148431453.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Cannamed",
|
||||
name: "Skin soothe cream",
|
||||
price: "$65",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336389.jpg",
|
||||
},
|
||||
id: "3", brand: "Cannamed", name: "Skin soothe cream", price: "$65", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336389.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Cannamed",
|
||||
name: "Evening relaxation edible",
|
||||
price: "$55",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cannabis-brownies-cannabis-leaves-put-white-floor_1150-28189.jpg",
|
||||
},
|
||||
id: "4", brand: "Cannamed", name: "Evening relaxation edible", price: "$55", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cannabis-brownies-cannabis-leaves-put-white-floor_1150-28189.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Cannamed",
|
||||
name: "Daytime flower",
|
||||
price: "$95",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-test-tube-with-coronavirus-vaccine_637285-4809.jpg",
|
||||
},
|
||||
id: "5", brand: "Cannamed", name: "Daytime flower", price: "$95", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-test-tube-with-coronavirus-vaccine_637285-4809.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Cannamed",
|
||||
name: "Rapid relief tincture",
|
||||
price: "$110",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medicine-vaccine-bottles_181624-41050.jpg",
|
||||
},
|
||||
id: "6", brand: "Cannamed", name: "Rapid relief tincture", price: "$110", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/medicine-vaccine-bottles_181624-41050.jpg"},
|
||||
]}
|
||||
title="Medical cannabis is not one-size-fits-all"
|
||||
description="Our range covers the full spectrum of medical needs — each strain selected, tested and prescribed with clinical purpose."
|
||||
@@ -259,32 +167,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "Licensed & Regulated",
|
||||
description: "Full compliance across all regions.",
|
||||
icon: Shield,
|
||||
id: "1", value: "100%", title: "Licensed & Regulated", description: "Full compliance across all regions.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15+",
|
||||
title: "Expanding Globally",
|
||||
description: "Serving patients in over 15 countries.",
|
||||
icon: Globe,
|
||||
id: "2", value: "15+", title: "Expanding Globally", description: "Serving patients in over 15 countries.", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "2.4k+",
|
||||
title: "Patients Helped",
|
||||
description: "Improving lives daily.",
|
||||
icon: UserCheck,
|
||||
id: "3", value: "2.4k+", title: "Patients Helped", description: "Improving lives daily.", icon: UserCheck,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "5k+",
|
||||
title: "Consultations",
|
||||
description: "Expert guidance provided.",
|
||||
icon: Award,
|
||||
id: "4", value: "5k+", title: "Consultations", description: "Expert guidance provided.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Clinical Impact"
|
||||
@@ -297,42 +189,18 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
description="Our patients share their journey to better health with medical cannabis."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah M.",
|
||||
handle: "UK",
|
||||
testimonial: "I spent three years trying different medications for my chronic pain. Nothing came close to what I found here.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah M.", handle: "UK", testimonial: "I spent three years trying different medications for my chronic pain. Nothing came close to what I found here.", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
handle: "USA",
|
||||
testimonial: "I was embarrassed to look into this. But from the first consultation I felt like I was being treated as a patient, not a customer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg",
|
||||
},
|
||||
id: "2", name: "Michael T.", handle: "USA", testimonial: "I was embarrassed to look into this. But from the first consultation I felt like I was being treated as a patient, not a customer.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Diane K.",
|
||||
handle: "South Africa",
|
||||
testimonial: "My oncologist was fully aware and supportive throughout the process. The treatment plan was clear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiled-woman-doctor-uniform-standing-yellow-background_179666-29761.jpg",
|
||||
},
|
||||
id: "3", name: "Diane K.", handle: "South Africa", testimonial: "My oncologist was fully aware and supportive throughout the process. The treatment plan was clear.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiled-woman-doctor-uniform-standing-yellow-background_179666-29761.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "Canada",
|
||||
testimonial: "The guidance was thorough and the results have made a real difference to my daily life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "Canada", testimonial: "The guidance was thorough and the results have made a real difference to my daily life.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily R.",
|
||||
handle: "Australia",
|
||||
testimonial: "Professional, empathetic, and truly life-changing care. Highly recommend to anyone seeking relief.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-flower-close-up_23-2149214436.jpg",
|
||||
},
|
||||
id: "5", name: "Emily R.", handle: "Australia", testimonial: "Professional, empathetic, and truly life-changing care. Highly recommend to anyone seeking relief.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-flower-close-up_23-2149214436.jpg"},
|
||||
]}
|
||||
title="Stories from people just like you"
|
||||
/>
|
||||
@@ -344,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is medical cannabis legal?",
|
||||
content: "Yes, it is legal in regions where our clinics operate under licensed medical guidance.",
|
||||
},
|
||||
id: "1", title: "Is medical cannabis legal?", content: "Yes, it is legal in regions where our clinics operate under licensed medical guidance."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I qualify?",
|
||||
content: "Qualifications vary; our licensed professionals determine eligibility based on your medical history.",
|
||||
},
|
||||
id: "2", title: "How do I qualify?", content: "Qualifications vary; our licensed professionals determine eligibility based on your medical history."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is the process?",
|
||||
content: "Check eligibility, consult with a clinician, and receive a tailored treatment plan.",
|
||||
},
|
||||
id: "3", title: "What is the process?", content: "Check eligibility, consult with a clinician, and receive a tailored treatment plan."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-medical-arrangement_23-2148506701.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -371,42 +230,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Consultations",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Consultations", href: "#contact"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user