Update src/app/page.tsx
This commit is contained in:
193
src/app/page.tsx
193
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Project Details",
|
||||
id: "details",
|
||||
},
|
||||
{
|
||||
name: "Donate",
|
||||
id: "donate",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Project", id: "details" },
|
||||
{ name: "Donate", id: "donate" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mandir Eagle Project"
|
||||
/>
|
||||
@@ -55,48 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Light Up Our Temple Community Together"
|
||||
description="Help 17-year-old Saicharan Kotturu install safety signposts and solar lights at SDSV Mandir as his Eagle Scout service project. Every donation strengthens our sacred space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Donate via Zelle",
|
||||
href: "#donate",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Donate via Zelle", href: "#donate" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-sign-beach-indicating-directions-different-places-world-gili-trawangan_158538-26114.jpg",
|
||||
imageAlt: "Community service project work",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-photographs-flag-ukraine-against-backdrop-city_169016-19603.jpg",
|
||||
imageAlt: "Installing solar lighting",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bald-eagle-sitting-wood-with-blurred-background-confidence-concept_181624-7881.jpg",
|
||||
imageAlt: "Project site preparation",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-dicussing-plans_23-2147650207.jpg",
|
||||
imageAlt: "Eagle Scout project team",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-folder-talking-phone_23-2147650214.jpg",
|
||||
imageAlt: "Landscape lighting upgrades",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-asian-diverse-people-volunteer-teamwork-environment-conservationvolunteer-help-picking-plastic-foam-garbage-park-areavolunteering-world-environment-day_640221-395.jpg",
|
||||
imageAlt: "Temple grounds service work",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/street-sign-beach-indicating-directions-different-places-world-gili-trawangan_158538-26114.jpg", imageAlt: "Signpost" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-photographs-flag-ukraine-against-backdrop-city_169016-19603.jpg", imageAlt: "Solar work" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bald-eagle-sitting-wood-with-blurred-background-confidence-concept_181624-7881.jpg", imageAlt: "Eagle project" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-dicussing-plans_23-2147650207.jpg", imageAlt: "Project planning" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-folder-talking-phone_23-2147650214.jpg", imageAlt: "Project meeting" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/group-asian-diverse-people-volunteer-teamwork-environment-conservationvolunteer-help-picking-plastic-foam-garbage-park-areavolunteering-world-environment-day_640221-395.jpg", imageAlt: "Temple community" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,15 +59,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Saicharan's Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-20840.jpg",
|
||||
alt: "Saicharan Kotturu",
|
||||
},
|
||||
{ type: "text", content: "About Saicharan's Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-20840.jpg", alt: "Saicharan Kotturu" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,35 +69,14 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Safety Signposts",
|
||||
descriptions: [
|
||||
"Installing durable signposts for improved accessibility and clarity throughout the Mandir grounds.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toutes-directions-blue-sky_268835-3344.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Solar Lighting",
|
||||
descriptions: [
|
||||
"Installing solar-powered light posts to ensure well-lit and safe pathways during evening events.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Temple Enhancement",
|
||||
descriptions: [
|
||||
"Contributing to the beautification and functional safety of our shared sacred community space.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossroads_1063-101.jpg",
|
||||
},
|
||||
]}
|
||||
title="Project Impact & Goals"
|
||||
description="We are enhancing the safety and beauty of SDSV Mandir through infrastructure improvements."
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Safety Signposts", descriptions: ["Installing durable signposts for improved accessibility."], imageSrc: "http://img.b2bpic.net/free-photo/toutes-directions-blue-sky_268835-3344.jpg" },
|
||||
{ id: "f2", title: "Solar Lighting", descriptions: ["Installing solar-powered light posts for safety."], imageSrc: "http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg" },
|
||||
{ id: "f3", title: "Community Space", descriptions: ["Contributing to the beautification of our temple."], imageSrc: "http://img.b2bpic.net/free-photo/crossroads_1063-101.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -158,71 +84,22 @@ export default function LandingPage() {
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Contribute via Zelle"
|
||||
description="Your donation helps fund essential materials. Scan the Zelle code at the temple office or use the project handle."
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Essential",
|
||||
price: "$25",
|
||||
period: "Contribution",
|
||||
description: "Covers one solar bulb for our new pathway lights.",
|
||||
button: {
|
||||
text: "Donate via Zelle",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Impact",
|
||||
features: [
|
||||
"Solar lighting support",
|
||||
"Community safety",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Structural",
|
||||
price: "$100",
|
||||
period: "Contribution",
|
||||
description: "Covers materials for one safety signpost installation.",
|
||||
button: {
|
||||
text: "Donate via Zelle",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Impact",
|
||||
features: [
|
||||
"Signpost materials",
|
||||
"Accessibility support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Leadership",
|
||||
price: "$500",
|
||||
period: "Contribution",
|
||||
description: "Major project support, funding complete lighting assembly.",
|
||||
button: {
|
||||
text: "Donate via Zelle",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Impact",
|
||||
features: [
|
||||
"Major infrastructure",
|
||||
"Sustained impact",
|
||||
],
|
||||
},
|
||||
{ id: "p1", tag: "Essential", price: "$25", period: "Contribution", description: "One solar bulb for pathway lights.", button: { text: "Donate via Zelle", href: "#" }, featuresTitle: "Impact", features: ["Solar lighting support"] },
|
||||
{ id: "p2", tag: "Structural", price: "$100", period: "Contribution", description: "Materials for one signpost installation.", button: { text: "Donate via Zelle", href: "#" }, featuresTitle: "Impact", features: ["Signpost materials"] },
|
||||
{ id: "p3", tag: "Leadership", price: "$500", period: "Contribution", description: "Funding for full lighting assembly.", button: { text: "Donate via Zelle", href: "#" }, featuresTitle: "Impact", features: ["Major infrastructure"] },
|
||||
]}
|
||||
title="Contribute to the Cause"
|
||||
description="Your donation directly funds the materials needed for the project. Every dollar makes a difference."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact & Support"
|
||||
title="How to Reach Out"
|
||||
description="Have questions or want to volunteer? Feel free to contact us via the details below."
|
||||
tag="Contact"
|
||||
title="Get Involved"
|
||||
description="Have questions or want to volunteer for the service project? Reach out to us today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-girl-doing-remote-classes_23-2148597978.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -231,17 +108,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SDSV Mandir Eagle Service Project"
|
||||
leftLink={{
|
||||
text: "© 2024 Saicharan Kotturu",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Troop 424 | SHAC Council",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 Saicharan Kotturu", href: "#" }}
|
||||
rightLink={{ text: "Troop 424", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user