Update src/app/page.tsx
This commit is contained in:
113
src/app/page.tsx
113
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Users, BookOpen, HandHeart, Smile, Target } from "lucide-react";
|
||||
import { Users, BookOpen, HandHeart, Smile, Target, Utensils, Info, Phone } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
@@ -34,24 +34,24 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Events", id: "features" },
|
||||
{ name: "Leadership", id: "team" },
|
||||
{ name: "Dishes", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ACK St. Martins"
|
||||
brandName="Mtwapa Swahili Dishes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to ACK St. Martins Kahawa Wendani"
|
||||
description="A growing community anchored in faith, love, and service. Join us as we journey together in His grace."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-happy-parents-kid_23-2149344045.jpg?_wi=1"
|
||||
imageAlt="ACK St. Martins Church Exterior"
|
||||
title="Authentic Swahili Flavors in Mtwapa"
|
||||
description="Experience the rich, aromatic traditions of coastal cuisine served with warmth and love. Freshly prepared, just for you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/biryani-chicken-traditional-indian-dish_144627-27387.jpg?_wi=1"
|
||||
imageAlt="Traditional Swahili Swahili Dish"
|
||||
buttons={[
|
||||
{ text: "Join Our Service", href: "#contact" },
|
||||
{ text: "Learn About Us", href: "#about" },
|
||||
{ text: "View Our Menu", href: "#features" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -60,16 +60,16 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission & Faith"
|
||||
description="We are dedicated to building a Christ-centered community where everyone finds belonging, growth, and hope."
|
||||
title="Tradition in Every Bite"
|
||||
description="Mtwapa Swahili Dishes is dedicated to preserving the authentic recipes passed down through generations. From our kitchen to your table, we bring the essence of the coast."
|
||||
bulletPoints={[
|
||||
{ title: "Spiritual Growth", description: "Weekly bible study and prayer meetings.", icon: BookOpen },
|
||||
{ title: "Community Service", description: "Supporting our local Kahawa Wendani community.", icon: HandHeart },
|
||||
{ title: "Youth Empowerment", description: "Guiding our next generation in faith.", icon: Users },
|
||||
{ title: "Authentic Recipes", description: "Slow-cooked meals using fresh local spices.", icon: Utensils },
|
||||
{ title: "Cozy Atmosphere", description: "A welcoming space for family and friends.", icon: Smile },
|
||||
{ title: "Locally Sourced", description: "Supporting our coastal farmers and community.", icon: HandHeart },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-garage-sale_23-2150574538.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-traditional-pilau-rice-dish_23-2149176412.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Community service and church ministry outreach"
|
||||
imageAlt="Delicious Swahili pilau and traditional food"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,25 +79,25 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "m1", label: "Ministry", title: "Sunday Worship", items: ["8:00 AM First Service", "10:30 AM Second Service", "Youth Service"] },
|
||||
{ id: "m2", label: "Ministry", title: "Community Outreach", items: ["Charity initiatives", "Food distribution", "Hospital visits"] },
|
||||
{ id: "m3", label: "Ministry", title: "Education", items: ["Sunday School", "Catechism Classes", "Bible Study"] },
|
||||
{ id: "m1", label: "Signature", title: "Swahili Pilau", items: ["Classic Beef", "Chicken", "Vegetarian Option"] },
|
||||
{ id: "m2", label: "Sides", title: "Coastal Sides", items: ["Kachumbari", "Chapati", "Viazi Karai"] },
|
||||
{ id: "m3", label: "Drinks", title: "Refreshing", items: ["Madafu", "Fresh Mango Juice", "Spiced Tea"] },
|
||||
]}
|
||||
title="Ministries We Serve"
|
||||
description="Discover ways to engage, serve, and deepen your walk with God."
|
||||
title="Our Signature Menu"
|
||||
description="Explore our curated selection of coastal delicacies prepared with fresh, authentic ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Voices of Our Community"
|
||||
cardTag="Testimonials"
|
||||
cardTitle="What Our Foodies Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice Wangari", imageSrc: "http://img.b2bpic.net/free-photo/happy-multiracial-people-talking-outdoors_74855-2913.jpg" },
|
||||
{ id: "t2", name: "John Kamau", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-holding-bowl-man-casual-clothes-looking-camera-spirituality-health-concept_74855-23489.jpg" },
|
||||
{ id: "t3", name: "Brian Otieno", imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-shirt_1187-1598.jpg" },
|
||||
{ id: "t1", name: "Fatma Ali", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-looking-camera_23-2148213345.jpg" },
|
||||
{ id: "t2", name: "Kevin Omondi", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-t-shirt-looking-camera_23-2149258925.jpg" },
|
||||
{ id: "t3", name: "Sarah Juma", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup_23-2148419754.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,66 +107,35 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What time is the Sunday Service?", content: "We hold services at 8:00 AM and 10:30 AM." },
|
||||
{ id: "q2", title: "Are there children's programs?", content: "Yes, we offer Sunday School during both services." },
|
||||
{ id: "q3", title: "How can I join a cell group?", content: "Visit our information desk or sign up on our website." },
|
||||
{ id: "q1", title: "Do you offer delivery?", content: "Yes, we provide doorstep delivery within Mtwapa." },
|
||||
{ id: "q2", title: "Are there vegan options?", content: "We have several traditional vegetarian dishes available." },
|
||||
{ id: "q3", title: "Can we host events?", content: "We cater for small gatherings and private events." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to help you navigate your first visit."
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "p1", name: "Rev. John Doe", role: "Vicar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-christian-man-church_23-2149344160.jpg" },
|
||||
{ id: "p2", name: "Jane Smith", role: "Ministry Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-closed-book_23-2148396321.jpg" },
|
||||
{ id: "p3", name: "Peter Kinyua", role: "Worship Leader", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-working-studio_23-2150265042.jpg" },
|
||||
]}
|
||||
title="Church Leadership"
|
||||
description="Guided by faith, led by our dedicated clergy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "met1", icon: Users, title: "Active Members", value: "500+" },
|
||||
{ id: "met2", icon: Smile, title: "Sunday School Kids", value: "150+" },
|
||||
{ id: "met3", icon: Target, title: "Outreach Projects", value: "12" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Celebrating the growth and milestones of our faithful community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Stay Connected"
|
||||
description="Subscribe to our weekly newsletters for church updates and events."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doors-building-door-european-style_1417-1307.jpg"
|
||||
imageAlt="Church Office"
|
||||
tag="Contact Us"
|
||||
title="Ready to Taste Coastal Magic?"
|
||||
description="Drop us a message for orders, reservations, or general inquiries. We're open daily!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-table-setting-with-spices_23-2148622152.jpg"
|
||||
imageAlt="Swahili kitchen table setup"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="ACK St. Martins"
|
||||
logoText="Mtwapa Swahili Dishes"
|
||||
columns={[
|
||||
{ title: "Church", items: [{ label: "About Us", href: "#about" }, { label: "Leadership", href: "#team" }] },
|
||||
{ title: "Resources", items: [{ label: "Events", href: "#features" }, { label: "FAQs", href: "#faq" }] },
|
||||
{ title: "Support", items: [{ label: "Giving", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user