199 lines
14 KiB
TypeScript
199 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import { Shield, Award, Users, BookOpen, HeartHandshake, CalendarDays, Sparkles, MessageCircle, Camera } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="large"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EkUI8lYHyF4b0Yv82iq0kJB7yi/uploaded-1780726394974-30o5uhm3.png"
|
||
logoAlt="Joe Britto Educational and Social Trust Logo"
|
||
brandName="Joe Britto Educational and Social Trust"
|
||
navItems={[
|
||
{ name: "Home", id: "#home" },
|
||
{ name: "About Us", id: "#about" },
|
||
{ name: "Impact", id: "#impact" },
|
||
{ name: "Programs", id: "#programs" },
|
||
{ name: "Testimonials", id: "#testimonials" },
|
||
{ name: "Gallery", id: "#gallery" },
|
||
{ name: "Get Involved", id: "#contact" }
|
||
]}
|
||
button={{
|
||
text: "Donate Now", href: "#contact"
|
||
}}
|
||
bottomLeftText="Madurai, Tamil Nadu, India"
|
||
bottomRightText="joe.edl.trust@gmail.com"
|
||
/>
|
||
</div>
|
||
<div id="home" data-section="home">
|
||
<HeroCentered
|
||
title="Nurturing Futures, Building Hope for Every Child"
|
||
description="At Joe Britto Educational and Social Trust, we provide shelter, care, protection, education, and opportunities to orphaned, abandoned, and vulnerable children. Join us in promoting community development and social upliftment in Madurai, Tamil Nadu."
|
||
background={{ variant: "noiseDiagonalGradient" }}
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-63764.jpg", alt: "Child portrait 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/little-girl-looking-front-blue-blouse-looking-happy_176474-32465.jpg", alt: "Child portrait 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/smiling-teenager-holding-book_23-2147845863.jpg", alt: "Child portrait 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/girl-with-crayon-drawing-lesson-classroom_1150-3866.jpg", alt: "Child portrait 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/satisfied-cute-afro-woman-has-motor-activity-holds-skateboard-feels-relaxed-delighted_273609-29814.jpg", alt: "Child portrait 5" }
|
||
]}
|
||
avatarText="Over 150+ Children Supported Annually"
|
||
buttons={[
|
||
{ text: "Donate Now", href: "#contact" },
|
||
{ text: "Volunteer With Us", href: "#contact" }
|
||
]}
|
||
buttonAnimation="opacity"
|
||
ariaLabel="Hero section"
|
||
showMarqueeCard={true}
|
||
/>
|
||
</div>
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
tag="Our Mission"
|
||
tagIcon={Shield}
|
||
title="Empowering Vulnerable Children and Strengthening Communities"
|
||
description="The Joe Britto Educational and Social Trust is dedicated to transforming lives in Madurai, Tamil Nadu, India. We strive to create a safe, nurturing environment where orphaned, abandoned, and vulnerable children can thrive. Our comprehensive approach includes educational support, skill development, and community welfare initiatives, fostering a brighter future for those in need."
|
||
useInvertedBackground={true}
|
||
tagAnimation="reveal-blur"
|
||
/>
|
||
</div>
|
||
<div id="impact" data-section="impact">
|
||
<MetricCardThree
|
||
tag="Our Achievements"
|
||
tagIcon={Award}
|
||
title="Impact That Transforms Lives"
|
||
description="See the measurable difference your support makes. Every contribution helps us expand our reach and deepen our impact."
|
||
metrics={[
|
||
{ id: "m1", icon: Users, title: "Children Supported", value: "500+" },
|
||
{ id: "m2", icon: BookOpen, title: "Programs Conducted", value: "50+" },
|
||
{ id: "m3", icon: HeartHandshake, title: "Dedicated Volunteers", value: "100+" },
|
||
{ id: "m4", icon: CalendarDays, title: "Years of Service", value: "15+" }
|
||
]}
|
||
animationType="depth-3d"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
tagAnimation="reveal-blur"
|
||
/>
|
||
</div>
|
||
<div id="programs" data-section="programs">
|
||
<ProductCardThree
|
||
tag="What We Do"
|
||
tagIcon={Sparkles}
|
||
title="Comprehensive Programs for Holistic Development"
|
||
description="Our initiatives are designed to address the multifaceted needs of children and the community, ensuring sustainable growth and empowerment."
|
||
products={[
|
||
{ id: "p1", name: "Educational Support Programs", price: "Impactful", imageSrc: "http://img.b2bpic.net/free-photo/little-girl-reading-green-book_1098-1029.jpg", imageAlt: "Children studying together" },
|
||
{ id: "p2", name: "Health and Wellness Initiatives", price: "Vital", imageSrc: "http://img.b2bpic.net/free-photo/serious-people-cooking-kitchen_1262-20395.jpg", imageAlt: "Children playing outdoors" },
|
||
{ id: "p3", name: "Community Development Activities", price: "Sustainable", imageSrc: "http://img.b2bpic.net/free-photo/male-environmentalist-collecting-trash-with-long-claw-tool-bag_482257-91013.jpg", imageAlt: "Community gathering" },
|
||
{ id: "p4", name: "Workshops and Training Sessions", price: "Empowering", imageSrc: "http://img.b2bpic.net/free-photo/confident-male-speaker-holding-seminar_74855-2710.jpg", imageAlt: "Children in a workshop" },
|
||
{ id: "p5", name: "Vocational Skill Development", price: "Future-focused", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15687.jpg", imageAlt: "Youth learning vocational skills" },
|
||
{ id: "p6", name: "Youth Empowerment Programs", price: "Transformative", imageSrc: "http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502777.jpg", imageAlt: "Youth in a leadership program" }
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
tagAnimation="reveal-blur"
|
||
/>
|
||
</div>
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
tag="Hear From Our Community"
|
||
tagIcon={MessageCircle}
|
||
title="Inspiring Stories of Transformation"
|
||
description="Our greatest reward is the positive impact we make, echoed by those who experience our care and support."
|
||
testimonials={[
|
||
{ id: "t1", name: "Sarah J.", handle: "@sarah_j", testimonial: "The trust makes the children feel homely. It's truly a family nature environment.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-middle-aged-woman_169016-26993.jpg", imageAlt: "Sarah J. testimonial" },
|
||
{ id: "t2", name: "Michael C.", handle: "@michael_c", testimonial: "Children mostly orphans are kept in good condition. The dedication here is remarkable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-bonding-nature-sunset-silhouette-embrace-generated-by-ai_188544-33116.jpg", imageAlt: "Michael C. testimonial" },
|
||
{ id: "t3", name: "Emily R.", handle: "@emily_r", testimonial: "The environment fosters a true family nature. Everyone helps each other here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891377.jpg", imageAlt: "Emily R. testimonial" },
|
||
{ id: "t4", name: "David K.", handle: "@david_k", testimonial: "It's inspiring to see how they help each other, building a strong and supportive community.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-learning-math-school_23-2150470831.jpg", imageAlt: "David K. testimonial" },
|
||
{ id: "t5", name: "Priya S.", handle: "@priya_s", testimonial: "A beacon of hope for vulnerable children, providing essential care and opportunities for a brighter future.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-drinking-tailgate-party_53876-125378.jpg", imageAlt: "Priya S. testimonial" }
|
||
]}
|
||
showRating={true}
|
||
animationType="depth-3d"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
tagAnimation="reveal-blur"
|
||
/>
|
||
</div>
|
||
<div id="gallery" data-section="gallery">
|
||
<FeatureCardNine
|
||
tag="Our Moments"
|
||
tagIcon={Camera}
|
||
title="Glimpses of Joy, Learning, and Community"
|
||
description="A visual journey through the heartwarming moments and impactful activities that define the Joe Britto Educational and Social Trust."
|
||
features={[
|
||
{ title: "Learning & Discovery", description: "Children engaged in classroom activities, eager to learn and explore new horizons.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/children-spending-time-together-comfort-their-home_23-2149864688.jpg", imageAlt: "Children learning in a classroom" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/adorable-kid-playing-with-shadows_23-2151336026.jpg", imageAlt: "Children playing outdoors" } },
|
||
{ title: "Community & Care", description: "Heartwarming moments from our community outreach programs and events.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-volunteers-red-tshirts-work-distribution-point_259150-57360.jpg", imageAlt: "Volunteers helping in a community event" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-palette-painting-brush_23-2148750516.jpg", imageAlt: "Children participating in art activities" } },
|
||
{ title: "Skill & Growth", description: "Youth participating in vocational training and empowerment workshops.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/women-correcting-grammar-mistakes-medium-shot_23-2150171074.jpg", imageAlt: "Youth in a vocational workshop" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/group-modern-young-people_53876-120112.jpg", imageAlt: "Young adults in a group discussion" } }
|
||
]}
|
||
showStepNumbers={false}
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
tagAnimation="reveal-blur"
|
||
/>
|
||
</div>
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
tag="Connect With Us"
|
||
title="Make a Difference: Volunteer, Donate, Partner or Get in Touch"
|
||
description="Your support empowers us to continue our vital work. Whether you wish to volunteer your time, make a donation, or explore partnership opportunities, we welcome your involvement. Contact us directly for more information on how you can contribute."
|
||
imageSrc="http://img.b2bpic.net/free-photo/mom-helping-her-child-styling-afro-hair_23-2149625719.jpg"
|
||
imageAlt="Volunteers helping children"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Your Email Address"
|
||
buttonText="Send Message"
|
||
termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
tagAnimation="reveal-blur"
|
||
/>
|
||
</div>
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EkUI8lYHyF4b0Yv82iq0kJB7yi/uploaded-1780726394974-30o5uhm3.png"
|
||
logoAlt="Joe Britto Educational and Social Trust Logo"
|
||
logoText="Joe Britto Educational and Social Trust"
|
||
columns={[
|
||
{ title: "Quick Links", items: [{ label: "Home", href: "#home" }, { label: "About Us", href: "#about" }, { label: "Our Programs", href: "#programs" }, { label: "Gallery", href: "#gallery" }] },
|
||
{ title: "Get Involved", items: [{ label: "Donate", href: "#contact" }, { label: "Volunteer", href: "#contact" }, { label: "Partner With Us", href: "#contact" }] },
|
||
{ title: "Contact Us", items: [
|
||
{ label: "2/185, Kothanar Street, Narasingam Road, Kadachanendhal, Kathakinaru Post, Madurai, Tamil Nadu – 625107", href: "https://www.google.com/maps/place/Kadachanendhal,+Madurai,+Tamil+Nadu+625107" },
|
||
{ label: "Email: joe.edl.trust@gmail.com", href: "mailto:joe.edl.trust@gmail.com" },
|
||
{ label: "Phone: +91 80568 63264", href: "tel:+918056863264" },
|
||
{ label: "Phone: +91 97890 28701", href: "tel:+919789028701" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2024 Joe Britto Educational and Social Trust. All rights reserved."
|
||
ariaLabel="Site footer"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|