Merge version_1 into main #1
172
src/app/page.tsx
172
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "impact",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Impact", id: "impact" },
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Masakhe Isizwe"
|
||||
/>
|
||||
@@ -53,43 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Empowering Women. Building Nations."
|
||||
description="Masakhe Isizwe is dedicated to uplifting women through skills, support, and opportunities to transform communities. When a woman rises, a nation rises."
|
||||
tag="Movement for Change"
|
||||
buttons={[
|
||||
{
|
||||
text: "Donate Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Join the Movement",
|
||||
href: "#programs",
|
||||
},
|
||||
{ text: "Donate Now", href: "#contact" },
|
||||
{ text: "Join the Movement", href: "#programs" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-ceo-leads-corporate-briefing-meeting-with-shareholders_482257-128359.jpg",
|
||||
imageAlt: "Community leader",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-white-coat-opening-up-about-his-medical-career-struggles_482257-120099.jpg",
|
||||
imageAlt: "Community leader",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staff-members-leader-analyzing-financial-data-order-create-new-report_482257-125659.jpg",
|
||||
imageAlt: "Staff members and leader analyzing financial data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-team-planning-strategy-chess-board-generated-by-ai_188544-26178.jpg",
|
||||
imageAlt: "Successful business team planning strategy",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-woman-smiling-cheerful-workplace_53876-148104.jpg",
|
||||
imageAlt: "Closeup of black woman smiling",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-ceo-leads-corporate-briefing-meeting-with-shareholders_482257-128359.jpg", imageAlt: "Community leader" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-white-coat-opening-up-about-his-medical-career-struggles_482257-120099.jpg", imageAlt: "Community leader" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -101,10 +63,7 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Vision: When a woman rises, the nation rises.",
|
||||
},
|
||||
{ type: "text", content: "Our Vision: When a woman rises, the nation rises." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,27 +75,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Women Empowered",
|
||||
description: "Successfully completed programs",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120",
|
||||
title: "Businesses Started",
|
||||
description: "Independent livelihoods created",
|
||||
icon: Briefcase,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000+",
|
||||
title: "Families Supported",
|
||||
description: "Through direct community care",
|
||||
icon: Heart,
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Women Empowered", description: "Successfully completed programs", icon: Users },
|
||||
{ id: "m2", value: "120", title: "Businesses Started", description: "Independent livelihoods created", icon: Briefcase },
|
||||
{ id: "m3", value: "1000+", title: "Families Supported", description: "Through direct community care", icon: Heart },
|
||||
]}
|
||||
title="Tangible Impact"
|
||||
description="Evidence of our commitment to upliftment."
|
||||
@@ -145,28 +86,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="programs" data-section="programs">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Skills Development",
|
||||
description: "Practical training in sewing, cooking, and technical trades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-positive-young-women-working-together_23-2148461453.jpg",
|
||||
imageAlt: "Training",
|
||||
},
|
||||
{
|
||||
title: "Entrepreneurship",
|
||||
description: "Funding guidance, mentorship, and business operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-studying-together-cafe_273609-13443.jpg",
|
||||
imageAlt: "Business",
|
||||
},
|
||||
{
|
||||
title: "Community Support",
|
||||
description: "GBV awareness and creating safe spaces for healing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-man-therapy_23-2148913103.jpg",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
{ title: "Skills Development", description: "Practical training in sewing, cooking, and technical trades.", imageSrc: "http://img.b2bpic.net/free-photo/group-positive-young-women-working-together_23-2148461453.jpg", imageAlt: "Training" },
|
||||
{ title: "Entrepreneurship", description: "Funding guidance, mentorship, and business operations.", imageSrc: "http://img.b2bpic.net/free-photo/friends-studying-together-cafe_273609-13443.jpg", imageAlt: "Business" },
|
||||
{ title: "Community Support", description: "GBV awareness and creating safe spaces for healing.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-man-therapy_23-2148913103.jpg", imageAlt: "Support" },
|
||||
]}
|
||||
title="Empowerment Programs"
|
||||
description="Skills and support for sustainable change."
|
||||
@@ -180,26 +107,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-african-american-woman-with-dark-curly-hair-smiling-camera-near-with-copy-space-your-advertisement-colorful-background-space-text_574295-4835.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-beautiful-african-american-woman-standing-outdoors_1262-19991.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-portrait_1303-12379.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-african-american-young-woman_23-2147936154.jpg",
|
||||
alt: "Supporter Portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiling-african-american-woman-with-dark-curly-hair-smiling-camera-near-with-copy-space-your-advertisement-colorful-background-space-text_574295-4835.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-beautiful-african-american-woman-standing-outdoors_1262-19991.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-portrait_1303-12379.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-african-american-young-woman_23-2147936154.jpg", alt: "Supporter Portrait" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -209,21 +121,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Be part of the change"
|
||||
title="Join our Movement"
|
||||
description="Whether you want to donate, volunteer, or partner, your contribution matters."
|
||||
buttons={[
|
||||
{
|
||||
text: "Donate Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Volunteer",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Donate Now", href: "#" },
|
||||
{ text: "Volunteer", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -233,29 +137,15 @@ export default function LandingPage() {
|
||||
logoText="Masakhe Isizwe"
|
||||
columns={[
|
||||
{
|
||||
title: "Programs",
|
||||
items: [
|
||||
{
|
||||
label: "Skills",
|
||||
href: "#programs",
|
||||
},
|
||||
{
|
||||
label: "Entrepreneurship",
|
||||
href: "#programs",
|
||||
},
|
||||
title: "Programs", items: [
|
||||
{ label: "Skills", href: "#programs" },
|
||||
{ label: "Entrepreneurship", href: "#programs" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user