213 lines
9.4 KiB
TypeScript
213 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, Heart, Users, ArrowRight } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Impact", id: "metrics"},
|
|
{
|
|
name: "Programs", id: "features"},
|
|
{
|
|
name: "Stories", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="NACAS Uganda"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="NACAS Uganda"
|
|
description="Help us provide life-saving support and resources to cancer patients in Uganda today."
|
|
buttons={[
|
|
{
|
|
text: "Donate Now", href: "#contact"},
|
|
{
|
|
text: "See Our Impact", href: "#metrics"},
|
|
{
|
|
text: "Partner With Us", href: "#contact"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-breast-cancer-receiving-support_23-2151711560.jpg", imageAlt: "Awareness Outreach"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-watching-soccer-game_23-2149015578.jpg", imageAlt: "Awareness Walk"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-girl-interacting-with-general-practitioner-medical-cabinet_482257-122755.jpg", imageAlt: "Medical Care"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-teacher-teaching-kids-about-disinfecting_23-2148925433.jpg", imageAlt: "Education"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/selective-child-girl-s-hand-writing-with-orange-leaf-floor_181624-61069.jpg", imageAlt: "Support Group"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-people-video-call-meeting_53876-20930.jpg", imageAlt: "Leadership"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Impact at a Glance"
|
|
metrics={[
|
|
{
|
|
icon: Users,
|
|
label: "Survivors Reached", value: "288+"},
|
|
{
|
|
icon: Award,
|
|
label: "Districts Covered", value: "10+"},
|
|
{
|
|
icon: Heart,
|
|
label: "Women Impacted", value: "60%"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Awareness Campaigns", description: "Community sensitization and health education to combat stigma.", imageSrc: "http://img.b2bpic.net/free-photo/sorting-center-young-volunteers-red-tshirts-distributing-donations-sorting-center_259150-57388.jpg", buttonIcon: ArrowRight,
|
|
},
|
|
{
|
|
title: "Survivor Support", description: "Psychosocial support groups and community outreach programs.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-person-coronavirus-concept_23-2148911610.jpg", buttonIcon: ArrowRight,
|
|
},
|
|
{
|
|
title: "Advocacy", description: "Influencing policy and government engagement for better care.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-angry-people-protesting_23-2149163185.jpg", buttonIcon: ArrowRight,
|
|
},
|
|
{
|
|
title: "Research & Data", description: "Collecting real-time cancer data to inform national health strategies.", imageSrc: "http://img.b2bpic.net/free-photo/old-woman-asking-general-practitioner-about-disease-prevention-new-treatment_482257-122784.jpg", buttonIcon: ArrowRight,
|
|
},
|
|
]}
|
|
title="Our Core Programs"
|
|
description="We are dedicated to closing the care gap through awareness, support, and advocacy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Nalwanga", handle: "@sarah", testimonial: "NACAS provided me the support I thought didn't exist in my community.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-dancer_107420-63958.jpg"},
|
|
{
|
|
id: "2", name: "John Musoke", handle: "@john", testimonial: "Surviving cancer was hard, but knowing I had an advocate made all the difference.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-men-being-romantic_23-2149887607.jpg"},
|
|
{
|
|
id: "3", name: "Betty Nabakooba", handle: "@betty", testimonial: "Through their group, I learned that life after cancer is possible and vibrant.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-mature-seventy-year-old-caucasian-man-with-wrinkles-blue-eyes-thick-beard-wearing-stylish-black-t-shirt-while-exercising-gym-alone-looking-camera_343059-92.jpg"},
|
|
{
|
|
id: "4", name: "Dr. Peter Kato", handle: "@drpeter", testimonial: "NACAS is shifting the needle in national health advocacy.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-employees-taking-break_23-2149161681.jpg"},
|
|
{
|
|
id: "5", name: "Grace Akello", handle: "@grace", testimonial: "Their programs are life-changing for many across Uganda.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-short-hair_23-2148262858.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="Survivor Stories"
|
|
description="Hear from the voices that inspire our mission every day."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Ministry of Health", "International Health Initiative", "Kampala Medical Center", "Global Cancer Alliance", "Research Institute Uganda"]}
|
|
title="Trusted Partners"
|
|
description="Collaborating with national and global leaders to fight cancer."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How can I support NACAS?", content: "You can support us through direct donations, volunteering, or partnering with our programs."},
|
|
{
|
|
id: "2", title: "Where do you operate?", content: "We operate across multiple districts in Uganda, with our headquarters in Kampala."},
|
|
{
|
|
id: "3", title: "Are you government-linked?", content: "We work closely with the Ministry of Health to ensure our advocacy is impactful and policy-aligned."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to the most common questions about our programs and how to get involved."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Join the Fight"
|
|
description="Sign up for our newsletter or contact us directly to learn how you can help."
|
|
tag="Contact Us"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us", href: "#hero"},
|
|
{
|
|
label: "Impact", href: "#metrics"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Programs", href: "#features"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="NACAS Uganda"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |