Update src/app/page.tsx
This commit is contained in:
213
src/app/page.tsx
213
src/app/page.tsx
@@ -6,7 +6,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
|
||||
@@ -26,24 +26,16 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Diagnosis",
|
||||
id: "/diagnosis",
|
||||
},
|
||||
name: "Diagnosis", id: "/diagnosis"},
|
||||
{
|
||||
name: "Library",
|
||||
id: "/library",
|
||||
},
|
||||
name: "Library", id: "/library"},
|
||||
{
|
||||
name: "Prevention",
|
||||
id: "/prevention",
|
||||
},
|
||||
name: "Prevention", id: "/prevention"},
|
||||
]}
|
||||
brandName="HealthDiag"
|
||||
/>
|
||||
@@ -52,62 +44,39 @@ export default function LandingPage() {
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Identify Your Symptoms, Get Expert Insights"
|
||||
description="Access diagnosis guidance validated by leading medical professionals. Understand your symptoms in minutes with our intelligent screening tool."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Diagnosis",
|
||||
href: "/diagnosis",
|
||||
},
|
||||
text: "Start Diagnosis", href: "/diagnosis"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9geic4&_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://gen-avatar-1",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://gen-avatar-1", alt: "User avatar"},
|
||||
{
|
||||
src: "asset://gen-avatar-2",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://gen-avatar-2", alt: "User avatar"},
|
||||
{
|
||||
src: "asset://gen-avatar-3",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://gen-avatar-3", alt: "User avatar"},
|
||||
{
|
||||
src: "asset://gen-avatar-4",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://gen-avatar-4", alt: "User avatar"},
|
||||
{
|
||||
src: "asset://gen-avatar-5",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://gen-avatar-5", alt: "User avatar"},
|
||||
]}
|
||||
avatarText="Join 10,000+ patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Validated by MDs",
|
||||
},
|
||||
type: "text", text: "Validated by MDs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "HIPAA Compliant",
|
||||
},
|
||||
type: "text", text: "HIPAA Compliant"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Results",
|
||||
},
|
||||
type: "text", text: "Instant Results"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Platform",
|
||||
},
|
||||
type: "text", text: "Secure Platform"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
type: "text", text: "Global Access"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,60 +89,15 @@ export default function LandingPage() {
|
||||
description="Hear from those who used HealthDiag to better understand their health."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2025",
|
||||
title: "Life saver",
|
||||
quote: "Clear, fast, and reliable. Highly recommended.",
|
||||
tag: "Patient",
|
||||
avatarSrc: "asset://user-1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9geic4&_wi=2",
|
||||
imageAlt: "modern medical interface dashboard",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", date: "Jan 2025", title: "Life saver", quote: "Clear, fast, and reliable. Highly recommended.", tag: "Patient", avatarSrc: "asset://user-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9geic4&_wi=2", imageAlt: "modern medical interface dashboard"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark R.",
|
||||
date: "Dec 2024",
|
||||
title: "Very helpful",
|
||||
quote: "Great tool for checking symptoms.",
|
||||
tag: "Patient",
|
||||
avatarSrc: "asset://user-2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m08v6v&_wi=1",
|
||||
imageAlt: "modern medical interface dashboard",
|
||||
},
|
||||
id: "t2", name: "Mark R.", date: "Dec 2024", title: "Very helpful", quote: "Great tool for checking symptoms.", tag: "Patient", avatarSrc: "asset://user-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m08v6v&_wi=1", imageAlt: "modern medical interface dashboard"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
date: "Dec 2024",
|
||||
title: "Intuitive",
|
||||
quote: "So easy to use, even for non-experts.",
|
||||
tag: "Patient",
|
||||
avatarSrc: "asset://user-3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hewfbo&_wi=1",
|
||||
imageAlt: "modern medical interface dashboard",
|
||||
},
|
||||
id: "t3", name: "Elena V.", date: "Dec 2024", title: "Intuitive", quote: "So easy to use, even for non-experts.", tag: "Patient", avatarSrc: "asset://user-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hewfbo&_wi=1", imageAlt: "modern medical interface dashboard"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
date: "Nov 2024",
|
||||
title: "Professional",
|
||||
quote: "I appreciate the medical validation provided.",
|
||||
tag: "Patient",
|
||||
avatarSrc: "asset://user-4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ynty2q",
|
||||
imageAlt: "modern medical interface dashboard",
|
||||
},
|
||||
id: "t4", name: "David L.", date: "Nov 2024", title: "Professional", quote: "I appreciate the medical validation provided.", tag: "Patient", avatarSrc: "asset://user-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ynty2q", imageAlt: "modern medical interface dashboard"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe T.",
|
||||
date: "Oct 2024",
|
||||
title: "Essential",
|
||||
quote: "Helped me prep for my doctor visit.",
|
||||
tag: "Patient",
|
||||
avatarSrc: "asset://user-5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s13xdz&_wi=1",
|
||||
imageAlt: "modern medical interface dashboard",
|
||||
},
|
||||
id: "t5", name: "Chloe T.", date: "Oct 2024", title: "Essential", quote: "Helped me prep for my doctor visit.", tag: "Patient", avatarSrc: "asset://user-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s13xdz&_wi=1", imageAlt: "modern medical interface dashboard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -187,40 +111,15 @@ export default function LandingPage() {
|
||||
description="Our reach and effectiveness in providing diagnostic clarity."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
title: "Diagnoses",
|
||||
description: "Completed symptom screens",
|
||||
imageSrc: "asset://m1",
|
||||
},
|
||||
id: "m1", value: "50k+", title: "Diagnoses", description: "Completed symptom screens", imageSrc: "asset://m1"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "User happiness score",
|
||||
imageSrc: "asset://m2",
|
||||
},
|
||||
id: "m2", value: "99%", title: "Satisfaction", description: "User happiness score", imageSrc: "asset://m2"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
title: "Doctors",
|
||||
description: "Validation partners",
|
||||
imageSrc: "asset://m3",
|
||||
},
|
||||
id: "m3", value: "150+", title: "Doctors", description: "Validation partners", imageSrc: "asset://m3"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "200+",
|
||||
title: "Conditions",
|
||||
description: "Library entries",
|
||||
imageSrc: "asset://m4",
|
||||
},
|
||||
id: "m4", value: "200+", title: "Conditions", description: "Library entries", imageSrc: "asset://m4"},
|
||||
{
|
||||
id: "m5",
|
||||
value: "12",
|
||||
title: "Languages",
|
||||
description: "Platform availability",
|
||||
imageSrc: "asset://m5",
|
||||
},
|
||||
id: "m5", value: "12", title: "Languages", description: "Platform availability", imageSrc: "asset://m5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -232,12 +131,7 @@ export default function LandingPage() {
|
||||
title="Trusted by Leading Institutions"
|
||||
description="Partnering with top health organizations globally."
|
||||
names={[
|
||||
"HealthCare Group",
|
||||
"Medical Insight Inc",
|
||||
"Global Clinic",
|
||||
"TechMed Partners",
|
||||
"Wellness First",
|
||||
]}
|
||||
"HealthCare Group", "Medical Insight Inc", "Global Clinic", "TechMed Partners", "Wellness First"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -252,30 +146,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is this a diagnosis?",
|
||||
content: "No, it's for guidance, not a medical professional replacement.",
|
||||
},
|
||||
id: "q1", title: "Is this a diagnosis?", content: "No, it's for guidance, not a medical professional replacement."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, we use industry-standard encryption.",
|
||||
},
|
||||
id: "q2", title: "Is my data secure?", content: "Yes, we use industry-standard encryption."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I save progress?",
|
||||
content: "Yes, create a profile to save results.",
|
||||
},
|
||||
id: "q3", title: "Can I save progress?", content: "Yes, create a profile to save results."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are doctors involved?",
|
||||
content: "Yes, all data is reviewed by clinical teams.",
|
||||
},
|
||||
id: "q4", title: "Are doctors involved?", content: "Yes, all data is reviewed by clinical teams."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Is it free to use?",
|
||||
content: "Core features are free for all users.",
|
||||
},
|
||||
id: "q5", title: "Is it free to use?", content: "Core features are free for all users."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -284,29 +163,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "App",
|
||||
items: [
|
||||
title: "App", items: [
|
||||
{
|
||||
label: "Diagnosis",
|
||||
href: "/diagnosis",
|
||||
},
|
||||
label: "Diagnosis", href: "/diagnosis"},
|
||||
{
|
||||
label: "Library",
|
||||
href: "/library",
|
||||
},
|
||||
label: "Library", href: "/library"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -316,4 +185,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user