Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Mission",
|
||||
id: "vision",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Mission", id: "vision" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Connect Masaki SDA"
|
||||
/>
|
||||
@@ -53,42 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Connect Seventh-Day Adventist Church Masaki"
|
||||
description="We are a family of believers, trusting in the transformation of people’s lives to full harmony with Christ."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Strategy",
|
||||
href: "#vision",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Strategy", href: "#vision" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-seminar-office-concept_53876-148131.jpg?_wi=1",
|
||||
imageAlt: "modern church interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-church_181624-375.jpg",
|
||||
imageAlt: "modern church interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-room-os-church_119272-60.jpg",
|
||||
imageAlt: "modern church interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-support-group_23-2151079540.jpg",
|
||||
imageAlt: "modern church interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-6353.jpg",
|
||||
imageAlt: "modern church interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-glasses-pink-shirt-sitting-floor-looking-with-interest-her-international-classmates-portrait-students-chilling-campus_197531-3805.jpg",
|
||||
imageAlt: "modern church interior warm lighting",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-seminar-office-concept_53876-148131.jpg", imageAlt: "modern church interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-church_181624-375.jpg", imageAlt: "modern church interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-room-os-church_119272-60.jpg", imageAlt: "modern church interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-support-group_23-2151079540.jpg", imageAlt: "modern church interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-6353.jpg", imageAlt: "modern church interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-glasses-pink-shirt-sitting-floor-looking-with-interest-her-international-classmates-portrait-students-chilling-campus_197531-3805.jpg", imageAlt: "modern church interior warm lighting" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,24 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Our Vision",
|
||||
description: "The transformation of people’s lives to full harmony with Christ’s perfect will in preparation for His second coming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fairytale-scene-coming-out-book_23-2151778535.jpg",
|
||||
imageAlt: "open bible warm lighting",
|
||||
},
|
||||
{
|
||||
title: "Our Mission",
|
||||
description: "To reach the community in the Peninsula area and the English-speaking community of Dar es Salaam through Christ’s method.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg",
|
||||
imageAlt: "community service helping hands",
|
||||
},
|
||||
{
|
||||
title: "Our Method",
|
||||
description: "Reaching our community physically, socially, emotionally, and spiritually using Christ’s method alone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-young-friends-talking-street_74855-2719.jpg",
|
||||
imageAlt: "friendly community members talking",
|
||||
},
|
||||
{ title: "Our Vision", description: "The transformation of people’s lives to full harmony with Christ’s perfect will in preparation for His second coming.", imageSrc: "http://img.b2bpic.net/free-photo/fairytale-scene-coming-out-book_23-2151778535.jpg", imageAlt: "open bible warm lighting" },
|
||||
{ title: "Our Mission", description: "To reach the community in the Peninsula area and the English-speaking community of Dar es Salaam through Christ’s method.", imageSrc: "http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg", imageAlt: "community service helping hands" },
|
||||
{ title: "Our Method", description: "Reaching our community physically, socially, emotionally, and spiritually using Christ’s method alone.", imageSrc: "http://img.b2bpic.net/free-photo/content-young-friends-talking-street_74855-2719.jpg", imageAlt: "friendly community members talking" }
|
||||
]}
|
||||
title="Our Vision and Strategy"
|
||||
description="Preparing hearts and minds for the second coming through faith."
|
||||
@@ -138,21 +86,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Serving the Community"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Families Reached",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
description: "Community Programs",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
description: "Years of Ministry",
|
||||
},
|
||||
{ id: "m1", value: "100+", description: "Families Reached" },
|
||||
{ id: "m2", value: "20", description: "Community Programs" },
|
||||
{ id: "m3", value: "12", description: "Years of Ministry" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -163,24 +99,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Physical Wellness",
|
||||
description: "Caring for our community's health needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-toy-heart-hands_23-2148009441.jpg",
|
||||
imageAlt: "community service helping hands",
|
||||
},
|
||||
{
|
||||
title: "Social Fellowship",
|
||||
description: "Building strong connections within our family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16125.jpg",
|
||||
imageAlt: "friendly community members talking",
|
||||
},
|
||||
{
|
||||
title: "Spiritual Growth",
|
||||
description: "Deepening our relationship with Christ.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiritual-awakening-concept_23-2150771679.jpg",
|
||||
imageAlt: "open bible warm lighting",
|
||||
},
|
||||
{ title: "Physical Wellness", description: "Caring for our community's health needs.", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-toy-heart-hands_23-2148009441.jpg", imageAlt: "community service helping hands" },
|
||||
{ title: "Social Fellowship", description: "Building strong connections within our family.", imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16125.jpg", imageAlt: "friendly community members talking" },
|
||||
{ title: "Spiritual Growth", description: "Deepening our relationship with Christ.", imageSrc: "http://img.b2bpic.net/free-photo/spiritual-awakening-concept_23-2150771679.jpg", imageAlt: "open bible warm lighting" }
|
||||
]}
|
||||
title="Ministry Values"
|
||||
description="How we serve our congregation and community daily."
|
||||
@@ -194,37 +115,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "leaders",
|
||||
groupTitle: "Church Ministers",
|
||||
members: [
|
||||
{
|
||||
id: "mem1",
|
||||
title: "Pastor",
|
||||
subtitle: "Lead Minister",
|
||||
detail: "Dedicated to community outreach and biblical teaching.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-reporter-preparing-interview_23-2149183573.jpg",
|
||||
imageAlt: "pastor portrait professional smile",
|
||||
},
|
||||
{
|
||||
id: "mem2",
|
||||
title: "Elder",
|
||||
subtitle: "Community Support",
|
||||
detail: "Helping build local connections and spiritual harmony.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-book-coffee_23-2150062155.jpg",
|
||||
imageAlt: "pastor portrait professional smile",
|
||||
},
|
||||
{
|
||||
id: "mem3",
|
||||
title: "Deacon",
|
||||
subtitle: "Member Care",
|
||||
detail: "Serving the social and emotional needs of our family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bald-man-suit-making-ok-sing-smiling-slyly-looking-camera-standing-green_141793-61958.jpg",
|
||||
imageAlt: "pastor portrait professional smile",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-seminar-office-concept_53876-148131.jpg?_wi=2",
|
||||
imageAlt: "pastor portrait professional smile",
|
||||
},
|
||||
id: "leaders", groupTitle: "Church Ministers", members: [
|
||||
{ id: "mem1", title: "Pastor", subtitle: "Lead Minister", detail: "Dedicated to community outreach and biblical teaching.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-reporter-preparing-interview_23-2149183573.jpg", imageAlt: "pastor portrait professional smile" },
|
||||
{ id: "mem2", title: "Elder", subtitle: "Community Support", detail: "Helping build local connections and spiritual harmony.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-book-coffee_23-2150062155.jpg", imageAlt: "pastor portrait professional smile" },
|
||||
{ id: "mem3", title: "Deacon", subtitle: "Member Care", detail: "Serving the social and emotional needs of our family.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bald-man-suit-making-ok-sing-smiling-slyly-looking-camera-standing-green_141793-61958.jpg", imageAlt: "pastor portrait professional smile" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Leadership Team"
|
||||
description="Meet the devoted servants guiding our congregation."
|
||||
@@ -237,41 +133,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Masaki church has been my family for years. The community is so supportive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-afro-hairstyle_23-2150677138.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "I love the focus on Christ and community outreach here.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356574.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Samuel M.",
|
||||
handle: "@samuelm",
|
||||
testimonial: "A truly transformative environment that helps me grow spiritually.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-multiracial-people-talking-outdoors_74855-2913.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mary A.",
|
||||
handle: "@marya",
|
||||
testimonial: "The physical and emotional care provided is incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-women-hugging-low-angle_23-2148634696.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Great leadership and strong biblical teaching.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-candle-church_23-2150582333.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Masaki church has been my family for years. The community is so supportive.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-afro-hairstyle_23-2150677138.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "I love the focus on Christ and community outreach here.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356574.jpg" },
|
||||
{ id: "t3", name: "Samuel M.", handle: "@samuelm", testimonial: "A truly transformative environment that helps me grow spiritually.", imageSrc: "http://img.b2bpic.net/free-photo/happy-multiracial-people-talking-outdoors_74855-2913.jpg" },
|
||||
{ id: "t4", name: "Mary A.", handle: "@marya", testimonial: "The physical and emotional care provided is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/three-women-hugging-low-angle_23-2148634696.jpg" },
|
||||
{ id: "t5", name: "David K.", handle: "@davidk", testimonial: "Great leadership and strong biblical teaching.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-candle-church_23-2150582333.jpg" }
|
||||
]}
|
||||
title="Testimonials"
|
||||
description="Hear from our beloved church family."
|
||||
@@ -284,25 +150,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions? Reach out to our family today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-visiting-praying-church-building_23-2151103935.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user