Merge version_1 into main #2
276
src/app/page.tsx
276
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Our Support",
|
||||
id: "#support",
|
||||
},
|
||||
name: "Our Support", id: "#support"},
|
||||
{
|
||||
name: "Our Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Our Team", id: "#team"},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Stories", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Get Help",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Get Help", id: "#contact"},
|
||||
]}
|
||||
brandName="Future Steps"
|
||||
bottomLeftText="Building Futures"
|
||||
@@ -70,23 +56,18 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Future Steps"
|
||||
description="Empowering young people leaving care to build bright futures. We provide guidance, support, and essential life skills for a confident transition to independence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Journey",
|
||||
href: "#support",
|
||||
},
|
||||
text: "Start Your Journey", href: "#support"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-celebrating-pregnancy-announcement-home_23-2150167501.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-celebrating-pregnancy-announcement-home_23-2150167501.jpg"
|
||||
imageAlt="Diverse group of young people smiling, symbolizing a bright future."
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
@@ -96,15 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission: Guiding You Towards Independence",
|
||||
},
|
||||
type: "text", content: "Our Mission: Guiding You Towards Independence"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Story",
|
||||
href: "#team",
|
||||
},
|
||||
text: "Discover Our Story", href: "#team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,107 +93,59 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Housing & Home",
|
||||
description: "Learn to find and manage your first home, from leases to setting up utilities.",
|
||||
icon: Home,
|
||||
title: "Housing & Home", description: "Learn to find and manage your first home, from leases to setting up utilities.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-playground-sunny-day_23-2147659338.jpg",
|
||||
imageAlt: "Young person holding keys to a new home.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-playground-sunny-day_23-2147659338.jpg", imageAlt: "Young person holding keys to a new home."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-shiny-vase-interior-modern-kitchen_169016-20020.jpg",
|
||||
imageAlt: "A cozy, minimalist living room.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-celebrating-pregnancy-announcement-home_23-2150167501.jpg?_wi=2",
|
||||
imageAlt: "young person opening door to new apartment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-shiny-vase-interior-modern-kitchen_169016-20020.jpg", imageAlt: "A cozy, minimalist living room."},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Budgeting & Finance",
|
||||
description: "Master personal finance, budgeting, saving, and understanding your rights.",
|
||||
icon: Wallet,
|
||||
title: "Budgeting & Finance", description: "Master personal finance, budgeting, saving, and understanding your rights.", icon: Wallet,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-cheerfully-feeling-happy-showing-concept_1194-400025.jpg",
|
||||
imageAlt: "Young person reviewing budget on a laptop.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-cheerfully-feeling-happy-showing-concept_1194-400025.jpg", imageAlt: "Young person reviewing budget on a laptop."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piggy-bank-with-money-table_23-2147931104.jpg",
|
||||
imageAlt: "Coins and bills with a piggy bank.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-ambitious-businesspeople-studying_273609-12534.jpg",
|
||||
imageAlt: "young person opening door to new apartment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piggy-bank-with-money-table_23-2147931104.jpg", imageAlt: "Coins and bills with a piggy bank."},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Cooking & Nutrition",
|
||||
description: "Develop essential cooking skills for healthy, affordable meals.",
|
||||
icon: Utensils,
|
||||
title: "Cooking & Nutrition", description: "Develop essential cooking skills for healthy, affordable meals.", icon: Utensils,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-sliced-vegetables-with-greens-dark-desk-health-meal-diet_140725-73404.jpg",
|
||||
imageAlt: "Young person cooking a meal in a kitchen.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-sliced-vegetables-with-greens-dark-desk-health-meal-diet_140725-73404.jpg", imageAlt: "Young person cooking a meal in a kitchen."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-cooking-book-food_114579-8638.jpg",
|
||||
imageAlt: "Fresh vegetables and cooking ingredients.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resume-application-employment-form-concept_53876-125147.jpg",
|
||||
imageAlt: "young person opening door to new apartment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-cooking-book-food_114579-8638.jpg", imageAlt: "Fresh vegetables and cooking ingredients."},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "CV Building",
|
||||
description: "Create a compelling CV that highlights your strengths and secures interviews.",
|
||||
icon: FileText,
|
||||
title: "CV Building", description: "Create a compelling CV that highlights your strengths and secures interviews.", icon: FileText,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-mockup-laptop_23-2148175816.jpg",
|
||||
imageAlt: "Young person typing on a laptop, working on a CV.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-mockup-laptop_23-2148175816.jpg", imageAlt: "Young person typing on a laptop, working on a CV."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-resource-manager-interviewing-male-applicant_1262-21172.jpg",
|
||||
imageAlt: "A printed resume with a magnifying glass.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professionals-shaking-hands-medium-shot_23-2148336950.jpg",
|
||||
imageAlt: "young person opening door to new apartment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-resource-manager-interviewing-male-applicant_1262-21172.jpg", imageAlt: "A printed resume with a magnifying glass."},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Interview Skills",
|
||||
description: "Gain confidence and techniques to excel in job interviews.",
|
||||
icon: MessageSquare,
|
||||
title: "Interview Skills", description: "Gain confidence and techniques to excel in job interviews.", icon: MessageSquare,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting_23-2148686537.jpg",
|
||||
imageAlt: "A young person engaged in a professional interview.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting_23-2148686537.jpg", imageAlt: "A young person engaged in a professional interview."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-sitting-pier-lotus-position_23-2147707631.jpg",
|
||||
imageAlt: "Two people shaking hands after a successful meeting.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097942.jpg?_wi=1",
|
||||
imageAlt: "young person opening door to new apartment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-sitting-pier-lotus-position_23-2147707631.jpg", imageAlt: "Two people shaking hands after a successful meeting."},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Wellbeing & Self-Care",
|
||||
description: "Prioritize your mental health with resources and strategies for resilience.",
|
||||
icon: Heart,
|
||||
title: "Wellbeing & Self-Care", description: "Prioritize your mental health with resources and strategies for resilience.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg?_wi=1",
|
||||
imageAlt: "A young person meditating calmly.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg", imageAlt: "A young person meditating calmly."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15508.jpg?_wi=1",
|
||||
imageAlt: "Hands gently holding, symbolizing support.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-professional-businesspeople-meeting-presentation_23-2148824866.jpg?_wi=1",
|
||||
imageAlt: "young person opening door to new apartment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15508.jpg", imageAlt: "Hands gently holding, symbolizing support."},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Essential Skills for Life Beyond Care"
|
||||
description="We provide practical courses and workshops to equip you with the confidence and abilities needed for independent living."
|
||||
@@ -230,20 +159,11 @@ export default function LandingPage() {
|
||||
tag="Making a Difference"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "300+",
|
||||
description: "Young people supported annually",
|
||||
},
|
||||
id: "m1", value: "300+", description: "Young people supported annually"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "90%",
|
||||
description: "Achieved stable housing",
|
||||
},
|
||||
id: "m2", value: "90%", description: "Achieved stable housing"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85%",
|
||||
description: "In employment or education",
|
||||
},
|
||||
id: "m3", value: "85%", description: "In employment or education"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -258,33 +178,13 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Lead Mentor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097942.jpg?_wi=2",
|
||||
imageAlt: "Sarah Johnson, Lead Mentor",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "Lead Mentor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097942.jpg", imageAlt: "Sarah Johnson, Lead Mentor"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Program Coordinator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg?_wi=2",
|
||||
imageAlt: "Michael Chen, Program Coordinator",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "Program Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg", imageAlt: "Michael Chen, Program Coordinator"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Wellbeing Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15508.jpg?_wi=2",
|
||||
imageAlt: "Emily Rodriguez, Wellbeing Specialist",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Wellbeing Specialist", imageSrc: "http://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15508.jpg", imageAlt: "Emily Rodriguez, Wellbeing Specialist"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Housing Advisor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-professional-businesspeople-meeting-presentation_23-2148824866.jpg?_wi=2",
|
||||
imageAlt: "David Kim, Housing Advisor",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Housing Advisor", imageSrc: "http://img.b2bpic.net/free-photo/team-professional-businesspeople-meeting-presentation_23-2148824866.jpg", imageAlt: "David Kim, Housing Advisor"},
|
||||
]}
|
||||
title="Meet Our Dedicated Team"
|
||||
description="Our passionate mentors and support staff are here to guide you every step of the way with empathy and expertise."
|
||||
@@ -297,50 +197,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "test1",
|
||||
title: "Found My Way Home",
|
||||
quote: "Future Steps gave me the confidence and resources to find my first apartment. I finally feel stable and independent.",
|
||||
name: "Chloe B.",
|
||||
role: "Care Leaver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-friends-outdoors_23-2148140896.jpg",
|
||||
imageAlt: "Chloe B. smiling",
|
||||
},
|
||||
id: "test1", title: "Found My Way Home", quote: "Future Steps gave me the confidence and resources to find my first apartment. I finally feel stable and independent.", name: "Chloe B.", role: "Care Leaver", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-friends-outdoors_23-2148140896.jpg", imageAlt: "Chloe B. smiling"},
|
||||
{
|
||||
id: "test2",
|
||||
title: "Career Breakthrough",
|
||||
quote: "The CV and interview coaching was invaluable. I landed my dream job, and it wouldn't have been possible without their support.",
|
||||
name: "Liam T.",
|
||||
role: "New Employee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
imageAlt: "Liam T. smiling",
|
||||
},
|
||||
id: "test2", title: "Career Breakthrough", quote: "The CV and interview coaching was invaluable. I landed my dream job, and it wouldn't have been possible without their support.", name: "Liam T.", role: "New Employee", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg", imageAlt: "Liam T. smiling"},
|
||||
{
|
||||
id: "test3",
|
||||
title: "Financial Freedom",
|
||||
quote: "Learning to budget felt overwhelming, but Future Steps broke it down into simple, manageable steps. I'm now saving for my future!",
|
||||
name: "Maya S.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-satisfied-young-smiling-man-recommend-something-really-good-show-thumbsup-app_1258-111511.jpg",
|
||||
imageAlt: "Maya S. smiling",
|
||||
},
|
||||
id: "test3", title: "Financial Freedom", quote: "Learning to budget felt overwhelming, but Future Steps broke it down into simple, manageable steps. I'm now saving for my future!", name: "Maya S.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-satisfied-young-smiling-man-recommend-something-really-good-show-thumbsup-app_1258-111511.jpg", imageAlt: "Maya S. smiling"},
|
||||
{
|
||||
id: "test4",
|
||||
title: "A Sense of Belonging",
|
||||
quote: "Beyond the practical skills, I found a community here. It’s comforting to know I'm not alone on this journey.",
|
||||
name: "Noah P.",
|
||||
role: "Community Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-female-tourist-rests-her-trip-opens-thermos-drinks-hot-tea-having-break_1258-152038.jpg",
|
||||
imageAlt: "Noah P. smiling",
|
||||
},
|
||||
id: "test4", title: "A Sense of Belonging", quote: "Beyond the practical skills, I found a community here. It’s comforting to know I'm not alone on this journey.", name: "Noah P.", role: "Community Member", imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-female-tourist-rests-her-trip-opens-thermos-drinks-hot-tea-having-break_1258-152038.jpg", imageAlt: "Noah P. smiling"},
|
||||
{
|
||||
id: "test5",
|
||||
title: "Empowered and Ready",
|
||||
quote: "Every course equipped me with a vital skill. I feel truly prepared to navigate adult life, thanks to Future Steps.",
|
||||
name: "Isabelle R.",
|
||||
role: "Recent Graduate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-hair-green-bodycon_176474-95153.jpg",
|
||||
imageAlt: "Isabelle R. thoughtful",
|
||||
},
|
||||
id: "test5", title: "Empowered and Ready", quote: "Every course equipped me with a vital skill. I feel truly prepared to navigate adult life, thanks to Future Steps.", name: "Isabelle R.", role: "Recent Graduate", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-hair-green-bodycon_176474-95153.jpg", imageAlt: "Isabelle R. thoughtful"},
|
||||
]}
|
||||
title="Hear From Those We've Helped"
|
||||
description="Inspiring stories of resilience and success from young people navigating their journey to independence with our support."
|
||||
@@ -353,25 +218,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Who is eligible for Future Steps support?",
|
||||
content: "Our services are available to young people who are leaving or have recently left the care system, typically aged 16-25, depending on local authority guidelines.",
|
||||
},
|
||||
id: "faq1", title: "Who is eligible for Future Steps support?", content: "Our services are available to young people who are leaving or have recently left the care system, typically aged 16-25, depending on local authority guidelines."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What kind of support can I expect?",
|
||||
content: "We offer a range of support including housing advice, budgeting workshops, cooking classes, CV building, interview practice, and wellbeing resources. Our aim is to help you develop essential life skills.",
|
||||
},
|
||||
id: "faq2", title: "What kind of support can I expect?", content: "We offer a range of support including housing advice, budgeting workshops, cooking classes, CV building, interview practice, and wellbeing resources. Our aim is to help you develop essential life skills."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "How do I get started?",
|
||||
content: "You can start your journey by filling out our 'Get in Touch' form below, or by contacting your social worker who can refer you to our program. We'll arrange an initial meeting to discuss your needs.",
|
||||
},
|
||||
id: "faq3", title: "How do I get started?", content: "You can start your journey by filling out our 'Get in Touch' form below, or by contacting your social worker who can refer you to our program. We'll arrange an initial meeting to discuss your needs."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Are the services free?",
|
||||
content: "Many of our core services and workshops are free of charge, funded through grants and donations. For specific specialized support, we can discuss options and potential funding.",
|
||||
},
|
||||
id: "faq4", title: "Are the services free?", content: "Many of our core services and workshops are free of charge, funded through grants and donations. For specific specialized support, we can discuss options and potential funding."},
|
||||
]}
|
||||
title="Your Questions, Answered"
|
||||
description="Find quick answers to common questions about leaving care and the support we offer."
|
||||
@@ -383,20 +236,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready for Support?"
|
||||
title="Connect With Us Today"
|
||||
description="Take the first step towards an independent future. Our compassionate team is here to listen and help you find the right path."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "#contactForm",
|
||||
},
|
||||
text: "Get in Touch", href: "#contactForm"},
|
||||
{
|
||||
text: "Find Resources",
|
||||
href: "#support",
|
||||
},
|
||||
text: "Find Resources", href: "#support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -405,13 +253,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Future Steps"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user