Merge version_1 into main #1
187
src/app/page.tsx
187
src/app/page.tsx
@@ -32,42 +32,30 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Mission",
|
||||
id: "about",
|
||||
},
|
||||
name: "Mission", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Impact", id: "metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Udaanmarg"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Udaanmarg"
|
||||
description="Guide birds safely home through Mumbai. Udaanmarg tracks migratory routes and alerts residents to reduce deadly ALAN and glass collisions. Join the flight protection network."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Protecting Birds",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Protecting Birds", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shadows-puppet-show-arrangement_23-2149097411.jpg"
|
||||
@@ -80,10 +68,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Protecting Mumbai's Migratory Guests"
|
||||
description={[
|
||||
"Every year, thousands of migratory birds traverse Mumbai. However, artificial light at night (ALAN) and reflective glass surfaces turn city landscapes into perilous obstacles.",
|
||||
"Udaanmarg bridges the gap between technology and conservation. By providing real-time data, we empower residents and building owners to take simple actions that save lives.",
|
||||
"Our mission is simple: transform Mumbai into a safe haven for birds during their critical seasonal passage.",
|
||||
]}
|
||||
"Every year, thousands of migratory birds traverse Mumbai. However, artificial light at night (ALAN) and reflective glass surfaces turn city landscapes into perilous obstacles.", "Udaanmarg bridges the gap between technology and conservation. By providing real-time data, we empower residents and building owners to take simple actions that save lives.", "Our mission is simple: transform Mumbai into a safe haven for birds during their critical seasonal passage."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,26 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Real-time Route Alerts",
|
||||
description: "Get notified during peak migration seasons to dim lights and modify glass surfaces.",
|
||||
tag: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-mobile-phone-with-map-gps-navigation-screen_23-2147837116.jpg",
|
||||
},
|
||||
id: "f1", title: "Real-time Route Alerts", description: "Get notified during peak migration seasons to dim lights and modify glass surfaces.", tag: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-mobile-phone-with-map-gps-navigation-screen_23-2147837116.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Glass Protection Guide",
|
||||
description: "Learn effective ways to mark glass to prevent bird collisions.",
|
||||
tag: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100068.jpg",
|
||||
},
|
||||
id: "f2", title: "Glass Protection Guide", description: "Learn effective ways to mark glass to prevent bird collisions.", tag: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100068.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Community Reporting",
|
||||
description: "Submit data on sightings and strikes to help refine our protective routes.",
|
||||
tag: "Data",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/wild-nature-web-template-with-photo_23-2148899818.jpg",
|
||||
},
|
||||
id: "f3", title: "Community Reporting", description: "Submit data on sightings and strikes to help refine our protective routes.", tag: "Data", imageSrc: "http://img.b2bpic.net/free-vector/wild-nature-web-template-with-photo_23-2148899818.jpg"},
|
||||
]}
|
||||
title="Features that Make a Difference"
|
||||
description="We offer tools and insights to create a safer environment for migratory birds."
|
||||
@@ -127,31 +97,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12,000+",
|
||||
title: "Birds Protected",
|
||||
items: [
|
||||
"Successfully navigated",
|
||||
"Across 5 routes",
|
||||
],
|
||||
id: "m1", value: "12,000+", title: "Birds Protected", items: [
|
||||
"Successfully navigated", "Across 5 routes"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
title: "Buildings Dimmed",
|
||||
items: [
|
||||
"During peak seasons",
|
||||
"City-wide coverage",
|
||||
],
|
||||
id: "m2", value: "450+", title: "Buildings Dimmed", items: [
|
||||
"During peak seasons", "City-wide coverage"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85%",
|
||||
title: "Collision Reduction",
|
||||
items: [
|
||||
"In pilot areas",
|
||||
"Measured impact",
|
||||
],
|
||||
id: "m3", value: "85%", title: "Collision Reduction", items: [
|
||||
"In pilot areas", "Measured impact"],
|
||||
},
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
@@ -167,45 +122,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Urban Birdwatcher",
|
||||
company: "Mumbai Nature Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-gardener-greenhouse_23-2147918741.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Urban Birdwatcher", company: "Mumbai Nature Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-gardener-greenhouse_23-2147918741.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Facility Manager",
|
||||
company: "Apex Towers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Facility Manager", company: "Apex Towers", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Environmental Researcher",
|
||||
company: "BirdSafe Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-businesswoman_1098-16070.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Environmental Researcher", company: "BirdSafe Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-businesswoman_1098-16070.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Volunteer",
|
||||
company: "City Greening",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/environment-volunteer-concept-with-group-persons_23-2147807195.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Volunteer", company: "City Greening", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/environment-volunteer-concept-with-group-persons_23-2147807195.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya Singh",
|
||||
role: "Architect",
|
||||
company: "Sustainable Designs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
},
|
||||
id: "5", name: "Priya Singh", role: "Architect", company: "Sustainable Designs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg"},
|
||||
]}
|
||||
title="Voices of Conservation"
|
||||
description="Building a community dedicated to our feathered friends."
|
||||
@@ -217,14 +147,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Wildlife Foundation",
|
||||
"City Bird Study",
|
||||
"Green Initiative",
|
||||
"Avian Protection",
|
||||
"Urban Nature Tech",
|
||||
"BirdSafe Glass",
|
||||
"Mumbai Safety Council",
|
||||
]}
|
||||
"Wildlife Foundation", "City Bird Study", "Green Initiative", "Avian Protection", "Urban Nature Tech", "BirdSafe Glass", "Mumbai Safety Council"]}
|
||||
title="Our Partners"
|
||||
description="Collaborating with local and national organizations for conservation."
|
||||
/>
|
||||
@@ -236,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Why is light pollution a problem for birds?",
|
||||
content: "Birds use celestial navigation cues. Artificial light distracts them, causing disorientation, exhaustion, and collisions.",
|
||||
},
|
||||
id: "faq-1", title: "Why is light pollution a problem for birds?", content: "Birds use celestial navigation cues. Artificial light distracts them, causing disorientation, exhaustion, and collisions."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How can my building join?",
|
||||
content: "Contact us to get a lighting audit and learn about bird-safe glass solutions.",
|
||||
},
|
||||
id: "faq-2", title: "How can my building join?", content: "Contact us to get a lighting audit and learn about bird-safe glass solutions."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do I need special equipment?",
|
||||
content: "Simple steps like dimming lights during peak hours or applying patterned window films are very effective.",
|
||||
},
|
||||
id: "faq-3", title: "Do I need special equipment?", content: "Simple steps like dimming lights during peak hours or applying patterned window films are very effective."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-landscape_1417-1807.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -265,22 +179,13 @@ export default function LandingPage() {
|
||||
description="Sign up to receive migration alerts and conservation tips."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Organization (Optional)",
|
||||
},
|
||||
name: "company", type: "text", placeholder: "Organization (Optional)"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/park-with-city_1127-3585.jpg"
|
||||
/>
|
||||
@@ -290,29 +195,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Learn",
|
||||
items: [
|
||||
title: "Learn", items: [
|
||||
{
|
||||
label: "About ALAN",
|
||||
href: "#",
|
||||
},
|
||||
label: "About ALAN", href: "#"},
|
||||
{
|
||||
label: "Migration Data",
|
||||
href: "#",
|
||||
},
|
||||
label: "Migration Data", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#socialProof",
|
||||
},
|
||||
label: "Partners", href: "#socialProof"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user