Update src/app/page.tsx
This commit is contained in:
146
src/app/page.tsx
146
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { BookOpen, Globe, Heart, Leaf, Sparkles, Star, Users } from "lucide-react";
|
||||
|
||||
@@ -147,76 +147,152 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Transformative Experience", quote: "Forny.org provided invaluable support and resources, helping us launch our community garden project. Their dedication is truly inspiring!", name: "Aisha Rahman", role: "Community Organizer", imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg", imageAlt: "Aisha Rahman smiling"},
|
||||
id: "1", name: "Aisha Rahman", role: "Community Organizer", company: "Local Initiatives", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg", imageAlt: "Aisha Rahman smiling"},
|
||||
{
|
||||
id: "2", title: "Empowering Future Generations", quote: "The education program changed my life. I gained skills and confidence that led me to pursue higher education. Thank you, Forny.org!", name: "Omar Hassan", role: "Student & Volunteer", imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430624.jpg", imageAlt: "Omar Hassan smiling"},
|
||||
id: "2", name: "Omar Hassan", role: "Student & Volunteer", company: "Education First", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430624.jpg", imageAlt: "Omar Hassan smiling"},
|
||||
{
|
||||
id: "3", title: "A Beacon of Hope", quote: "In times of crisis, Forny.org was there. Their swift humanitarian aid brought much-needed relief to our village.", name: "Elena Petrova", role: "Village Elder", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-water-bottles_23-2149193331.jpg", imageAlt: "Elena Petrova smiling"},
|
||||
id: "3", name: "Elena Petrova", role: "Village Elder", company: "Humanitarian Aid", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-water-bottles_23-2149193331.jpg", imageAlt: "Elena Petrova smiling"},
|
||||
{
|
||||
id: "4", title: "Sustainable Solutions", quote: "We partnered with Forny.org on a renewable energy initiative. Their expertise and commitment made it a resounding success for our region.", name: "Dr. Kenji Tanaka", role: "Environmental Scientist", imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-woman-vertical-striped-shirt_176474-92753.jpg", imageAlt: "Dr. Kenji Tanaka smiling"},
|
||||
id: "4", name: "Dr. Kenji Tanaka", role: "Environmental Scientist", company: "Green Solutions Inc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-woman-vertical-striped-shirt_176474-92753.jpg", imageAlt: "Dr. Kenji Tanaka smiling"},
|
||||
{
|
||||
id: "5", title: "Building Stronger Communities", quote: "Forny.org understands the needs of local communities. Their tailored programs foster genuine growth and self-sufficiency.", name: "Maria Garcia", role: "Local Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095767.jpg", imageAlt: "Maria Garcia smiling"},
|
||||
id: "5", name: "Maria Garcia", role: "Local Business Owner", company: "Community Development", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095767.jpg", imageAlt: "Maria Garcia smiling"},
|
||||
{
|
||||
id: "6", title: "Inspiring Global Citizens", quote: "Being a Forny.org volunteer has been incredibly rewarding. I've witnessed firsthand the profound positive impact we make together.", name: "David Lee", role: "Global Volunteer", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-male-teenager-guy-with-earphones_171337-8983.jpg", imageAlt: "David Lee smiling"}
|
||||
id: "6", name: "David Lee", role: "Global Volunteer", company: "Volunteer Network", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-male-teenager-guy-with-earphones_171337-8983.jpg", imageAlt: "David Lee smiling"}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%", label: "Volunteer Satisfaction"
|
||||
},
|
||||
{
|
||||
value: "75+", label: "Community Partnerships"
|
||||
},
|
||||
{
|
||||
value: "10M+", label: "Funds Invested"
|
||||
}
|
||||
]}
|
||||
title="Voices of Impact"
|
||||
description="Hear directly from those whose lives have been touched by Forny.org's work."
|
||||
description="Hear directly from those whose lives have been touched by Forny.org's work, backed by our key performance indicators."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqDouble
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is Forny.org's primary mission?", content: "Forny.org is dedicated to empowering communities and fostering sustainable change globally through collaborative initiatives in education, health, and environmental sustainability."},
|
||||
id: "1", title: "What is Forny.org's primary mission?", content: "Forny.org is dedicated to empowering communities and fostering sustainable change globally through collaborative initiatives in education, health, and environmental sustainability."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How can I get involved or volunteer?", content: "You can get involved by visiting our 'Get Involved' section, filling out the contact form, or signing up for our newsletter. We welcome volunteers with diverse skills and backgrounds."},
|
||||
id: "2", title: "How can I get involved or volunteer?", content: "You can get involved by visiting our 'Get Involved' section, filling out the contact form, or signing up for our newsletter. We welcome volunteers with diverse skills and backgrounds."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Where does Forny.org operate?", content: "We operate globally, with active projects and partnerships in various regions across Africa, Asia, Latin America, and Europe. Our initiatives are tailored to local needs."},
|
||||
id: "3", title: "Where does Forny.org operate?", content: "We operate globally, with active projects and partnerships in various regions across Africa, Asia, Latin America, and Europe. Our initiatives are tailored to local needs."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How are donations utilized?", content: "Donations are primarily used to fund our community projects, including educational resources, medical supplies, sustainable infrastructure, and operational costs. We prioritize transparency and impact."},
|
||||
id: "4", title: "How are donations utilized?", content: "Donations are primarily used to fund our community projects, including educational resources, medical supplies, sustainable infrastructure, and operational costs. We prioritize transparency and impact."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can I propose a new project or partnership?", content: "Yes, we are always open to new ideas and collaborations that align with our mission. Please use the contact form to submit your proposal, and our team will review it promptly."}
|
||||
id: "5", title: "Can I propose a new project or partnership?", content: "Yes, we are always open to new ideas and collaborations that align with our mission. Please use the contact form to submit your proposal, and our team will review it promptly."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Is Forny.org a registered non-profit?", content: "Yes, Forny.org is a fully registered 501(c)(3) non-profit organization. All donations are tax-deductible to the extent allowed by law."
|
||||
},
|
||||
{
|
||||
id: "7", title: "What kind of transparency does Forny.org offer?", content: "We publish annual reports detailing our financial expenditures, project outcomes, and impact assessments. These reports are available on our website for public review."
|
||||
},
|
||||
{
|
||||
id: "8", title: "How does Forny.org ensure sustainability in its projects?", content: "We work closely with local communities to implement solutions that are culturally relevant, environmentally sound, and economically viable, ensuring long-term impact and self-sufficiency."
|
||||
}
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="Find quick answers to the most common inquiries about Forny.org, our mission, and how you can get involved."
|
||||
title="Your Questions, Answered"
|
||||
description="Find quick answers to the most common inquiries about Forny.org, our mission, and how you can get involved. We believe in transparency and addressing every concern."
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Join the Movement for Change"
|
||||
description="Your support fuels our mission. Whether you want to volunteer, donate, or simply learn more, we'd love to hear from you."
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3924.jpg"
|
||||
imageAlt="Abstract green and blue gradient background with subtle patterns"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your Email Address"
|
||||
buttonText="Subscribe"
|
||||
termsText="By subscribing, you agree to receive updates from Forny.org and our privacy policy."
|
||||
buttonText="Send Message"
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email Address", required: true
|
||||
},
|
||||
{
|
||||
name: "subject", type: "text", placeholder: "Subject", required: false
|
||||
}
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true
|
||||
}}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBase
|
||||
logoText="Forny.org"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
copyrightText="© 2025 Forny.org. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Home", href: "#home"
|
||||
},
|
||||
{
|
||||
label: "About", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Initiatives", href: "#initiatives"
|
||||
},
|
||||
{
|
||||
label: "Impact", href: "#impact"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Get Involved", items: [
|
||||
{
|
||||
label: "Partners", href: "#partners"
|
||||
},
|
||||
{
|
||||
label: "Testimonials", href: "#testimonials"
|
||||
},
|
||||
{
|
||||
label: "FAQ", href: "#faq"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "#contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user