Update src/app/page.tsx

This commit is contained in:
2026-05-09 15:26:01 +00:00
parent e04a10536d
commit 2e8f553b76

View File

@@ -12,7 +12,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Bell, BookOpen } from "lucide-react";
import { Bell, BookOpen, Heart, Users, Megaphone } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Impact",
id: "#metrics",
},
{
name: "Blog",
id: "#blog",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Impact", id: "#metrics" },
{ name: "Blog", id: "#blog" },
{ name: "Contact", id: "#contact" },
]}
brandName="SNAF"
/>
@@ -59,81 +44,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Empowering Every Unique Potential"
description="SNAF is dedicated to raising awareness, fostering inclusion, and providing essential resources for children with special needs and their families."
kpis={[
{
value: "500+",
label: "Families Supported",
},
{
value: "120+",
label: "Community Workshops",
},
{
value: "15+",
label: "Inclusive Programs",
},
{ value: "500+", label: "Families Supported" },
{ value: "120+", label: "Community Workshops" },
{ value: "15+", label: "Inclusive Programs" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Get Involved",
href: "#contact",
},
]}
buttons={[{ text: "Get Involved", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/best-friends-looking-photos-camera_23-2148784133.jpg"
imageAlt="diverse children inclusive playground"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-smelling-apples-while-shopping-local-farmers-market-female-buyer-standing-near-stall-choosing-locally-grown-fresh-organic-fruits-vegetables-while-visiting-harvest-fair-festival_482257-65870.jpg",
alt: "Parent supporter 1",
},
{
src: "http://img.b2bpic.net/free-photo/man-pouring-coffee-his-girlfriend_23-2148714939.jpg",
alt: "Parent supporter 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176480.jpg",
alt: "Parent supporter 3",
},
{
src: "http://img.b2bpic.net/free-photo/children-participating-together-as-team-treasure-hunt_23-2149042902.jpg",
alt: "Parent supporter 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176482.jpg",
alt: "Parent supporter 5",
},
{ src: "http://img.b2bpic.net/free-photo/young-woman-smelling-apples-while-shopping-local-farmers-market-female-buyer-standing-near-stall-choosing-locally-grown-fresh-organic-fruits-vegetables-while-visiting-harvest-fair-festival_482257-65870.jpg", alt: "Parent supporter 1" },
{ src: "http://img.b2bpic.net/free-photo/man-pouring-coffee-his-girlfriend_23-2148714939.jpg", alt: "Parent supporter 2" },
{ src: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176480.jpg", alt: "Parent supporter 3" },
{ src: "http://img.b2bpic.net/free-photo/children-participating-together-as-team-treasure-hunt_23-2149042902.jpg", alt: "Parent supporter 4" },
{ src: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176482.jpg", alt: "Parent supporter 5" },
]}
avatarText="Join our 500+ strong community of supporters."
marqueeItems={[
{
type: "text",
text: "Inclusion Focused",
},
{
type: "text-icon",
text: "Advocacy Driven",
icon: Bell,
},
{
type: "text",
text: "Community Centric",
},
{
type: "text-icon",
text: "Resource Rich",
icon: BookOpen,
},
{
type: "text",
text: "Empathy First",
},
{ type: "text", text: "Inclusion Focused" },
{ type: "text-icon", text: "Advocacy Driven", icon: Bell },
{ type: "text", text: "Community Centric" },
{ type: "text-icon", text: "Resource Rich", icon: BookOpen },
{ type: "text", text: "Empathy First" },
]}
/>
</div>
@@ -143,12 +80,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Heartfelt Mission"
description="We believe in a world where every child is celebrated for their unique abilities. SNAF provides emotional, educational, and social support to bridge gaps and create a landscape of true belonging for children with special needs."
buttons={[
{
text: "Read Our Story",
href: "#",
},
]}
buttons={[{ text: "Read Our Story", href: "#" }]}
imageSrc="http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329719.jpg"
imageAlt="hands caring for seedling"
/>
@@ -159,30 +91,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Developmental Support",
description: "Tailored therapy programs and developmental resources.",
imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906268.jpg",
buttonIcon: "Heart",
},
{
title: "Inclusive Education",
description: "Advocating for accessible learning environments and classrooms.",
imageSrc: "http://img.b2bpic.net/free-photo/children-learning-about-universe_23-2148925496.jpg",
buttonIcon: "BookOpen",
},
{
title: "Family Networks",
description: "Building strong communities for parents and caregivers.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-family-dad-mom-daughter-having-fun-cuddle-video-call-laptop-sofa-house_7861-3103.jpg",
buttonIcon: "Users",
},
{
title: "Awareness Advocacy",
description: "Spreading understanding and empathy throughout society.",
imageSrc: "http://img.b2bpic.net/free-photo/paper-style-soccer-match_23-2148930673.jpg",
buttonIcon: "Megaphone",
},
{ title: "Developmental Support", description: "Tailored therapy programs and developmental resources.", imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906268.jpg", buttonIcon: Heart },
{ title: "Inclusive Education", description: "Advocating for accessible learning environments and classrooms.", imageSrc: "http://img.b2bpic.net/free-photo/children-learning-about-universe_23-2148925496.jpg", buttonIcon: BookOpen },
{ title: "Family Networks", description: "Building strong communities for parents and caregivers.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-family-dad-mom-daughter-having-fun-cuddle-video-call-laptop-sofa-house_7861-3103.jpg", buttonIcon: Users },
{ title: "Awareness Advocacy", description: "Spreading understanding and empathy throughout society.", imageSrc: "http://img.b2bpic.net/free-photo/paper-style-soccer-match_23-2148930673.jpg", buttonIcon: Megaphone },
]}
title="How We Make a Difference"
description="Comprehensive initiatives designed to support development and community integration."
@@ -195,33 +107,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "85%",
title: "Successful Integrations",
items: [
"In schools",
"In neighborhoods",
],
},
{
id: "m2",
value: "92%",
title: "Parent Satisfaction",
items: [
"Resources",
"Community",
],
},
{
id: "m3",
value: "100+",
title: "Active Advocates",
items: [
"Volunteers",
"Partners",
],
},
{ id: "m1", value: "85%", title: "Successful Integrations", items: ["In schools", "In neighborhoods"] },
{ id: "m2", value: "92%", title: "Parent Satisfaction", items: ["Resources", "Community"] },
{ id: "m3", value: "100+", title: "Active Advocates", items: ["Volunteers", "Partners"] },
]}
title="Impact by the Numbers"
description="Tangible progress toward an inclusive future."
@@ -234,41 +122,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
handle: "@sarahm",
testimonial: "SNAF has been a life-changing resource for our family. Truly inspiring.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lightskinned-mother-with-redhaired-daughter-casual-clothes-spending-time-together-home-weekends-family-concept_197531-32761.jpg",
},
{
id: "t2",
name: "John Davis",
handle: "@johnd",
testimonial: "The educational advocacy provided by the foundation is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/boy-doing-occupational-therapy-session-with-psychologist_23-2149091562.jpg",
},
{
id: "t3",
name: "Elena Ross",
handle: "@elenar",
testimonial: "Such a warm, welcoming community of supporters and families.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-game-phone-tailgate-party_53876-132058.jpg",
},
{
id: "t4",
name: "Mark Wilson",
handle: "@markw",
testimonial: "Grateful for the programs that help my daughter thrive every day.",
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-thoughtful-people_23-2147657216.jpg",
},
{
id: "t5",
name: "Linda Chen",
handle: "@lindac",
testimonial: "Their workshops gave us the tools to navigate our new journey confidently.",
imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-traveling-living-van_23-2149651534.jpg",
},
{ id: "t1", name: "Sarah Miller", handle: "@sarahm", testimonial: "SNAF has been a life-changing resource for our family. Truly inspiring.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lightskinned-mother-with-redhaired-daughter-casual-clothes-spending-time-together-home-weekends-family-concept_197531-32761.jpg" },
{ id: "t2", name: "John Davis", handle: "@johnd", testimonial: "The educational advocacy provided by the foundation is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/boy-doing-occupational-therapy-session-with-psychologist_23-2149091562.jpg" },
{ id: "t3", name: "Elena Ross", handle: "@elenar", testimonial: "Such a warm, welcoming community of supporters and families.", imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-game-phone-tailgate-party_53876-132058.jpg" },
{ id: "t4", name: "Mark Wilson", handle: "@markw", testimonial: "Grateful for the programs that help my daughter thrive every day.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-thoughtful-people_23-2147657216.jpg" },
{ id: "t5", name: "Linda Chen", handle: "@lindac", testimonial: "Their workshops gave us the tools to navigate our new journey confidently.", imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-traveling-living-van_23-2149651534.jpg" },
]}
title="Stories of Hope & Growth"
description="Our community shares their experiences."
@@ -280,21 +138,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How can I volunteer?",
content: "Reach out via our contact form and our community manager will guide you.",
},
{
id: "f2",
title: "Are your resources free?",
content: "Many of our educational resources are free, while specialized workshops are subsidized.",
},
{
id: "f3",
title: "How do I join the network?",
content: "Sign up for our newsletter to get regular updates and event invitations.",
},
{ id: "f1", title: "How can I volunteer?", content: "Reach out via our contact form and our community manager will guide you." },
{ id: "f2", title: "Are your resources free?", content: "Many of our educational resources are free, while specialized workshops are subsidized." },
{ id: "f3", title: "How do I join the network?", content: "Sign up for our newsletter to get regular updates and event invitations." },
]}
title="Common Questions"
description="How you can get involved and find support."
@@ -310,36 +156,9 @@ export default function LandingPage() {
title="Latest Insights"
description="Deep dives into awareness, inclusivity, and community growth."
blogs={[
{
id: "b1",
category: "Advocacy",
title: "The Power of Inclusive Play",
excerpt: "Why play is essential for every child's development.",
imageSrc: "http://img.b2bpic.net/free-photo/students-reviewing-material-together_23-2147656164.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg",
date: "Oct 12, 2024",
},
{
id: "b2",
category: "Support",
title: "Creative Art for Growth",
excerpt: "How art helps children express and grow.",
imageSrc: "http://img.b2bpic.net/free-photo/improve-ideas-inspiration-creative-concept_53876-138650.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-friends-outdoors-close-up_23-2149073453.jpg",
date: "Oct 15, 2024",
},
{
id: "b3",
category: "Education",
title: "Parenting Advocacy Tips",
excerpt: "Expert advice for ensuring the best education.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-talking_23-2149080799.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-couple-celebrating-new-year-eve_23-2148722184.jpg",
date: "Oct 18, 2024",
},
{ id: "b1", category: "Advocacy", title: "The Power of Inclusive Play", excerpt: "Why play is essential for every child's development.", imageSrc: "http://img.b2bpic.net/free-photo/students-reviewing-material-together_23-2147656164.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg", date: "Oct 12, 2024" },
{ id: "b2", category: "Support", title: "Creative Art for Growth", excerpt: "How art helps children express and grow.", imageSrc: "http://img.b2bpic.net/free-photo/improve-ideas-inspiration-creative-concept_53876-138650.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-friends-outdoors-close-up_23-2149073453.jpg", date: "Oct 15, 2024" },
{ id: "b3", category: "Education", title: "Parenting Advocacy Tips", excerpt: "Expert advice for ensuring the best education.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-talking_23-2149080799.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-couple-celebrating-new-year-eve_23-2148722184.jpg", date: "Oct 18, 2024" },
]}
/>
</div>
@@ -347,18 +166,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in Touch"
title="Join Our Awareness Mission"
description="Whether you're looking for support or want to offer a helping hand, we'd love to hear from you."
buttons={[
{
text: "Send Message",
href: "#",
},
]}
buttons={[{ text: "Send Message", href: "#" }]}
/>
</div>
@@ -368,38 +180,20 @@ export default function LandingPage() {
logoText="SNAF"
columns={[
{
title: "Navigation",
items: [
{
label: "About",
href: "#about",
},
{
label: "Support",
href: "#features",
},
title: "Navigation", items: [
{ label: "About", href: "#about" },
{ label: "Support", href: "#features" },
],
},
{
title: "Resources",
items: [
{
label: "Blog",
href: "#blog",
},
{
label: "FAQ",
href: "#faq",
},
title: "Resources", items: [
{ label: "Blog", href: "#blog" },
{ label: "FAQ", href: "#faq" },
],
},
{
title: "Connect",
items: [
{
label: "Contact",
href: "#contact",
},
title: "Connect", items: [
{ label: "Contact", href: "#contact" },
],
},
]}