|
|
|
|
@@ -2,12 +2,12 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
|
|
|
import AboutMetric from '@/components/sections/about/MetricSplitMediaAbout';
|
|
|
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
|
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
|
import { CheckCircle, Award, Users } from "lucide-react";
|
|
|
|
|
@@ -42,14 +42,14 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroCentered
|
|
|
|
|
<HeroBillboardGallery
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
title="Testicular Cancer Information"
|
|
|
|
|
description="Understanding symptoms, diagnosis, treatment, and support is your first step towards health. Access trusted, accurate information for patients and families."
|
|
|
|
|
avatars={[
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-male-working-nurse_23-2150829903.jpg", alt: "Doctor" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/man-relaxing-sofa_329181-12161.jpg", alt: "Patient" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/pleased-dark-skinned-pretty-girl-has-toothy-smile-keeps-eyes-shut-embraces-her-old-friend-have-good-relationship_273609-18714.jpg", alt: "Supporter" },
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{ imageSrc: "https://img.freepik.com/free-photo/doctor-explaining-medical-results-patient_23-2148753232.jpg", imageAlt: "Doctor discussing health" },
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0BY6YGjaH2FevfcX4Qru3wDep/uploaded-1778012613419-w2dugafv.jpg", imageAlt: "Testicular health awareness model" },
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0BY6YGjaH2FevfcX4Qru3wDep/uploaded-1778012554202-wiir7dx9.jpg", imageAlt: "Patient support and care" },
|
|
|
|
|
]}
|
|
|
|
|
buttons={[{ text: "Get Started", href: "#about" }]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -59,11 +59,13 @@ export default function LandingPage() {
|
|
|
|
|
<AboutMetric
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Testicular Cancer Overview"
|
|
|
|
|
description="An overview of the high curability rates and importance of early detection in testicular health management."
|
|
|
|
|
metrics={[
|
|
|
|
|
{ icon: CheckCircle, label: "Early Detection", value: "95%+" },
|
|
|
|
|
{ icon: Award, label: "Curability Rate", value: "High" },
|
|
|
|
|
{ icon: Users, label: "Survivor Network", value: "Growing" },
|
|
|
|
|
{ title: "Early Detection Success", value: "95%+" },
|
|
|
|
|
{ title: "Curability Rate", value: "High" },
|
|
|
|
|
{ title: "Survivor Network", value: "Growing" },
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0BY6YGjaH2FevfcX4Qru3wDep/uploaded-1778012693115-goqipzbl.jpg"
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -74,10 +76,10 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{ id: "1", title: "Reproductive Anatomy", subtitle: "Understanding the system", category: "Anatomy", value: "Details" },
|
|
|
|
|
{ id: "2", title: "Testicle Diagram", subtitle: "Visual awareness", category: "Visualization", value: "Detailed" },
|
|
|
|
|
{ id: "3", title: "Staging Diagram", subtitle: "Progression levels", category: "Staging", value: "Levels" },
|
|
|
|
|
{ id: "4", title: "Treatment Flowchart", subtitle: "Recovery pathway", category: "Treatment", value: "Protocols" },
|
|
|
|
|
{ id: "1", title: "Reproductive system", subtitle: "you may be asking if you are aloud to have kids or have a healthy system and the anwser is yes you can after surgical removal it is 95% proven that you can live a normal life", category: "Anatomy", value: "Details" },
|
|
|
|
|
{ id: "2", title: "Testicle Diagram", subtitle: "", category: "Visualization", value: "Detailed" },
|
|
|
|
|
{ id: "3", title: " Diagram", subtitle: "", category: "Staging", value: "Levels" },
|
|
|
|
|
{ id: "4", title: "Types of Treatment", subtitle: "there are different types of treaments the fastest being surgical removal of the infected testical,then there is chemotherepy and radiation ", category: "Treatment", value: "Protocols" },
|
|
|
|
|
]}
|
|
|
|
|
title="Visual Medical Information"
|
|
|
|
|
description="Review these illustrative diagrams to better understand testicular health, staging, and common medical pathways."
|
|
|
|
|
@@ -91,8 +93,8 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
features={[
|
|
|
|
|
{ id: "1", title: "Undescended Testicle", subtitle: "Structural factor", category: "Risk", value: "Factor" },
|
|
|
|
|
{ id: "2", title: "Family History", subtitle: "Genetics", category: "Risk", value: "Factor" },
|
|
|
|
|
{ id: "3", title: "Personal History", subtitle: "Prior instances", category: "Risk", value: "Factor" },
|
|
|
|
|
{ id: "2", title: "How do you get it you may ask? ", subtitle: "Testicular cancer occurs when germ cells in the testical undergo DNA changes causing them to multiply rapidly and form a tumer ", category: "Risk", value: "Factor" },
|
|
|
|
|
{ id: "3", title: "How do doctors treat the cancer? ", subtitle: "testicaler cancer treatment is highly effective usually involving surgical removal of the affected testical.Docters would sugest chemotherapy or radition depending on the stage or type ", category: "Risk", value: "Factor" },
|
|
|
|
|
]}
|
|
|
|
|
title="Know the Risks"
|
|
|
|
|
description="Factors for testicular cancer include having an undescended testicle, family history, and personal history."
|
|
|
|
|
@@ -105,9 +107,9 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{ id: "1", title: "Self-Examination", subtitle: "Regular habits", category: "Method", value: "Weekly" },
|
|
|
|
|
{ id: "2", title: "Regular Checkups", subtitle: "Doctor visits", category: "Screening", value: "Annual" },
|
|
|
|
|
{ id: "3", title: "Seek Medical Advice", subtitle: "Professional help", category: "Action", value: "Urgent" },
|
|
|
|
|
{ id: "1", title: "Self-Examination", subtitle: "Perform a monthly testicular self-exam, preferably in a warm shower, by gently rolling each testicle between your fingers to check for painless lumps, swelling, or changes in size, shape, or consistency ", category: "Method", value: "Weekly" },
|
|
|
|
|
{ id: "2", title: "Regular Checkups", subtitle: "", category: "Screening", value: "Annual" },
|
|
|
|
|
{ id: "3", title: "Seek Medical Advice", subtitle: "", category: "Action", value: "Urgent" },
|
|
|
|
|
]}
|
|
|
|
|
title="Finding Early Signs"
|
|
|
|
|
description="Recognizing physical changes early is the best way to ensure timely treatment."
|
|
|
|
|
@@ -121,7 +123,7 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
features={[
|
|
|
|
|
{ id: "1", title: "Painless Lump", subtitle: "Key indicator", category: "Symptom", value: "Notice" },
|
|
|
|
|
{ id: "2", title: "Heaviness", subtitle: "Area feeling", category: "Symptom", value: "Notice" },
|
|
|
|
|
{ id: "2", title: "Heaviness", subtitle: "Common symptoms of testicular cancer include a painless lump or swelling in one testicle, a feeling of heaviness in the scrotum, and a dull ache in the lower abdomen or groin ", category: "Symptom", value: "Notice" },
|
|
|
|
|
{ id: "3", title: "Fluid Swelling", subtitle: "Sudden changes", category: "Symptom", value: "Urgent" },
|
|
|
|
|
]}
|
|
|
|
|
title="Common Symptoms"
|
|
|
|
|
@@ -135,9 +137,9 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{ id: "1", title: "Emotional Wellbeing", subtitle: "Self-esteem", category: "Support", value: "Care" },
|
|
|
|
|
{ id: "2", title: "Sexuality", subtitle: "Guidance", category: "Support", value: "Resources" },
|
|
|
|
|
{ id: "3", title: "Fertility Resources", subtitle: "Preservation", category: "Support", value: "Available" },
|
|
|
|
|
{ id: "1", title: "Emotional Wellbeing", subtitle: "If you are falling into depresion or feeling overwellmed reach out to someone you trust or a therapist or a loved one ", category: "Support", value: "Care" },
|
|
|
|
|
{ id: "2", title: "Sexuality", subtitle: "", category: "Support", value: "Resources" },
|
|
|
|
|
{ id: "3", title: "Fertility Resources", subtitle: "you be wondering can i have kids after having testicalur cancer the anwser is yes evan with one testical is possible", category: "Support", value: "Available" },
|
|
|
|
|
]}
|
|
|
|
|
title="Supportive Care"
|
|
|
|
|
description="Resources to help navigate the physical and emotional aspects of the journey."
|
|
|
|
|
@@ -151,8 +153,8 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Mark S.", role: "Survivor", company: "Patient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-smling-man-with-beard-pointing-left-advertisement-suggest-click-banner_176420-33735.jpg" },
|
|
|
|
|
{ id: "2", name: "James L.", role: "Patient", company: "Recovering", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-jeans-clothes-fashion-man-posing_158538-4982.jpg" },
|
|
|
|
|
{ id: "1", name: "Mark S.", role: "Survivor", company: "Patient", rating: 5, imageSrc: "https://img.freepik.com/free-photo/close-up-portrait-happy-smiling-man-beard_23-2148443588.jpg" },
|
|
|
|
|
{ id: "2", name: "James L.", role: "Patient", company: "Recovering", rating: 5, imageSrc: "https://img.freepik.com/free-photo/portrait-handsome-smiling-young-man_23-2148753245.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Patient Perspectives"
|
|
|
|
|
description="Stories and insights from those who have navigated the diagnosis."
|
|
|
|
|
|
