Merge version_5 into main #15
106
src/app/page.tsx
106
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Building2, Droplet, Droplets } from "lucide-react";
|
||||
import { Building2, Droplet, Droplets, AlertTriangle, Ship, Waves } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,12 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Pollution", id: "about" },
|
||||
{ name: "Venice Case", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="OceanImpact"
|
||||
/>
|
||||
@@ -44,34 +42,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Cruise Industry & The Ocean Crisis"
|
||||
description="To what extent has the cruise ship industry negatively impacted the ocean environment just like in Venice?"
|
||||
description="To what extent has the cruise ship industry negatively impacted the ocean environment, and what can we learn from the Venice case study?"
|
||||
tag="Environmental Research"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More", href: "#faq"},
|
||||
{ text: "Explore Pollution Impacts", href: "#about" },
|
||||
{ text: "Venice Case Study", href: "#faq" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776534908646-pya809c0.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-cruise-ship_23-2150785224.jpg", alt: "View of luxurious cruise ship"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11311.jpg", alt: "Beautiful photo of the sea waves"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-spiritual-peaceful-summer-beach-concept_53876-31219.jpg", alt: "Woman Spiritual Peaceful Summer Beach Concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/large-luxurious-cruise-ship-sailing-sea-sunny-day-ai-generative_123827-23860.jpg", alt: "Large luxurious cruise ship sailing in the sea on a sunny day Ai generative"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/foamy-waves-surface-water-cruise-ship_181624-9229.jpg", alt: "Foamy waves on the surface of the water behind the cruise ship"},
|
||||
]}
|
||||
avatarText="Joined by 500+ researchers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Understand the Real Environmental Damage Caused by Cruise Ships"
|
||||
title="The Hidden Cost of Cruise Tourism"
|
||||
tag="Environmental Impact"
|
||||
tagIcon={AlertTriangle}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,18 +68,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Droplets,
|
||||
title: "Sewage per Week (3k pax)", value: "170k Gal"},
|
||||
{
|
||||
id: "m2", icon: Building2,
|
||||
title: "Total Annual Industry Sewage", value: "1B Gal"},
|
||||
{
|
||||
id: "m3", icon: Droplet,
|
||||
title: "Emission Levels", value: "Critical"},
|
||||
{ id: "m1", icon: Droplets, title: "Sewage per Week (3k pax)", value: "170k Gal" },
|
||||
{ id: "m2", icon: Ship, title: "Sulphur Emission Index", value: "High/Critical" },
|
||||
{ id: "m3", icon: Waves, title: "Ballast Water Species Risk", value: "Extreme" },
|
||||
]}
|
||||
title="Quantifying the Impact"
|
||||
description="Critical data points regarding industry waste output."
|
||||
title="Quantifying the Pollution"
|
||||
description="Cruise ships operate as floating cities with massive, largely unregulated waste footprints."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,14 +83,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Why is Venice a prime example?", content: "Venice is an example of how cruise ships can damage a fragile environment. In the past, large cruise ships were allowed into its lagoon, but this caused problems because of pollution and the damage from waves they created. These ships added to water pollution and affected the delicate balance of the lagoon ecosystem.\nSince the COVID-19 period, rules have changed. The government now limits cruise ships to smaller sizes (under 250 metres and about 1,250 passengers) to reduce environmental harm. This shows a move toward more “sustainable and responsible cruises” after the negative impacts became clearer. "},
|
||||
id: "f1", title: "Case Study: The Venice Crisis", content: "Venice serves as a stark warning of cruise ship impact. Large vessels entering the lagoon caused erosion of foundations and severe water pollution. The 'Big Ship' ban in 2021 was a turning point. We analyze how this model of exclusion can be applied to other fragile marine heritage sites globally."
|
||||
},
|
||||
{
|
||||
id: "f2", title: "What are the health risks?", content: "Sulphur emissions from ships are linked to respiratory health issues and acid rain."},
|
||||
id: "f2", title: "Are there long-term health risks?", content: "Continuous exposure to particulate matter and sulphur emissions from ships docking in ports is directly linked to respiratory disease in local coastal populations."
|
||||
},
|
||||
{
|
||||
id: "f3", title: "What is ballast water?", content: "It is water released by ships that often carries invasive species, damaging delicate marine ecosystems."},
|
||||
id: "f3", title: "Ballast Water & Invasive Species", content: "Ships discharge ballast water containing non-native species that can permanently disrupt local marine food chains and destroy native coral reefs."
|
||||
},
|
||||
]}
|
||||
title="Frequent Questions"
|
||||
description="Addressing the most common inquiries about cruise industry sustainability."
|
||||
title="Venice Case Study & FAQ"
|
||||
description="Deep dive into the Venice environmental disaster and common industry myths."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -119,15 +103,11 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Industry Insights & Updates"
|
||||
description="Recent research and policy shifts in marine conservation."
|
||||
title="Marine Conservation Research"
|
||||
description="Tracking policy shifts and environmental consequences of cruise operations."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1", category: "Research", title: "The Venice Policy", excerpt: "Analyzing the new ship size limits in the lagoon.", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-fish-made-plastic_23-2151529694.jpg", authorName: "Marine Studies", authorAvatar: "http://img.b2bpic.net/free-photo/aerial-drone-view-thermal-station-s-tube-visible-clouds-with-smoke-coming-out-blue-clear-sky_1268-16947.jpg", date: "2025-01-15"},
|
||||
{
|
||||
id: "b2", category: "Environment", title: "Emission Standards", excerpt: "How European ports are regulating sulphur pollution.", imageSrc: "http://img.b2bpic.net/free-photo/man-swimming-water_23-2149066311.jpg", authorName: "Clean Oceans", authorAvatar: "http://img.b2bpic.net/free-photo/plastic-waste-polluting-ocean_23-2151995213.jpg", date: "2025-02-10"},
|
||||
{
|
||||
id: "b3", category: "Ecology", title: "Coral Reef Protection", excerpt: "Innovative solutions against ballast water contamination.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-water-trails-blue-beautiful-sea_181624-4645.jpg", authorName: "Ecological Watch", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-whale-crossing-ocean_23-2151494486.jpg", date: "2025-03-05"},
|
||||
{ id: "b1", category: "Venice Study", title: "Beyond the Venice Ban", excerpt: "What happens after the cruise ships leave the lagoon?", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-fish-made-plastic_23-2151529694.jpg", authorName: "Marine Studies", authorAvatar: "http://img.b2bpic.net/free-photo/aerial-drone-view-thermal-station-s-tube-visible-clouds-with-smoke-coming-out-blue-clear-sky_1268-16947.jpg", date: "2025-01-15" },
|
||||
{ id: "b2", category: "Pollution", title: "Invisible Emissions", excerpt: "Monitoring sulphur and particulate matter in cruise ports.", imageSrc: "http://img.b2bpic.net/free-photo/man-swimming-water_23-2149066311.jpg", authorName: "Clean Oceans", authorAvatar: "http://img.b2bpic.net/free-photo/plastic-waste-polluting-ocean_23-2151995213.jpg", date: "2025-02-10" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,13 +115,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
text="Join our research initiative. Stay updated on cruise industry environmental standards."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Join our research initiative. Stay updated on cruise industry environmental standards and case studies."
|
||||
buttons={[{ text: "Join Research", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,26 +125,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="OceanImpact"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Research", href: "#"},
|
||||
{
|
||||
label: "Policies", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Pollution Data", items: [{ label: "Sewage Metrics", href: "#" }, { label: "Venice Policy", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Research", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user