6 Commits

Author SHA1 Message Date
dbaa8153a3 Update src/app/page.tsx 2026-04-23 15:19:36 +00:00
a659262e67 Add src/app/about/page.tsx 2026-04-23 15:19:35 +00:00
6371715c62 Merge version_3 into main
Merge version_3 into main
2026-04-23 15:16:52 +00:00
763df5d590 Update src/app/page.tsx 2026-04-23 15:16:49 +00:00
df1de68f06 Merge version_2 into main
Merge version_2 into main
2026-04-23 15:14:56 +00:00
a320207839 Merge version_2 into main
Merge version_2 into main
2026-04-23 15:14:27 +00:00
2 changed files with 134 additions and 117 deletions

75
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,75 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="blurBottom"
cardStyle="gradient-bordered"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Services", id: "/#services" },
{ name: "Sermons", id: "/#sermons" },
{ name: "Contact", id: "/#contact" },
]}
brandName="World Ark Missions"
button={{ text: "Plan a Visit", href: "/#contact" }}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Our Mission & Values"
description="World Ark Missions was founded on the principles of salvation, transformation, and purpose. We are dedicated to creating a community where everyone can find their path through faith and support."
metrics={[
{ value: "5,000+", title: "Active Members" },
{ value: "10+", title: "Community Initiatives" },
{ value: "500+", title: "Lives Transformed" }
]}
useInvertedBackground={true}
tag="Our Story"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
columns={[
{ title: "Navigation", items: [
{ label: "About", href: "/about" },
{ label: "Services", href: "/#services" },
{ label: "Sermons", href: "/#sermons" },
] },
{ title: "Resources", items: [
{ label: "Events", href: "/#events" },
{ label: "Contact", href: "/#contact" },
] },
{ title: "Connect", items: [
{ label: "Email", href: "mailto:worldarkmission1@gmail.com" },
{ label: "Phone", href: "tel:+233303958804" },
] },
]}
logoText="World Ark Missions"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -31,71 +31,47 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", id: "hero"}, { name: "About", id: "/about" },
{ { name: "Services", id: "services" },
name: "About", id: "about"}, { name: "Sermons", id: "sermons" },
{ { name: "Contact", id: "contact" },
name: "Services", id: "services"},
{
name: "Sermons", id: "sermons"},
{
name: "Contact", id: "contact"},
]} ]}
brandName="World Ark Missions" brandName="World Ark Missions"
button={{ button={{ text: "Plan a Visit", href: "#contact" }}
text: "Plan a Visit", href: "#contact"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{ variant: "glowing-orb" }}
variant: "glowing-orb"}}
title="A Place of Salvation, Transformation & Purpose" title="A Place of Salvation, Transformation & Purpose"
description="Join World Ark Missions for an uplifting experience of faith, hope, and community. Discover your true purpose in a place you can call home." description="Join World Ark Missions for an uplifting experience of faith, hope, and community. Discover your true purpose in a place you can call home."
leftCarouselItems={[ leftCarouselItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg?_wi=1", imageAlt: "Church interior view" },
imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg?_wi=1", imageAlt: "Church interior view"}, { imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-empty-church_181624-27982.jpg", imageAlt: "Worship gathering" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/empty-swimming-pool-inside-old-abandoned-building_181624-16809.jpg", imageAlt: "Old interior" },
imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-empty-church_181624-27982.jpg", imageAlt: "Worship gathering"}, { imageSrc: "http://img.b2bpic.net/free-photo/closeup-photography-white-structure_250224-372.jpg", imageAlt: "Architectural detail" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/long-stained-glass-window-cathedral_169016-38648.jpg", imageAlt: "Stained glass" },
imageSrc: "http://img.b2bpic.net/free-photo/empty-swimming-pool-inside-old-abandoned-building_181624-16809.jpg", imageAlt: "Old interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photography-white-structure_250224-372.jpg", imageAlt: "Architectural detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/long-stained-glass-window-cathedral_169016-38648.jpg", imageAlt: "Stained glass"},
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg", imageAlt: "Community gathering" },
imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg", imageAlt: "Community gathering"}, { imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-background-with-crystal-dew-drops-spider-web-sunlight_169016-14226.jpg", imageAlt: "Gathering atmosphere" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/glass-structure-steel_1127-2124.jpg", imageAlt: "Glass structure" },
imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-background-with-crystal-dew-drops-spider-web-sunlight_169016-14226.jpg", imageAlt: "Gathering atmosphere"}, { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285711.jpg", imageAlt: "Church background" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/holy-week-celebration-vivid-colors_23-2151195211.jpg", imageAlt: "Holy week colors" },
imageSrc: "http://img.b2bpic.net/free-photo/glass-structure-steel_1127-2124.jpg", imageAlt: "Glass structure"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285711.jpg", imageAlt: "Church background"},
{
imageSrc: "http://img.b2bpic.net/free-photo/holy-week-celebration-vivid-colors_23-2151195211.jpg", imageAlt: "Holy week colors"},
]} ]}
tag="Welcome Home" tag="Welcome Home"
buttons={[ buttons={[
{ { text: "Join Us Live", href: "#sermons" },
text: "Join Us Live", href: "#sermons"}, { text: "Plan a Visit", href: "#contact" },
{
text: "Plan a Visit", href: "#contact"},
]} ]}
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/medium-shot-happy-christian-man-church_23-2149344160.jpg", alt: "Christian man" },
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-christian-man-church_23-2149344160.jpg", alt: "Christian man"}, { src: "http://img.b2bpic.net/free-photo/senior-priest-church-with-costume_23-2149305982.jpg", alt: "Priest portrait" },
{ { src: "http://img.b2bpic.net/free-photo/bride-groom-run-through-forest-wedding-photo-shoot_1328-5309.jpg", alt: "Couple running" },
src: "http://img.b2bpic.net/free-photo/senior-priest-church-with-costume_23-2149305982.jpg", alt: "Priest portrait"}, { src: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284683.jpg", alt: "Priest portrait" },
{ { src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-priest_23-2149298340.jpg", alt: "Handsome priest" },
src: "http://img.b2bpic.net/free-photo/bride-groom-run-through-forest-wedding-photo-shoot_1328-5309.jpg", alt: "Couple running"},
{
src: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284683.jpg", alt: "Priest portrait"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-priest_23-2149298340.jpg", alt: "Handsome priest"},
]} ]}
avatarText="Join 5,000+ members" avatarText="Join 5,000+ members"
/> />
@@ -107,8 +83,7 @@ export default function LandingPage() {
tag="About Us" tag="About Us"
title="World Ark Missions: Our Story" title="World Ark Missions: Our Story"
buttons={[ buttons={[
{ { text: "Learn More", href: "/about" },
text: "Learn More", href: "#about-detail"},
]} ]}
/> />
</div> </div>
@@ -118,18 +93,12 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Sunday Service", description: "8:00 AM A time of powerful worship.", imageSrc: "http://img.b2bpic.net/free-photo/young-musicians-local-event_23-2149188139.jpg?_wi=1" },
title: "Sunday Service", description: "8:00 AM A time of powerful worship.", imageSrc: "http://img.b2bpic.net/free-photo/young-musicians-local-event_23-2149188139.jpg?_wi=1"}, { title: "Wednesday (Know Jesus More)", description: "6:30 PM Deep dive into scripture.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-people-praying-outdoors_23-2150870086.jpg" },
{ { title: "Friday (Rescue Hour)", description: "6:30 PM Intercession, healing, and breakthroughs.", imageSrc: "http://img.b2bpic.net/free-photo/wellness-practices-self-care-world-health-day_23-2151256759.jpg" },
title: "Wednesday (Know Jesus More)", description: "6:30 PM Deep dive into scripture.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-people-praying-outdoors_23-2150870086.jpg"}, { title: "Community Prayer", description: "Saturday morning intercession.", imageSrc: "http://img.b2bpic.net/free-photo/female-male-patients-applauding_23-2148398348.jpg" },
{ { title: "Youth Fellowship", description: "Connecting the next generation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-applauding_23-2149008918.jpg" },
title: "Friday (Rescue Hour)", description: "6:30 PM Intercession, healing, and breakthroughs.", imageSrc: "http://img.b2bpic.net/free-photo/wellness-practices-self-care-world-health-day_23-2151256759.jpg"}, { title: "Leadership Growth", description: "Training and development.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167368.jpg" },
{
title: "Community Prayer", description: "Saturday morning intercession.", imageSrc: "http://img.b2bpic.net/free-photo/female-male-patients-applauding_23-2148398348.jpg"},
{
title: "Youth Fellowship", description: "Connecting the next generation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-applauding_23-2149008918.jpg"},
{
title: "Leadership Growth", description: "Training and development.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167368.jpg"},
]} ]}
title="Our Weekly Services" title="Our Weekly Services"
description="Join our vibrant community as we learn, grow, and rescue together through God's grace." description="Join our vibrant community as we learn, grow, and rescue together through God's grace."
@@ -144,12 +113,9 @@ export default function LandingPage() {
title="Sermons & Media Hub" title="Sermons & Media Hub"
description="Access transformative messages from Rev. Benjamin Eturu Adom anywhere, anytime." description="Access transformative messages from Rev. Benjamin Eturu Adom anywhere, anytime."
blogs={[ blogs={[
{ { id: "s1", category: "Message", title: "Living with Purpose", excerpt: "Unlock your potential.", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg?_wi=1", authorName: "Rev. Benjamin Adom", authorAvatar: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg", date: "Oct 24, 2024" },
id: "s1", category: "Message", title: "Living with Purpose", excerpt: "Unlock your potential.", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg?_wi=1", authorName: "Rev. Benjamin Adom", authorAvatar: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg", date: "Oct 24, 2024"}, { id: "s2", category: "Rescue Hour", title: "Power of Prayer", excerpt: "Breaking cycles.", imageSrc: "http://img.b2bpic.net/free-photo/men-city_1157-5053.jpg", authorName: "Rev. Benjamin Adom", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-groom-outdoors_23-2149580395.jpg", date: "Oct 18, 2024" },
{ { id: "s3", category: "Sunday Word", title: "Grace in Crisis", excerpt: "Walking through storms.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-mobile-phone_53876-25169.jpg", authorName: "Rev. Benjamin Adom", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg", date: "Oct 11, 2024" },
id: "s2", category: "Rescue Hour", title: "Power of Prayer", excerpt: "Breaking cycles.", imageSrc: "http://img.b2bpic.net/free-photo/men-city_1157-5053.jpg", authorName: "Rev. Benjamin Adom", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-groom-outdoors_23-2149580395.jpg", date: "Oct 18, 2024"},
{
id: "s3", category: "Sunday Word", title: "Grace in Crisis", excerpt: "Walking through storms.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-mobile-phone_53876-25169.jpg", authorName: "Rev. Benjamin Adom", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg", date: "Oct 11, 2024"},
]} ]}
/> />
</div> </div>
@@ -161,12 +127,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "e1", name: "Global Missions Summit", price: "Register Now", variant: "Conference", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-old-building-interior-surrounded-by-lights_181624-11774.jpg?_wi=1" },
id: "e1", name: "Global Missions Summit", price: "Register Now", variant: "Conference", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-old-building-interior-surrounded-by-lights_181624-11774.jpg?_wi=1"}, { id: "e2", name: "Youth Awakening Retreat", price: "Register Now", variant: "Retreat", imageSrc: "http://img.b2bpic.net/free-photo/hotel-entrance-unfocused_1203-762.jpg" },
{ { id: "e3", name: "Community Outreach Day", price: "Register Now", variant: "Outreach", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-wedding-hall_74190-5228.jpg" },
id: "e2", name: "Youth Awakening Retreat", price: "Register Now", variant: "Retreat", imageSrc: "http://img.b2bpic.net/free-photo/hotel-entrance-unfocused_1203-762.jpg"},
{
id: "e3", name: "Community Outreach Day", price: "Register Now", variant: "Outreach", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-wedding-hall_74190-5228.jpg"},
]} ]}
title="Upcoming Events" title="Upcoming Events"
description="Never miss an opportunity to connect. Register for our special gatherings." description="Never miss an opportunity to connect. Register for our special gatherings."
@@ -178,12 +141,9 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "t1", name: "John Doe", date: "Oct 2024", title: "Miraculous Healing", quote: "The Rescue Hour changed my life.", tag: "Healing", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2583.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg?_wi=2", imageAlt: "diverse church members happy" },
id: "t1", name: "John Doe", date: "Oct 2024", title: "Miraculous Healing", quote: "The Rescue Hour changed my life.", tag: "Healing", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2583.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg?_wi=2", imageAlt: "diverse church members happy"}, { id: "t2", name: "Sarah Mensah", date: "Sep 2024", title: "New Purpose", quote: "I found a family.", tag: "Purpose", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-133003.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg", imageAlt: "diverse church members happy" },
{ { id: "t3", name: "Emmanuel Addo", date: "Aug 2024", title: "Spiritual Growth", quote: "Deep and refreshing.", tag: "Study", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-looking_74855-5149.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-musicians-local-event_23-2149188139.jpg?_wi=2", imageAlt: "diverse church members happy" },
id: "t2", name: "Sarah Mensah", date: "Sep 2024", title: "New Purpose", quote: "I found a family.", tag: "Purpose", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-133003.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg", imageAlt: "diverse church members happy"},
{
id: "t3", name: "Emmanuel Addo", date: "Aug 2024", title: "Spiritual Growth", quote: "Deep and refreshing.", tag: "Study", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-looking_74855-5149.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-musicians-local-event_23-2149188139.jpg?_wi=2", imageAlt: "diverse church members happy"},
]} ]}
title="Transformed Lives" title="Transformed Lives"
description="Hear how our community has found purpose, healing, and home here." description="Hear how our community has found purpose, healing, and home here."
@@ -194,12 +154,9 @@ export default function LandingPage() {
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "q1", title: "Where is the church located?", content: "We are located in Afienya - Mataheko. Look for the sign at 18up Junction, right next to the Stephen Block Factory; we are just behind it." },
id: "q1", title: "Where is the church located?", content: "Afienya - Mataheko, 18up junction adjacent Stephen Block Factory."}, { id: "q2", title: "Can I watch services online?", content: "Yes, we stream live via YouTube and Facebook." },
{ { id: "q3", title: "How can I volunteer?", content: "Reach out to our leadership team during any service." },
id: "q2", title: "Can I watch services online?", content: "Yes, we stream live via YouTube and Facebook."},
{
id: "q3", title: "How can I volunteer?", content: "Reach out to our leadership team during any service."},
]} ]}
sideTitle="Frequently Asked Questions" sideTitle="Frequently Asked Questions"
sideDescription="Have questions? We are here to help you get started." sideDescription="Have questions? We are here to help you get started."
@@ -210,14 +167,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient"}}
tag="Get in Touch" tag="Get in Touch"
title="Plan Your Visit Today" title="Plan Your Visit Today"
description="We are excited to meet you! Located at Afienya - Mataheko. Call us at +233 30 395 8804." description="We are excited to meet you! Located at Afienya - Mataheko. Call us at +233 30 395 8804."
buttons={[ buttons={[
{ { text: "Contact Us", href: "mailto:worldarkmission1@gmail.com" },
text: "Contact Us", href: "mailto:worldarkmission1@gmail.com"},
]} ]}
/> />
</div> </div>
@@ -225,32 +180,19 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
columns={[ columns={[
{ { title: "Navigation", items: [
title: "Navigation", items: [ { label: "About", href: "/about" },
{ { label: "Services", href: "#services" },
label: "About", href: "#about"}, { label: "Sermons", href: "#sermons" },
{ ] },
label: "Services", href: "#services"}, { title: "Resources", items: [
{ { label: "Events", href: "#events" },
label: "Sermons", href: "#sermons"}, { label: "Contact", href: "#contact" },
], ] },
}, { title: "Connect", items: [
{ { label: "Email", href: "mailto:worldarkmission1@gmail.com" },
title: "Resources", items: [ { label: "Phone", href: "tel:+233303958804" },
{ ] },
label: "Events", href: "#events"},
{
label: "Contact", href: "#contact"},
],
},
{
title: "Connect", items: [
{
label: "Email", href: "mailto:worldarkmission1@gmail.com"},
{
label: "Phone", href: "tel:+233303958804"},
],
},
]} ]}
logoText="World Ark Missions" logoText="World Ark Missions"
/> />
@@ -258,4 +200,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }