Update src/app/page.tsx
This commit is contained in:
410
src/app/page.tsx
410
src/app/page.tsx
@@ -28,288 +28,150 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Mission",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "TB 101",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Social Impact",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
]}
|
||||
brandName="Awarenova"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Mission", id: "#about" },
|
||||
{ name: "TB 101", id: "#features" },
|
||||
{ name: "Social Impact", id: "#metrics" },
|
||||
{ name: "Team", id: "#team" },
|
||||
]}
|
||||
brandName="Awarenova"
|
||||
button={{ text: "Join" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Turning Hushed Whispers into Informed Conversations."
|
||||
description="Awarenova is a youth-led movement translating complex medical info into engaging, culturally relevant experiences for teens and young adults."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Movement",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rendering-anime-doctors-work_23-2151152146.jpg?_wi=1"
|
||||
imageAlt="Awarenova Campaign Hero"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Turning Hushed Whispers into Informed Conversations."
|
||||
description="Awarenova is a youth-led movement translating complex medical info into engaging, culturally relevant experiences for teens and young adults."
|
||||
buttons={[{ text: "Join the Movement", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rendering-anime-doctors-work_23-2151152146.jpg"
|
||||
imageAlt="Awarenova Campaign Hero"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/casual-conversation-friends-sharing-ideas-modern-setup_24972-2910.jpg",
|
||||
alt: "Awarenova mission",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "To dismantle the 'stigma barrier' in urban youth, turning intimidating clinical seminars into peer-to-peer dialogues that empower early detection and action.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "The Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/casual-conversation-friends-sharing-ideas-modern-setup_24972-2910.jpg", alt: "Awarenova mission" },
|
||||
{ type: "text", content: "To dismantle the 'stigma barrier' in urban youth, turning intimidating clinical seminars into peer-to-peer dialogues that empower early detection and action." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "The Forever Cough",
|
||||
description: "A cough lasting over 3 weeks is a red flag. Don't ignore it.",
|
||||
icon: AlertCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exclamation-mark-white-paper-yellow-background-flat-lay_169016-29474.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-concept-with-medical-station_23-2147796157.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-anime-doctors-work_23-2151152146.jpg?_wi=2",
|
||||
imageAlt: "cough symptom icon",
|
||||
},
|
||||
{
|
||||
title: "Night Sweats",
|
||||
description: "Ghostly, unexpected sweats are a common symptomatic indicator.",
|
||||
icon: Moon,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accompaniment-abortion-process_23-2149656085.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distraught-black-man-having-home-visit-by-his-doctor-covid19-pandemic_637285-10504.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-conversation-friends-sharing-ideas-modern-setup_24972-2910.jpg",
|
||||
imageAlt: "cough symptom icon",
|
||||
},
|
||||
{
|
||||
title: "Unexplained Loss",
|
||||
description: "Rapid weight loss without lifestyle changes needs immediate clinical review.",
|
||||
icon: TrendingDown,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-old-woman-discuss-x-ray-scan-preventive-cancer-medicine_482257-126717.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-woman-diet-control-normal-weight-with-bmi-scale_88138-933.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-stylish-woman-years-old-looking-upbeat-motivated-posing-photo-against_1258-218675.jpg",
|
||||
imageAlt: "cough symptom icon",
|
||||
},
|
||||
]}
|
||||
title="TB 101: Know the Signs"
|
||||
description="Don't let myths delay action. Recognize symptoms early and know exactly where to seek help."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="TB 101: Know the Signs"
|
||||
description="Don't let myths delay action. Recognize symptoms early and know exactly where to seek help."
|
||||
features={[
|
||||
{
|
||||
title: "The Forever Cough", description: "A cough lasting over 3 weeks is a red flag. Don't ignore it.", icon: AlertCircle,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/exclamation-mark-white-paper-yellow-background-flat-lay_169016-29474.jpg", imageAlt: "cough symptom icon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beach-concept-with-medical-station_23-2147796157.jpg", imageAlt: "cough symptom icon" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Night Sweats", description: "Ghostly, unexpected sweats are a common symptomatic indicator.", icon: Moon,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/accompaniment-abortion-process_23-2149656085.jpg", imageAlt: "night sweats icon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/distraught-black-man-having-home-visit-by-his-doctor-covid19-pandemic_637285-10504.jpg", imageAlt: "night sweats icon" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Unexplained Loss", description: "Rapid weight loss without lifestyle changes needs immediate clinical review.", icon: TrendingDown,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/specialist-old-woman-discuss-x-ray-scan-preventive-cancer-medicine_482257-126717.jpg", imageAlt: "weight loss icon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-woman-diet-control-normal-weight-with-bmi-scale_88138-933.jpg", imageAlt: "weight loss icon" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Knowledge Gain",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
description: "Youth Volunteers",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Digital Outreach",
|
||||
},
|
||||
]}
|
||||
title="The Science of Impact"
|
||||
description="Measuring our knowledge pulse through pre- and post-seminar engagement tracking."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", description: "Knowledge Gain" },
|
||||
{ id: "m2", value: "50+", description: "Youth Volunteers" },
|
||||
{ id: "m3", value: "24/7", description: "Digital Outreach" }
|
||||
]}
|
||||
title="The Science of Impact"
|
||||
description="Measuring our knowledge pulse through pre- and post-seminar engagement tracking."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Awarenova gave me the platform to speak my truth. No stigma, just support."
|
||||
rating={5}
|
||||
author="Survivor Voices"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-woman-years-old-looking-upbeat-motivated-posing-photo-against_1258-218675.jpg",
|
||||
alt: "Survivor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-asian-girl-with-tablet-drinks-coffee-street-walking-city-centre_1258-124748.jpg",
|
||||
alt: "Advocate",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheeky-handsome-young-man-wearing-sunglasses-take-them-off-show-thumbup-like-appr_1258-109316.jpg",
|
||||
alt: "Participant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3772.jpg",
|
||||
alt: "Volunteer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-girl-library_23-2148447995.jpg",
|
||||
alt: "Clinic Partner",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Awarenova gave me the platform to speak my truth. No stigma, just support."
|
||||
rating={5}
|
||||
author="Survivor Voices"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-woman-years-old-looking-upbeat-motivated-posing-photo-against_1258-218675.jpg", alt: "Survivor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-asian-girl-with-tablet-drinks-coffee-street-walking-city-centre_1258-124748.jpg", alt: "Advocate" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Where do I go for testing?",
|
||||
content: "Your local clinic is your best choice for discreet and free testing.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is TB curable?",
|
||||
content: "Yes, early detection and full completion of medication lead to recovery.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I volunteer?",
|
||||
content: "Connect with us via our Instagram handle to join our volunteer outreach programs.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-3d-doctors-hospital-attire_23-2151107501.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Got Questions?"
|
||||
description="Essential info on how to access clinics, support, and get the care you need."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Where do I go for testing?", content: "Your local clinic is your best choice for discreet and free testing." },
|
||||
{ id: "q2", title: "Is TB curable?", content: "Yes, early detection and full completion of medication lead to recovery." },
|
||||
{ id: "q3", title: "How do I volunteer?", content: "Connect with us via our Instagram handle to join our volunteer outreach programs." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-3d-doctors-hospital-attire_23-2151107501.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Got Questions?"
|
||||
description="Essential info on how to access clinics, support, and get the care you need."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Creative Head",
|
||||
role: "Visionary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-putting-hands-shoulder-kidney-isolated-green-background-with-copy-space_141793-32146.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Diksha",
|
||||
role: "Networking Powerhouse",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chehak",
|
||||
role: "The Rationalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Parth",
|
||||
role: "Visual Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-holding-pen_114579-17712.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="The creative force behind the movement."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "t1", name: "Creative Head", role: "Visionary", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-putting-hands-shoulder-kidney-isolated-green-background-with-copy-space_141793-32146.jpg" },
|
||||
{ id: "t2", name: "Diksha", role: "Networking Powerhouse", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg" },
|
||||
{ id: "t3", name: "Chehak", role: "The Rationalist", imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg" },
|
||||
{ id: "t4", name: "Parth", role: "Visual Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-holding-pen_114579-17712.jpg" }
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="The creative force behind the movement."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "TB 101",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Awarenova"
|
||||
copyrightText="© 2025 Awarenova Campaign"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "TB 101", href: "#features" }, { label: "Volunteer", href: "#" }] }
|
||||
]}
|
||||
logoText="Awarenova"
|
||||
copyrightText="© 2025 Awarenova Campaign"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user