bender/b62a595d-7461-4813-a3b7-5ca2c715bdb0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-29 19:16:22 +00:00
parent eee5056271
commit 80f22ae84b
1 changed files with 64 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

264
src/app/page.tsx
View File

@@ -32,109 +32,68 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Benefits",
id: "features",
},
name: "Benefits", id: "features"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="GreenHealth Clinic"
button={{
text: "Book Consultation",
href: "#contact",
}}
text: "Book Consultation", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Compassionate Care for Your Wellness"
description="We combine advanced botanical research with personalized medicinal plans to improve your quality of life. Start your health journey with a professional clinic."
kpis={[
{
value: "10k+",
label: "Patients Helped",
},
value: "10k+", label: "Patients Helped"},
{
value: "98%",
label: "Satisfaction Rate",
},
value: "98%", label: "Satisfaction Rate"},
{
value: "15+",
label: "Years Experience",
},
value: "15+", label: "Years Experience"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Schedule Consultation",
href: "#contact",
},
text: "Schedule Consultation", href: "#contact"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/a-professional-and-calming-medicinal-can-1774811734051-8e203f5d.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/a-professional-and-calming-medicinal-can-1774811734051-8e203f5d.png"
imageAlt="Medicinal cannabis clinic environment"
mediaAnimation="slide-up"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-middle-aged-woman-high-qua-1774811733444-286f8b8d.png",
alt: "Patient",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-middle-aged-woman-high-qua-1774811733444-286f8b8d.png", alt: "Patient"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-man-high-quality-1774811733744-6e7b2407.png",
alt: "Patient",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-man-high-quality-1774811733744-6e7b2407.png", alt: "Patient"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-an-elderly-woman-high-qualit-1774811731505-163c8e03.png",
alt: "Patient",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-an-elderly-woman-high-qualit-1774811731505-163c8e03.png", alt: "Patient"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-an-elderly-man-high-quality-1774811731448-a167795f.png",
alt: "Patient",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-an-elderly-man-high-quality-1774811731448-a167795f.png", alt: "Patient"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-middle-aged-woman-high-qua-1774811733444-286f8b8d.png",
alt: "Patient",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-middle-aged-woman-high-qua-1774811733444-286f8b8d.png", alt: "Patient"},
]}
avatarText="Trusted by thousands"
marqueeItems={[
{
type: "text",
text: "Clinically Verified",
},
type: "text", text: "Clinically Verified"},
{
type: "text",
text: "Patient Focused",
},
type: "text", text: "Patient Focused"},
{
type: "text",
text: "Secure & Private",
},
type: "text", text: "Secure & Private"},
{
type: "text",
text: "State Licensed",
},
type: "text", text: "State Licensed"},
{
type: "text",
text: "Research Backed",
},
type: "text", text: "Research Backed"},
]}
/>
</div>
@@ -146,19 +105,13 @@ export default function LandingPage() {
description="Our team of clinical specialists works strictly within the legal framework to ensure our patients receive safe, effective, and evidence-based treatments."
metrics={[
{
value: "ISO",
title: "Certified Safe",
},
value: "ISO", title: "Certified Safe"},
{
value: "24/7",
title: "Expert Access",
},
value: "24/7", title: "Expert Access"},
{
value: "100%",
title: "Lab Tested",
},
value: "100%", title: "Lab Tested"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/professional-doctor-in-a-clean-medical-l-1774811731421-0b952bad.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/professional-doctor-in-a-clean-medical-l-1774811731421-0b952bad.png"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
@@ -171,70 +124,43 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Rigorous Lab Standards",
description: "Every product batch undergoes 3rd party testing for purity and consistency.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/scientific-visualization-of-a-molecule-c-1774811731675-729d1408.png?_wi=1",
imageAlt: "Lab science",
},
id: "f1", title: "Rigorous Lab Standards", description: "Every product batch undergoes 3rd party testing for purity and consistency.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/scientific-visualization-of-a-molecule-c-1774811731675-729d1408.png", imageAlt: "Lab science"},
items: [
{
icon: ShieldCheck,
text: "Tested for purity",
},
text: "Tested for purity"},
{
icon: Zap,
text: "Consistent potency",
},
text: "Consistent potency"},
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/a-professional-and-calming-medicinal-can-1774811734051-8e203f5d.png?_wi=2",
imageAlt: "A professional and calming medicinal cannabis clinic environment with a clean modern aesthetic. High",
},
{
id: "f2",
title: "Patient-Centric Approach",
description: "Your plan is tailored to your specific symptoms and health history.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/a-person-receiving-a-medical-consultatio-1774811733566-eb9bc94f.png",
imageAlt: "Consultation",
},
id: "f2", title: "Patient-Centric Approach", description: "Your plan is tailored to your specific symptoms and health history.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/a-person-receiving-a-medical-consultatio-1774811733566-eb9bc94f.png", imageAlt: "Consultation"},
items: [
{
icon: User,
text: "Personalized plans",
},
text: "Personalized plans"},
{
icon: MessageSquare,
text: "Direct expert access",
},
text: "Direct expert access"},
],
reverse: true,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/professional-doctor-in-a-clean-medical-l-1774811731421-0b952bad.png?_wi=2",
imageAlt: "Professional doctor in a clean medical lab, holding a cannabis extract bottle with blurred backgroun",
},
{
id: "f3",
title: "Legal & Secure Process",
description: "We ensure full compliance with medical regulations, guaranteeing your peace of mind.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/safety-certificate-badge-design-premium--1774811731519-b84c5189.png",
imageAlt: "Certified",
},
id: "f3", title: "Legal & Secure Process", description: "We ensure full compliance with medical regulations, guaranteeing your peace of mind.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/safety-certificate-badge-design-premium--1774811731519-b84c5189.png", imageAlt: "Certified"},
items: [
{
icon: CheckCircle,
text: "Full compliance",
},
text: "Full compliance"},
{
icon: Lock,
text: "Private data storage",
},
text: "Private data storage"},
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/scientific-visualization-of-a-molecule-c-1774811731675-729d1408.png?_wi=2",
imageAlt: "Scientific visualization of a molecule, clean vector style, medical blue and green colors.",
},
]}
title="Why Choose GreenHealth Clinic?"
@@ -247,19 +173,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"HealthCare Intl",
"Wellness Research",
"Clinical Safety Board",
"Medical Cannabis Association",
"Global Health Trust",
]}
"HealthCare Intl", "Wellness Research", "Clinical Safety Board", "Medical Cannabis Association", "Global Health Trust"]}
logos={[
"http://img.b2bpic.net/free-vector/nice-spa-logotype-templates_23-2147789373.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-world-health-day-with-stethoscope-earth_23-2148439547.jpg",
"http://img.b2bpic.net/free-vector/health-logo-design_1051-901.jpg",
"http://img.b2bpic.net/free-psd/world-health-day-landing-page-template_23-2149323691.jpg",
"http://img.b2bpic.net/free-vector/flat-design-physiotherapy-logo-collection_23-2149034159.jpg",
]}
"http://img.b2bpic.net/free-vector/nice-spa-logotype-templates_23-2147789373.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-world-health-day-with-stethoscope-earth_23-2148439547.jpg", "http://img.b2bpic.net/free-vector/health-logo-design_1051-901.jpg", "http://img.b2bpic.net/free-psd/world-health-day-landing-page-template_23-2149323691.jpg", "http://img.b2bpic.net/free-vector/flat-design-physiotherapy-logo-collection_23-2149034159.jpg"]}
title="Trusted by Health Organizations"
description="We collaborate with leading medical institutions to advance our cannabis protocols."
/>
@@ -273,45 +189,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Elena R.",
role: "Patient",
company: "Chronic Pain Support",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-middle-aged-woman-high-qua-1774811733444-286f8b8d.png?_wi=1",
},
id: "1", name: "Elena R.", role: "Patient", company: "Chronic Pain Support", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-middle-aged-woman-high-qua-1774811733444-286f8b8d.png"},
{
id: "2",
name: "Marcus T.",
role: "Patient",
company: "Recovery Group",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-man-high-quality-1774811733744-6e7b2407.png",
},
id: "2", name: "Marcus T.", role: "Patient", company: "Recovery Group", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-man-high-quality-1774811733744-6e7b2407.png"},
{
id: "3",
name: "Sarah J.",
role: "Patient",
company: "Wellness Alliance",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-an-elderly-woman-high-qualit-1774811731505-163c8e03.png",
},
id: "3", name: "Sarah J.", role: "Patient", company: "Wellness Alliance", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-an-elderly-woman-high-qualit-1774811731505-163c8e03.png"},
{
id: "4",
name: "John D.",
role: "Patient",
company: "Health First",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-an-elderly-man-high-quality-1774811731448-a167795f.png",
},
id: "4", name: "John D.", role: "Patient", company: "Health First", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-an-elderly-man-high-quality-1774811731448-a167795f.png"},
{
id: "5",
name: "Linda M.",
role: "Patient",
company: "Holistic Care",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-middle-aged-woman-high-qua-1774811733444-286f8b8d.png?_wi=2",
},
id: "5", name: "Linda M.", role: "Patient", company: "Holistic Care", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdGfZub5cr0BxT9Ppg9PIB8Z0R/portrait-of-a-middle-aged-woman-high-qua-1774811733444-286f8b8d.png"},
]}
title="Voices from Our Patients"
description="Real stories from people who have found relief and improved quality of life."
@@ -324,20 +215,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Who is eligible for medicinal cannabis?",
content: "Patients with chronic conditions diagnosed by a physician may qualify. Book an appointment to discuss your history.",
},
id: "q1", title: "Who is eligible for medicinal cannabis?", content: "Patients with chronic conditions diagnosed by a physician may qualify. Book an appointment to discuss your history."},
{
id: "q2",
title: "Is medicinal cannabis legal?",
content: "Yes, we operate in full compliance with all relevant medical laws and state health department regulations.",
},
id: "q2", title: "Is medicinal cannabis legal?", content: "Yes, we operate in full compliance with all relevant medical laws and state health department regulations."},
{
id: "q3",
title: "How does the treatment plan work?",
content: "Our clinicians will evaluate your symptoms and design a customized, evidence-based botanical treatment plan for you.",
},
id: "q3", title: "How does the treatment plan work?", content: "Our clinicians will evaluate your symptoms and design a customized, evidence-based botanical treatment plan for you."},
]}
title="Frequently Asked Questions"
description="Clear answers about eligibility, treatment, and our services."
@@ -349,16 +231,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get Started"
title="Schedule Your Initial Health Assessment"
description="Our experts are ready to listen and help you find relief safely. Contact us today to start your journey."
buttons={[
{
text: "Book Now",
href: "#",
},
text: "Book Now", href: "#"},
]}
/>
</div>
@@ -368,42 +247,27 @@ export default function LandingPage() {
logoText="GreenHealth"
columns={[
{
title: "Clinic",
items: [
title: "Clinic", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
],
},
{
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: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}