Merge version_1 into main #1
419
src/app/page.tsx
419
src/app/page.tsx
@@ -15,301 +15,150 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Marco's Church"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Marco's Church"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Welcome to Marco's Church"
|
||||
description="A place of faith, community, and belonging. Join us as we grow together in spirit and purpose."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-interior-church-with-stainedglass-windows-view-from_169016-21667.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/inside-cathedral_1361-213.jpg",
|
||||
alt: "Inside the Cathedral",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-church_1361-214.jpg",
|
||||
alt: "The white church",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-old-brick-building-cloudy-sky_181624-7127.jpg",
|
||||
alt: "Vertical low angle shot of an old brick building",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gothic-church-interior-high-arched-windows-painted-vaults_169016-68622.jpg",
|
||||
alt: "Gothic church interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285711.jpg",
|
||||
alt: "Beautiful church background",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our 500+ member family"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Weekly Worship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Youth Programs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bible Study",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Aid",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Musical Ministry",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to Marco's Church"
|
||||
description="A place of faith, community, and belonging. Join us as we grow together in spirit and purpose."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-interior-church-with-stainedglass-windows-view-from_169016-21667.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/inside-cathedral_1361-213.jpg", alt: "Inside the Cathedral" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/white-church_1361-214.jpg", alt: "The white church" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-old-brick-building-cloudy-sky_181624-7127.jpg", alt: "Vertical low angle shot of an old brick building" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gothic-church-interior-high-arched-windows-painted-vaults_169016-68622.jpg", alt: "Gothic church interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285711.jpg", alt: "Beautiful church background" }
|
||||
]}
|
||||
avatarText="Join our 500+ member family"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Weekly Worship" },
|
||||
{ type: "text", text: "Youth Programs" },
|
||||
{ type: "text", text: "Bible Study" },
|
||||
{ type: "text", text: "Community Aid" },
|
||||
{ type: "text", text: "Musical Ministry" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Heart & Mission"
|
||||
description="At Marco's Church, we strive to create a space where everyone feels welcomed and supported. Whether you're new to faith or looking for a home, we are here for you."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Engaging with our neighbors through service and support.",
|
||||
},
|
||||
{
|
||||
title: "Spiritual Growth",
|
||||
description: "Learning and living according to our values.",
|
||||
},
|
||||
{
|
||||
title: "All Are Welcome",
|
||||
description: "We embrace diversity and love as our core mandate.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-details-catholic-church-with-wooden-benches_169016-21658.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Heart & Mission"
|
||||
description="At Marco's Church, we strive to create a space where everyone feels welcomed and supported. Whether you're new to faith or looking for a home, we are here for you."
|
||||
bulletPoints={[
|
||||
{ title: "Community Focus", description: "Engaging with our neighbors through service and support." },
|
||||
{ title: "Spiritual Growth", description: "Learning and living according to our values." },
|
||||
{ title: "All Are Welcome", description: "We embrace diversity and love as our core mandate." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-details-catholic-church-with-wooden-benches_169016-21658.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Outreach & Service",
|
||||
description: "Helping those in need within our local community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-hands-with-puzzle-paper-heart_23-2148635166.jpg",
|
||||
},
|
||||
{
|
||||
title: "Bible Studies",
|
||||
description: "Diving deeper into our faith through study.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-book-club_23-2150062132.jpg",
|
||||
},
|
||||
{
|
||||
title: "Worship Arts",
|
||||
description: "Expressing our faith through music and song.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169655.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Ministries"
|
||||
description="Opportunities to serve, learn, and grow together."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Outreach & Service", description: "Helping those in need within our local community.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-hands-with-puzzle-paper-heart_23-2148635166.jpg" },
|
||||
{ title: "Bible Studies", description: "Diving deeper into our faith through study.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-book-club_23-2150062132.jpg" },
|
||||
{ title: "Worship Arts", description: "Expressing our faith through music and song.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169655.jpg" }
|
||||
]}
|
||||
title="Our Ministries"
|
||||
description="Opportunities to serve, learn, and grow together."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Member",
|
||||
company: "Community Church",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait-posing-couch_23-2148891724.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Volunteer",
|
||||
company: "Community Church",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-employee-with-stubble-stylish-haircut-standing-blank-wall_273609-12358.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Brown",
|
||||
role: "Member",
|
||||
company: "Community Church",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-people-praying-outdoors_23-2150870090.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Wilson",
|
||||
role: "Teacher",
|
||||
company: "Community Church",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-community-center_23-2149155356.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Miller",
|
||||
role: "Member",
|
||||
company: "Community Church",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elder-group-friends-partying_23-2150285559.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Community Members",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Ministries",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
label: "Years Active",
|
||||
},
|
||||
]}
|
||||
title="Stories of Faith"
|
||||
description="What our members have to say about their experience here."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John Doe", role: "Member", company: "Community Church", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait-posing-couch_23-2148891724.jpg" },
|
||||
{ id: "2", name: "Jane Smith", role: "Volunteer", company: "Community Church", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-employee-with-stubble-stylish-haircut-standing-blank-wall_273609-12358.jpg" },
|
||||
{ id: "3", name: "Michael Brown", role: "Member", company: "Community Church", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-people-praying-outdoors_23-2150870090.jpg" },
|
||||
{ id: "4", name: "Sarah Wilson", role: "Teacher", company: "Community Church", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-community-center_23-2149155356.jpg" },
|
||||
{ id: "5", name: "Robert Miller", role: "Member", company: "Community Church", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elder-group-friends-partying_23-2150285559.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "100+", label: "Community Members" },
|
||||
{ value: "20+", label: "Ministries" },
|
||||
{ value: "5+", label: "Years Active" }
|
||||
]}
|
||||
title="Stories of Faith"
|
||||
description="What our members have to say about their experience here."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "When are service times?",
|
||||
content: "Our main services are held every Sunday morning at 10 AM.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need to sign up?",
|
||||
content: "No sign-up is required, all are welcome to attend.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there childcare?",
|
||||
content: "Yes, we offer a dedicated space for children during service hours.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "When are service times?", content: "Our main services are held every Sunday morning at 10 AM." },
|
||||
{ id: "2", title: "Do I need to sign up?", content: "No sign-up is required, all are welcome to attend." },
|
||||
{ id: "3", title: "Is there childcare?", content: "Yes, we offer a dedicated space for children during service hours." }
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Community Alliance",
|
||||
"Faith Network",
|
||||
"Local Ministry",
|
||||
"Charity Group",
|
||||
"Faith Association",
|
||||
"Mission Relief",
|
||||
"Unity Society",
|
||||
]}
|
||||
title="Supported By"
|
||||
description="Proud to partner with these organizations in faith and service."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Community Alliance", "Faith Network", "Local Ministry", "Charity Group", "Faith Association", "Mission Relief", "Unity Society"]}
|
||||
title="Supported By"
|
||||
description="Proud to partner with these organizations in faith and service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Visit Us Today"
|
||||
description="Location: 123 Faith Avenue, City | Phone: (555) 123-4567 - We look forward to meeting you!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Visit Us Today"
|
||||
description="Location: 123 Faith Avenue, City | Phone: (555) 123-4567 - We look forward to meeting you!"
|
||||
buttons={[{ text: "Call Now", href: "tel:5551234567" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Marco's Church"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Marco's Church"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user