Add src/app/donate/page.tsx
This commit is contained in:
166
src/app/donate/page.tsx
Normal file
166
src/app/donate/page.tsx
Normal file
@@ -0,0 +1,166 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Heart, Users, Award, Zap } from 'lucide-react';
|
||||
|
||||
export default function DonatePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Donate", id: "/donate" }
|
||||
]}
|
||||
brandName="Nanjil Oasis"
|
||||
bottomLeftText="Est. 2009"
|
||||
bottomRightText="nanjiloasismrc@gmail.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Make a Difference"
|
||||
description="Your contribution directly transforms children's lives. Together, we're building a brighter future for every child in our care."
|
||||
buttons={[
|
||||
{ text: "Choose a Donation Tier", href: "#donate" },
|
||||
{ text: "Learn About Impact", href: "#impact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-children-playing-together-outdoors_53876-121893.jpg"
|
||||
imageAlt="Children thriving with support from Nanjil Oasis"
|
||||
showDimOverlay={true}
|
||||
ariaLabel="Donation page hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="donate" data-section="donate">
|
||||
<PricingCardEight
|
||||
title="Together, Let's Build Their Tomorrow"
|
||||
description="We are building a new school with hostel facility for children with special needs—especially from poor and single-parent families. Every contribution brings hope closer. 🔒 100% of your donation goes directly to the children."
|
||||
tag="Make a Difference"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "500", badge: "Support", price: "₹500", subtitle: "Provides one session of therapy", buttons: [{ text: "Donate ₹500", href: "#" }],
|
||||
features: ["One therapy session", "Direct impact on a child", "Monthly impact report"]
|
||||
},
|
||||
{
|
||||
id: "1000", badge: "Care", price: "₹1,000", subtitle: "Supports a week of meals and therapy", buttons: [{ text: "Donate ₹1,000", href: "#" }],
|
||||
features: ["Weekly nutrition support", "Ongoing therapy sessions", "Progress updates"]
|
||||
},
|
||||
{
|
||||
id: "2500", badge: "Build", price: "₹2,500", subtitle: "Provides monthly educational supplies", buttons: [{ text: "Donate ₹2,500", href: "#" }],
|
||||
features: ["Monthly school supplies", "Personalized learning materials", "Quarterly impact newsletter"]
|
||||
},
|
||||
{
|
||||
id: "5000", badge: "Transform", badgeIcon: Zap,
|
||||
price: "₹5,000", subtitle: "Transforms a child's entire month", buttons: [{ text: "Donate ₹5,000", href: "#" }],
|
||||
features: ["Complete monthly support", "All therapies & education", "Named sponsorship option"]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Custom Donation", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Donation options and contribution tiers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="impact" data-section="impact">
|
||||
<AboutMetric
|
||||
title="The Impact of Your Generosity"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ icon: Users, label: "Children Supported", value: "40+" },
|
||||
{ icon: Award, label: "Success Stories", value: "100+" },
|
||||
{ icon: Heart, label: "Families Helped", value: "50+" },
|
||||
{ icon: Zap, label: "Therapies Provided", value: "1000+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
ariaLabel="Impact metrics and donation statistics"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Supporting Nanjil Oasis has been the most rewarding decision our family made. Every rupee creates real change—better therapies, happier children, and stronger families. This is true impact."
|
||||
rating={5}
|
||||
author="Priya & Rohit, Donors"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-with-child_53876-128.jpg", alt: "Donor testimonial" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-family-portrait_1098-168.jpg", alt: "Family member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-man-helping-child_53876-213.jpg", alt: "Volunteer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/grateful-family-with-social-worker_53876-192.jpg", alt: "Beneficiary family" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-with-child_53876-147.jpg", alt: "Donor couple" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-family-embracing_53876-161.jpg", alt: "Grateful family" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Testimonial from donors and supporters"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Donate", items: [
|
||||
{ label: "Make a Donation", href: "/donate" },
|
||||
{ label: "Become a Partner", href: "mailto:nanjiloasismrc@gmail.com" },
|
||||
{ label: "Bank Transfer Details", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Email Us", href: "mailto:nanjiloasismrc@gmail.com" },
|
||||
{ label: "Call Us", href: "tel:+919944330809" },
|
||||
{ label: "Location", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Bank Details", items: [
|
||||
{ label: "PNB - Account: 3868000100376620", href: "#" },
|
||||
{ label: "UPI: 9597070301", href: "#" },
|
||||
{ label: "Registered Trust", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Nanjil Oasis Happy Centre. All rights reserved."
|
||||
bottomRightText="You Are Happy and Safe in Our Hands"
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user