Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -30,94 +30,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Visit",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Groups",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Watch",
|
||||
id: "#contact",
|
||||
},
|
||||
{
|
||||
name: "Give",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Visit", id: "#about" },
|
||||
{ name: "Groups", id: "#features" },
|
||||
{ name: "Watch", id: "#contact" },
|
||||
{ name: "Give", id: "#contact" }
|
||||
]}
|
||||
brandName="Cloverdale Church of Christ"
|
||||
button={{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Plan Your Visit", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Place to Know, Grow, and Share Jesus"
|
||||
description="Sundays at 10:15 AM in Cloverdale, Indiana. Come as you are—well save you a seat."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Watch Live",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285711.jpg?_wi=1"
|
||||
buttons={[{ text: "Plan Your Visit", href: "#contact" }, { text: "Watch Live", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285711.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285700.jpg",
|
||||
alt: "Warm community member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/priests-praying-together-church_23-2149315981.jpg",
|
||||
alt: "Friendly greeter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-details-catholic-church-with-wooden-benches_169016-21658.jpg",
|
||||
alt: "Happy member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/candle-shines-bronze-candleholder_1304-5594.jpg",
|
||||
alt: "Welcoming person",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiling-rehab-patients-applauding_23-2148398470.jpg",
|
||||
alt: "Community smile",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285700.jpg", alt: "Warm community member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/priests-praying-together-church_23-2149315981.jpg", alt: "Friendly greeter" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/interior-details-catholic-church-with-wooden-benches_169016-21658.jpg", alt: "Happy member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/candle-shines-bronze-candleholder_1304-5594.jpg", alt: "Welcoming person" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiling-rehab-patients-applauding_23-2148398470.jpg", alt: "Community smile" }
|
||||
]}
|
||||
avatarText="Join our community of over 500+ members."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Know Christ",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Grow Together",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Share His Love",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloverdale Community",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sunday Worship",
|
||||
},
|
||||
{ type: "text", text: "Know Christ" },
|
||||
{ type: "text", text: "Grow Together" },
|
||||
{ type: "text", text: "Share His Love" },
|
||||
{ type: "text", text: "Cloverdale Community" },
|
||||
{ type: "text", text: "Sunday Worship" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,20 +73,11 @@ export default function LandingPage() {
|
||||
title="Welcome Home"
|
||||
description="We are a community dedicated to knowing Christ, growing in faith together, and sharing His love with the world. No matter your background, you belong here."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Come As You Are",
|
||||
description: "You don't need to dress up or have all the answers. Just bring your authentic self.",
|
||||
},
|
||||
{
|
||||
title: "Real Community",
|
||||
description: "We grow best when we grow together in relationships that matter.",
|
||||
},
|
||||
{
|
||||
title: "Practical Faith",
|
||||
description: "We apply biblical truths to our everyday lives in modern ways.",
|
||||
},
|
||||
{ title: "Come As You Are", description: "You don't need to dress up or have all the answers. Just bring your authentic self." },
|
||||
{ title: "Real Community", description: "We grow best when we grow together in relationships that matter." },
|
||||
{ title: "Practical Faith", description: "We apply biblical truths to our everyday lives in modern ways." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-smiling-while-listening-their-friend-playing-guitar_23-2149187036.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-smiling-while-listening-their-friend-playing-guitar_23-2149187036.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -154,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Small Groups",
|
||||
description: "Build deeper relationships through our weekly small group studies.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-five-friends-having-coffee-together_1139-1024.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424013.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285711.jpg?_wi=2",
|
||||
imageAlt: "small groups meeting coffee fellowship",
|
||||
title: "Small Groups", description: "Build deeper relationships through our weekly small group studies.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-five-friends-having-coffee-together_1139-1024.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424013.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Serve Opportunities",
|
||||
description: "Discover ways to use your gifts to serve our local community.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-female-volunteers-serving-free-food-homeless-man-outdoor-food-bank-non-profit-group-offers-humanitarian-aid-fosters-community-helping-hungry-less-privileged_482257-72623.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people_53876-21284.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-smiling-while-listening-their-friend-playing-guitar_23-2149187036.jpg?_wi=2",
|
||||
imageAlt: "small groups meeting coffee fellowship",
|
||||
title: "Serve Opportunities", description: "Discover ways to use your gifts to serve our local community.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-female-volunteers-serving-free-food-homeless-man-outdoor-food-bank-non-profit-group-offers-humanitarian-aid-fosters-community-helping-hungry-less-privileged_482257-72623.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people_53876-21284.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Watch Online",
|
||||
description: "Stay connected through our weekly live stream and sermon archive.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-using-laptop_23-2149284667.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-virtual-date-laptop-high-angle_23-2149295184.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010518.jpg?_wi=1",
|
||||
imageAlt: "small groups meeting coffee fellowship",
|
||||
},
|
||||
title: "Watch Online", description: "Stay connected through our weekly live stream and sermon archive.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-using-laptop_23-2149284667.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-virtual-date-laptop-high-angle_23-2149295184.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Grow With Us"
|
||||
@@ -203,21 +114,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10:15 AM",
|
||||
description: "Sunday Service Time",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
description: "Groups Meeting Weekly",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12+",
|
||||
description: "Local Outreach Projects",
|
||||
},
|
||||
{ id: "m1", value: "10:15 AM", description: "Sunday Service Time" },
|
||||
{ id: "m2", value: "50+", description: "Groups Meeting Weekly" },
|
||||
{ id: "m3", value: "12+", description: "Local Outreach Projects" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="See how God is working through our community in Cloverdale."
|
||||
@@ -231,46 +130,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Active Attender",
|
||||
company: "Cloverdale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16129.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
role: "New Visitor",
|
||||
company: "Cloverdale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-cheering-with-coffee-mugs-office-meeting_23-2148817072.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Small Group Leader",
|
||||
company: "Cloverdale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-carrying-tray-cups-with-defocused-father-son_23-2148414874.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Parent",
|
||||
company: "Cloverdale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256930.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer L.",
|
||||
role: "Volunteer",
|
||||
company: "Cloverdale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-celebrating-new-year-that-s-coming_23-2149144064.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Active Attender", company: "Cloverdale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16129.jpg" },
|
||||
{ id: "2", name: "Michael B.", role: "New Visitor", company: "Cloverdale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-cheering-with-coffee-mugs-office-meeting_23-2148817072.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Small Group Leader", company: "Cloverdale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-carrying-tray-cups-with-defocused-father-son_23-2148414874.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Parent", company: "Cloverdale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256930.jpg" },
|
||||
{ id: "5", name: "Jennifer L.", role: "Volunteer", company: "Cloverdale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-celebrating-new-year-that-s-coming_23-2149144064.jpg" }
|
||||
]}
|
||||
title="Stories of Transformation"
|
||||
description="Hear how members of our church have found belonging and faith."
|
||||
@@ -281,21 +145,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What should I wear?",
|
||||
content: "Come as you are! You'll see people in everything from jeans to business casual.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is there child care?",
|
||||
content: "Yes, we offer safe, engaging children's programs during the service.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long is the service?",
|
||||
content: "Our Sunday service typically lasts about 75 minutes.",
|
||||
},
|
||||
{ id: "1", title: "What should I wear?", content: "Come as you are! You'll see people in everything from jeans to business casual." },
|
||||
{ id: "2", title: "Is there child care?", content: "Yes, we offer safe, engaging children's programs during the service." },
|
||||
{ id: "3", title: "How long is the service?", content: "Our Sunday service typically lasts about 75 minutes." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know before visiting us this Sunday."
|
||||
@@ -308,57 +160,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Plan Your Visit"
|
||||
description="Let us know you're coming, and we'll save you a seat at our 10:15 AM service."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010518.jpg?_wi=2"
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010518.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Groups",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Watch Live",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Give",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Groups", href: "#features" }, { label: "Watch Live", href: "#" }] },
|
||||
{ items: [{ label: "Give", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="Cloverdale Church of Christ"
|
||||
/>
|
||||
@@ -366,4 +177,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user