Merge version_1 into main #2
359
src/app/page.tsx
359
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Calendar } from "lucide-react";
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
@@ -11,8 +12,6 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Calendar } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,224 +28,162 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Ministries", id: "ministries"},
|
||||
{
|
||||
name: "Sermons", id: "sermons"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SDA Mutoko"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Ministries", id: "ministries" },
|
||||
{ name: "Sermons", id: "sermons" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SDA Mutoko"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "glowing-orb"}}
|
||||
title="Welcome to Seventh Day Adventist Church - Mutoko"
|
||||
description="\"Remember the Sabbath day, to keep it holy.\" - Exodus 20:8. Join us in worship as we honor the Creator in our sanctuary at Crowhillpark."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754952.jpg"
|
||||
imageAlt="SDA Church Mutoko Interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-blond-young-man-pointing-fingers-camera-choosing-you-recruiting-inviting-join-standing-white-background_176420-46954.jpg", alt: "Church elder greeting member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/emotional-guy-with-beard-brown-shirt-grey-plain-tshirt-rejoicing-looking-into-camera-isolated-blue-background_197531-27473.jpg", alt: "Smiling community member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-amazed-happy-middleaged-man-showing-thumbsup-smiling-standing-white-background_1258-131796.jpg", alt: "Happy youth leader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-handsome-smiling-blond-man-with-happy-grin-pointing-himself-as-volunteering-talking-about-personal-achievement-goal-want-participate-yellow-background_1258-59729.jpg", alt: "Pastor smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg", alt: "Church student member"},
|
||||
]}
|
||||
avatarText="Join our 500+ members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Sabbath Service: 9:00 AM"},
|
||||
{
|
||||
type: "text", text: "Bible Study: 10:30 AM"},
|
||||
{
|
||||
type: "text-icon", text: "Open Weekly", icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Community Outreach: Sunday"},
|
||||
{
|
||||
type: "text", text: "Youth Program: Friday"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Welcome to Seventh Day Adventist Church - Mutoko"
|
||||
description="\"Remember the Sabbath day, to keep it holy.\" - Exodus 20:8. Join us in worship as we honor the Creator in our sanctuary at Crowhillpark."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754952.jpg"
|
||||
imageAlt="SDA Church Mutoko Interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-blond-young-man-pointing-fingers-camera-choosing-you-recruiting-inviting-join-standing-white-background_176420-46954.jpg", alt: "Church elder greeting member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/emotional-guy-with-beard-brown-shirt-grey-plain-tshirt-rejoicing-looking-into-camera-isolated-blue-background_197531-27473.jpg", alt: "Smiling community member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-amazed-happy-middleaged-man-showing-thumbsup-smiling-standing-white-background_1258-131796.jpg", alt: "Happy youth leader" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/enthusiastic-handsome-smiling-blond-man-with-happy-grin-pointing-himself-as-volunteering-talking-about-personal-achievement-goal-want-participate-yellow-background_1258-59729.jpg", alt: "Pastor smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg", alt: "Church student member" },
|
||||
]}
|
||||
avatarText="Join our 500+ members"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sabbath Service: 9:00 AM" },
|
||||
{ type: "text", text: "Bible Study: 10:30 AM" },
|
||||
{ type: "text-icon", text: "Open Weekly", icon: Calendar },
|
||||
{ type: "text", text: "Community Outreach: Sunday" },
|
||||
{ type: "text", text: "Youth Program: Friday" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Mission"
|
||||
description="Located in the heart of Mutoko, our church stands as a beacon of faith, hope, and love. We are committed to teaching the Word, nurturing youth, and serving our neighbors."
|
||||
metrics={[
|
||||
{
|
||||
value: "1995", title: "Founded"},
|
||||
{
|
||||
value: "500+", title: "Members"},
|
||||
{
|
||||
value: "10+", title: "Ministries"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-shot-empty-church_181624-27982.jpg"
|
||||
imageAlt="Serene interior of our sanctuary"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Mission"
|
||||
description="Located in the heart of Mutoko, our church stands as a beacon of faith, hope, and love. We are committed to teaching the Word, nurturing youth, and serving our neighbors."
|
||||
metrics={[
|
||||
{ value: "1995", title: "Founded" },
|
||||
{ value: "500+", title: "Members" },
|
||||
{ value: "10+", title: "Ministries" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-shot-empty-church_181624-27982.jpg"
|
||||
imageAlt="Serene interior of our sanctuary"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ministries" data-section="ministries">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Youth", title: "Adventist Youth", subtitle: "Empowering Future Leaders", description: "Engaging the youth in biblical studies and service.", imageSrc: "http://img.b2bpic.net/free-photo/open-book-with-natural-element_23-2151812240.jpg"},
|
||||
{
|
||||
tag: "Outreach", title: "Community Service", description: "Reaching out to those in need in Mutoko.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-living-camping_23-2149733151.jpg"},
|
||||
{
|
||||
tag: "Study", title: "Sabbath School", description: "Deep dive into scripture together every Sabbath.", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-with-wooden-holy-cross_23-2148288871.jpg"},
|
||||
]}
|
||||
title="Our Ministries"
|
||||
description="From youth development to outreach programs, explore how you can get involved."
|
||||
/>
|
||||
</div>
|
||||
<div id="ministries" data-section="ministries">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Youth", title: "Adventist Youth", subtitle: "Empowering Future Leaders", description: "Engaging the youth in biblical studies and service.", imageSrc: "http://img.b2bpic.net/free-photo/open-book-with-natural-element_23-2151812240.jpg" },
|
||||
{ tag: "Outreach", title: "Community Service", description: "Reaching out to those in need in Mutoko.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-living-camping_23-2149733151.jpg" },
|
||||
{ tag: "Study", title: "Sabbath School", description: "Deep dive into scripture together every Sabbath.", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-with-wooden-holy-cross_23-2148288871.jpg" },
|
||||
]}
|
||||
title="Our Ministries"
|
||||
description="From youth development to outreach programs, explore how you can get involved."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Sabbath Countdown"
|
||||
tag="Next Holy Sabbath"
|
||||
metrics={[
|
||||
{
|
||||
id: "d", value: "02", description: "Days"},
|
||||
{
|
||||
id: "h", value: "14", description: "Hours"},
|
||||
{
|
||||
id: "m", value: "30", description: "Minutes"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Sabbath Countdown"
|
||||
tag="Next Holy Sabbath"
|
||||
metrics={[
|
||||
{ id: "d", value: "02", description: "Days" },
|
||||
{ id: "h", value: "14", description: "Hours" },
|
||||
{ id: "m", value: "30", description: "Minutes" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="sermons" data-section="sermons">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Past Sermons & Announcements"
|
||||
description="Listen to our recent messages and stay updated on church events."
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "Sermon", title: "Faithfulness in Trials", excerpt: "Reflections on trusting God.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-clouds_1048-4351.jpg", authorName: "Head Elder", authorAvatar: "http://img.b2bpic.net/free-photo/wow-i-done-it-finally-glad-positive-young-european-man-clenches-fists-with-triumph-has-happy-look_273609-17304.jpg", date: "Oct 15, 2023"},
|
||||
{
|
||||
id: "2", category: "Event", title: "Youth Camp Announcement", excerpt: "Join us for our upcoming youth camp.", imageSrc: "http://img.b2bpic.net/free-photo/people-reading-together-side-view_23-2150059048.jpg", authorName: "Youth Director", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-female-college-student-holding-notebooks-backpack-smiling-standing-yellow-background_1258-54844.jpg", date: "Oct 10, 2023"},
|
||||
{
|
||||
id: "3", category: "Sermon", title: "The Grace of the Sabbath", excerpt: "Understanding the gift of rest.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-cross-symbol_23-2150812999.jpg", authorName: "Pastor", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-lighting-candle_23-2149390385.jpg", date: "Oct 05, 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="sermons" data-section="sermons">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Past Sermons & Announcements"
|
||||
description="Listen to our recent messages and stay updated on church events."
|
||||
blogs={[
|
||||
{ id: "1", category: "Sermon", title: "Faithfulness in Trials", excerpt: "Reflections on trusting God.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-clouds_1048-4351.jpg", authorName: "Head Elder", authorAvatar: "http://img.b2bpic.net/free-photo/wow-i-done-it-finally-glad-positive-young-european-man-clenches-fists-with-triumph-has-happy-look_273609-17304.jpg", date: "Oct 15, 2023" },
|
||||
{ id: "2", category: "Event", title: "Youth Camp Announcement", excerpt: "Join us for our upcoming youth camp.", imageSrc: "http://img.b2bpic.net/free-photo/people-reading-together-side-view_23-2150059048.jpg", authorName: "Youth Director", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-female-college-student-holding-notebooks-backpack-smiling-standing-yellow-background_1258-54844.jpg", date: "Oct 10, 2023" },
|
||||
{ id: "3", category: "Sermon", title: "The Grace of the Sabbath", excerpt: "Understanding the gift of rest.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-cross-symbol_23-2150812999.jpg", authorName: "Pastor", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-lighting-candle_23-2149390385.jpg", date: "Oct 05, 2023" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "John D.", role: "Elder", company: "SDA Mutoko", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-smiling-man-with-beard-laughing_176420-18699.jpg"},
|
||||
{
|
||||
id: "2", name: "Sarah M.", role: "Youth", company: "SDA Mutoko", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-africanamerican-female-student-smiling-pleased-showing-okay-sign-like-some_1258-137770.jpg"},
|
||||
{
|
||||
id: "3", name: "Peter K.", role: "Member", company: "SDA Mutoko", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-native-african-clothing-arid-environment_23-2150609694.jpg"},
|
||||
{
|
||||
id: "4", name: "James L.", role: "Pastor", company: "SDA Mutoko", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-casual-man-posing-against-orange-background_482257-104955.jpg"},
|
||||
{
|
||||
id: "5", name: "Emily B.", role: "Youth Leader", company: "SDA Mutoko", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-white-teeth-smiling-wearing-glasses-grey-wall_176420-21716.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%", label: "Community"},
|
||||
{
|
||||
value: "500+", label: "Family"},
|
||||
{
|
||||
value: "24/7", label: "Faith"},
|
||||
]}
|
||||
title="What Members Say"
|
||||
description="Hear from our church family."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John D.", role: "Elder", company: "SDA Mutoko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-smiling-man-with-beard-laughing_176420-18699.jpg" },
|
||||
{ id: "2", name: "Sarah M.", role: "Youth", company: "SDA Mutoko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-africanamerican-female-student-smiling-pleased-showing-okay-sign-like-some_1258-137770.jpg" },
|
||||
{ id: "3", name: "Peter K.", role: "Member", company: "SDA Mutoko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-native-african-clothing-arid-environment_23-2150609694.jpg" },
|
||||
{ id: "4", name: "James L.", role: "Pastor", company: "SDA Mutoko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-casual-man-posing-against-orange-background_482257-104955.jpg" },
|
||||
{ id: "5", name: "Emily B.", role: "Youth Leader", company: "SDA Mutoko", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-white-teeth-smiling-wearing-glasses-grey-wall_176420-21716.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "100%", label: "Community" },
|
||||
{ value: "500+", label: "Family" },
|
||||
{ value: "24/7", label: "Faith" },
|
||||
]}
|
||||
title="What Members Say"
|
||||
description="Hear from our church family."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "When is the Sabbath Service?", content: "Our main worship service is every Sabbath morning."},
|
||||
{
|
||||
id: "2", title: "How can I contact the Leadership?", content: "Communication Director: +263776353782, Head Elder: +263 77 172 1836."},
|
||||
{
|
||||
id: "3", title: "Is there a youth ministry?", content: "Yes, we have an active youth ministry program."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our church services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "When is the Sabbath Service?", content: "Our main worship service is every Sabbath morning." },
|
||||
{ id: "2", title: "How can I contact the Leadership?", content: "Communication Director: +263776353782, Head Elder: +263 77 172 1836." },
|
||||
{ id: "3", title: "Is there a youth ministry?", content: "Yes, we have an active youth ministry program." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our church services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Get in Touch"
|
||||
description="Have questions? Our leadership team is here to assist you."
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
title="Get in Touch"
|
||||
description="Have questions? Our leadership team is here to assist you."
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SEVENTH DAY ADVENTIST CHURCH - MUTOKO"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Communication", href: "tel:+263776353782"},
|
||||
{
|
||||
label: "Call Head Elder", href: "tel:+263771721836"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Ministries", href: "#ministries"},
|
||||
{
|
||||
label: "Sermons", href: "#sermons"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2023 Seventh Day Adventist Church Mutoko - Crowhillpark"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SEVENTH DAY ADVENTIST CHURCH - MUTOKO"
|
||||
columns={[
|
||||
{ title: "Contact", items: [{ label: "Call Communication", href: "tel:+263776353782" }, { label: "Call Head Elder", href: "tel:+263771721836" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Ministries", href: "#ministries" }, { label: "Sermons", href: "#sermons" }] }
|
||||
]}
|
||||
copyrightText="© 2023 Seventh Day Adventist Church Mutoko - Crowhillpark"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user