Merge version_2 into main #4
96
src/app/donate/page.tsx
Normal file
96
src/app/donate/page.tsx
Normal file
@@ -0,0 +1,96 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Heart } from 'lucide-react';
|
||||
|
||||
export default function DonatePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="LDC"
|
||||
navItems={[
|
||||
{ name: "About", id: "/" },
|
||||
{ name: "What We Do", id: "/" },
|
||||
{ name: "Impact", id: "/" },
|
||||
{ name: "Stories", id: "/" },
|
||||
{ name: "Get Involved", id: "/" }
|
||||
]}
|
||||
button={{ text: "Donate Now", href: "/donate" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="donate" data-section="donate" className="min-h-screen flex items-center justify-center py-20">
|
||||
<ContactCenter
|
||||
tag="Support Our Mission"
|
||||
title="Make a Donation"
|
||||
description="Your contribution directly supports safe housing, education, health services, and community support for vulnerable families and individuals. Every donation creates lasting change and real opportunity."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="your.email@example.com"
|
||||
buttonText="Continue to Donation"
|
||||
termsText="Your donation is secure and will be processed through our trusted payment partner. We are a registered Charitable Incorporated Organisation committed to transparency and accountability."
|
||||
onSubmit={(email) => {
|
||||
console.log('Donation initiated for:', email);
|
||||
// Handle donation flow here
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "What We Do", href: "/" },
|
||||
{ label: "Impact", href: "/" },
|
||||
{ label: "Stories", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Donate", href: "/donate" },
|
||||
{ label: "Volunteer", href: "/" },
|
||||
{ label: "Partner With Us", href: "/" },
|
||||
{ label: "Contact", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Accountability", items: [
|
||||
{ label: "Governance", href: "#" },
|
||||
{ label: "Safeguarding", href: "#" },
|
||||
{ label: "Transparency", href: "#" },
|
||||
{ label: "Annual Report", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Values", items: [
|
||||
{ label: "Sustainability", href: "/" },
|
||||
{ label: "Community-Led", href: "/" },
|
||||
{ label: "Inclusivity", href: "#" },
|
||||
{ label: "Health & Wellbeing", href: "/" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 LDC Community Support Charity. All rights reserved. Registered as a Charitable Incorporated Organisation."
|
||||
bottomRightText="Built for community-led change and long-term wellbeing."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,57 +1,35 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import "./styles/variables.css";
|
||||
import "./styles/base.css";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Mulish } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const mulish = Mulish({
|
||||
variable: "--font-mulish", subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "LDC | Community-Led Support for Vulnerable Families", description: "Community-led charity providing safe homes, education, health support, and employment pathways for vulnerable families and individuals. From crisis to stability to lasting independence.", keywords: "charity, vulnerable families, affordable housing, education, employment, wellbeing, community support, inclusive, safety, dignity", metadataBase: new URL("https://ldc-charity.org"),
|
||||
alternates: {
|
||||
canonical: "https://ldc-charity.org"},
|
||||
openGraph: {
|
||||
title: "LDC Community-Led Charity | Safe Homes, Stronger Futures", description: "Supporting vulnerable families through comprehensive housing, education, health, and wellbeing services. Building a community where everyone can thrive.", type: "website", siteName: "LDC Community Support", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/full-shot-family-ready-move-into-new-home_23-2149662446.jpg", alt: "Safe and accessible affordable housing for families"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "LDC | Community Support for Vulnerable Families", description: "From crisis to stability, opportunity to independence. Holistic support for sustainable change.", images: ["http://img.b2bpic.net/free-photo/full-shot-family-ready-move-into-new-home_23-2149662446.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "LDC Community Support", description: "Community-led charity creating safe homes and lasting opportunities"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${mulish.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<body className={inter.className}>
|
||||
{children}
|
||||
<script
|
||||
async
|
||||
src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"
|
||||
/>
|
||||
<script
|
||||
async
|
||||
src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollTrigger.min.js"
|
||||
/>
|
||||
<script
|
||||
async
|
||||
src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollToPlugin.min.js"
|
||||
/>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1419,7 +1397,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -36,7 +36,7 @@ export default function LandingPage() {
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "Get Involved", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Donate Now", href: "contact" }}
|
||||
button={{ text: "Donate Now", href: "/donate" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -49,7 +49,7 @@ export default function LandingPage() {
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Learn Our Mission", href: "about" },
|
||||
{ text: "Donate Today", href: "contact" }
|
||||
{ text: "Donate Today", href: "/donate" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-ready-move-into-new-home_23-2149662446.jpg?_wi=1", imageAlt: "Safe and accessible affordable housing for families" },
|
||||
@@ -238,7 +238,7 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Donate", href: "#contact" },
|
||||
{ label: "Donate", href: "/donate" },
|
||||
{ label: "Volunteer", href: "#contact" },
|
||||
{ label: "Partner With Us", href: "#contact" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
|
||||
Reference in New Issue
Block a user