Update src/pages/HomePage.tsx
This commit is contained in:
@@ -5,137 +5,126 @@ import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRev
|
||||
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="Keep Families Close During Critical Care"
|
||||
description="Ronald McDonald House Charities South Africa provides free accommodation, family rooms, and compassionate support to families whose children receive specialized medical treatment. Your generosity keeps families together when it matters most."
|
||||
primaryButton={{
|
||||
text: "Donate Now", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Learn How to Help", href: "#help"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-family-greeting-their-doctor-video-call-due-coronavirus-pandemic_637285-12288.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Keep Families Close During Critical Care"
|
||||
description="Ronald McDonald House Charities South Africa provides free accommodation, family rooms, and compassionate support to families whose children receive specialized medical treatment. Your generosity keeps families together when it matters most."
|
||||
primaryButton={{ text: "Donate Now", href: "#contact" }}
|
||||
secondaryButton={{ text: "Learn How to Help", href: "#help" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-family-greeting-their-doctor-video-call-due-coronavirus-pandemic_637285-12288.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Our Mission"
|
||||
descriptions={[
|
||||
"When a child is sick, the best medicine is having family nearby. We provide a home-away-from-home for families seeking life-saving medical care.", "Our houses provide comfort, community, and peace of mind at a time when families need it most, ensuring they remain together during pediatric hospitalization."]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Our Mission"
|
||||
descriptions={[
|
||||
"When a child is sick, the best medicine is having family nearby. We provide a home-away-from-home for families seeking life-saving medical care.", "Our houses provide comfort, community, and peace of mind at a time when families need it most, ensuring they remain together during pediatric hospitalization."
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Making a Difference"
|
||||
description="Tangible numbers representing our dedication to keeping families together."
|
||||
metrics={[
|
||||
{
|
||||
icon: "Home", title: "Families Housed", value: "1,200+"},
|
||||
{
|
||||
icon: "Heart", title: "Bed Nights Provided", value: "45,000+"},
|
||||
{
|
||||
icon: "Users", title: "Active Volunteers", value: "300+"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Making a Difference"
|
||||
description="Tangible numbers representing our dedication to keeping families together."
|
||||
metrics={[
|
||||
{ icon: "Home", title: "Families Housed", value: "1,200+" },
|
||||
{ icon: "Heart", title: "Bed Nights Provided", value: "45,000+" },
|
||||
{ icon: "Users", title: "Active Volunteers", value: "300+" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="help" data-section="help">
|
||||
<SectionErrorBoundary name="help">
|
||||
<div id="help" data-section="help">
|
||||
<SectionErrorBoundary name="help">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Ways to Give"
|
||||
title="Help Us Keep Families Close"
|
||||
description="Discover how you can impact families during their most difficult moments."
|
||||
items={[
|
||||
{
|
||||
title: "Donate Funds", description: "Support our operations and provide free accommodation.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-coins-palm_176474-7162.jpg"},
|
||||
{
|
||||
title: "Volunteer Time", description: "Join our compassionate team and support our daily tasks.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-old-couple-besties_23-2150168952.jpg"},
|
||||
{
|
||||
title: "Corporate Partnership", description: "Partner with us for lasting community impact.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-students-fist-bumping_23-2149127111.jpg"},
|
||||
{
|
||||
title: "Meal Preparation", description: "Cook warm meals for families in our house.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/woman-her-kitchen-surrounded-by-fresh-ingredients-expertly-flips-vegetables-wok-delicious-stir-fry_73899-27528.jpg"},
|
||||
{
|
||||
title: "Fundraise", description: "Start a community fundraiser for our charity.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/volunteers-teaming-up-organize-donations-charity_23-2149230522.jpg"},
|
||||
{
|
||||
title: "Wishlist", description: "Donate needed supplies directly for our houses.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/front-view-donation-box-with-food_23-2148613238.jpg"},
|
||||
{
|
||||
title: "Events", description: "Join our upcoming support events and galas.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215910.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ways to Give"
|
||||
title="Help Us Keep Families Close"
|
||||
description="Discover how you can impact families during their most difficult moments."
|
||||
items={[
|
||||
{ title: "Donate Funds", description: "Support our operations and provide free accommodation.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-coins-palm_176474-7162.jpg" },
|
||||
{ title: "Volunteer Time", description: "Join our compassionate team and support our daily tasks.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-old-couple-besties_23-2150168952.jpg" },
|
||||
{ title: "Corporate Partnership", description: "Partner with us for lasting community impact.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-students-fist-bumping_23-2149127111.jpg" },
|
||||
{ title: "Meal Preparation", description: "Cook warm meals for families in our house.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/woman-her-kitchen-surrounded-by-fresh-ingredients-expertly-flips-vegetables-wok-delicious-stir-fry_73899-27528.jpg" },
|
||||
{ title: "Fundraise", description: "Start a community fundraiser for our charity.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/volunteers-teaming-up-organize-donations-charity_23-2149230522.jpg" },
|
||||
{ title: "Wishlist", description: "Donate needed supplies directly for our houses.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/front-view-donation-box-with-food_23-2148613238.jpg" },
|
||||
{ title: "Events", description: "Join our upcoming support events and galas.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215910.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Stories of Hope"
|
||||
title="Impact in Their Own Words"
|
||||
description="Heartfelt experiences from families we have supported."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Tumi M.", role: "Parent", quote: "Having a home near the hospital gave us the strength to face each day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828926.jpg"},
|
||||
{
|
||||
name: "Sipho K.", role: "Parent", quote: "RMHC South Africa gave us more than a roof; they gave us a community.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-with-cream-noses_23-2147807805.jpg"},
|
||||
{
|
||||
name: "Nomsa D.", role: "Parent", quote: "We felt truly cared for, allowing us to focus entirely on our child's healing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-happy-moments-together_23-2149112204.jpg"},
|
||||
{
|
||||
name: "David W.", role: "Corporate Partner", quote: "It is an honor to support such a vital organization serving our families.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-businessman-resting-cushions_1262-1762.jpg"},
|
||||
{
|
||||
name: "Lerato P.", role: "Volunteer", quote: "Seeing the relief on parents' faces makes every hour of volunteering worthwhile.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/come-mama-portrait-friendly-joyful-enthusiastic-caucasian-female-student-trendy-outfit-pulling-hands-towads-camera-folding-lips-hug-give-passionate-kiss-smiling-blue-wall_1258-308300.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Stories of Hope"
|
||||
title="Impact in Their Own Words"
|
||||
description="Heartfelt experiences from families we have supported."
|
||||
testimonials={[
|
||||
{ name: "Tumi M.", role: "Parent", quote: "Having a home near the hospital gave us the strength to face each day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828926.jpg" },
|
||||
{ name: "Sipho K.", role: "Parent", quote: "RMHC South Africa gave us more than a roof; they gave us a community.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-with-cream-noses_23-2147807805.jpg" },
|
||||
{ name: "Nomsa D.", role: "Parent", quote: "We felt truly cared for, allowing us to focus entirely on our child's healing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-happy-moments-together_23-2149112204.jpg" },
|
||||
{ name: "David W.", role: "Corporate Partner", quote: "It is an honor to support such a vital organization serving our families.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-businessman-resting-cushions_1262-1762.jpg" },
|
||||
{ name: "Lerato P.", role: "Volunteer", quote: "Seeing the relief on parents' faces makes every hour of volunteering worthwhile.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/come-mama-portrait-friendly-joyful-enthusiastic-caucasian-female-student-trendy-outfit-pulling-hands-towads-camera-folding-lips-hug-give-passionate-kiss-smiling-blue-wall_1258-308300.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Information"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our support."
|
||||
items={[
|
||||
{
|
||||
question: "Who can stay at the Ronald McDonald House?", answer: "Families traveling for pediatric medical care are eligible to stay with us."},
|
||||
{
|
||||
question: "How do I volunteer?", answer: "Fill out our online volunteer form, and our coordinators will reach out."},
|
||||
{
|
||||
question: "How are donations used?", answer: "All funds support providing free accommodation and family support services."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-travel-agent_23-2150455606.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Information"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our support."
|
||||
items={[
|
||||
{ question: "Who can stay at the Ronald McDonald House?", answer: "Families traveling for pediatric medical care are eligible to stay with us." },
|
||||
{ question: "How do I volunteer?", answer: "Fill out our online volunteer form, and our coordinators will reach out." },
|
||||
{ question: "How are donations used?", answer: "All funds support providing free accommodation and family support services." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-travel-agent_23-2150455606.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Involved"
|
||||
text="Your generosity keeps families close. Will you help us today?"
|
||||
primaryButton={{
|
||||
text: "Donate Now", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Volunteer", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get Involved"
|
||||
text="Your generosity keeps families close. Will you help us today?"
|
||||
primaryButton={{ text: "Donate Now", href: "#" }}
|
||||
secondaryButton={{ text: "Volunteer", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterSimpleCard
|
||||
brand="RMHC South Africa"
|
||||
columns={[
|
||||
{ title: "Get Involved", items: [{ label: "Donate", href: "#" }, { label: "Volunteer", href: "#" }] },
|
||||
{ title: "Our Work", items: [{ label: "About Us", href: "#" }, { label: "Our Impact", href: "#" }] }
|
||||
]}
|
||||
copyright="© 2024 Ronald McDonald House Charities South Africa."
|
||||
links={[{ label: "Privacy Policy", href: "#" }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user