Merge version_4 into main #13
167
src/app/page.tsx
167
src/app/page.tsx
@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
@@ -32,21 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "pollution",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OceanImpact"
|
||||
/>
|
||||
@@ -59,33 +48,21 @@ export default function LandingPage() {
|
||||
tag="Environmental Research"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#pollution",
|
||||
},
|
||||
text: "Learn More", 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/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/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/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/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",
|
||||
},
|
||||
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"
|
||||
/>
|
||||
@@ -98,32 +75,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pollution" data-section="pollution">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Water Pollution",
|
||||
description: "Over a billion gallons of sewage produced annually, containing harmful chemicals and heavy metals.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776535334645-j279ajda.jpg",
|
||||
},
|
||||
{
|
||||
title: "Air Emissions",
|
||||
description: "European cruise ships produce more sulphur emissions than all passenger cars combined.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776535347413-cql6qg48.webp",
|
||||
},
|
||||
{
|
||||
title: "Ecosystem Damage",
|
||||
description: "Invasive species spread via ballast water, impacting coral reefs and biodiversity. Trash thrown overboard also damadges living conditions for animals and plants.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776535403064-y8z07x9u.webp",
|
||||
},
|
||||
]}
|
||||
title="Major Environmental Threats To Our Ocean"
|
||||
description="The cruise ship industry causes lots of problems towards marine life and habitats as it distrupts animlas, ecosystems and pollutes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
@@ -131,23 +82,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Droplets,
|
||||
title: "Sewage per Week (3k pax)",
|
||||
value: "170k Gal",
|
||||
},
|
||||
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: "m2", icon: Building2,
|
||||
title: "Total Annual Industry Sewage", value: "1B Gal"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Droplet,
|
||||
title: "Emission Levels",
|
||||
value: "Critical",
|
||||
},
|
||||
id: "m3", icon: Droplet,
|
||||
title: "Emission Levels", value: "Critical"},
|
||||
]}
|
||||
title="Quantifying the Impact"
|
||||
description="Critical data points regarding industry waste output."
|
||||
@@ -160,23 +102,13 @@ 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.
|
||||
Since 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: "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: "f2",
|
||||
title: "What are the health risks?",
|
||||
content: "Sulphur emissions from ships are linked to respiratory health issues and acid rain.",
|
||||
},
|
||||
id: "f2", title: "What are the health risks?", content: "Sulphur emissions from ships are linked to respiratory health issues and acid rain."},
|
||||
{
|
||||
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: "What is ballast water?", content: "It is water released by ships that often carries invasive species, damaging delicate marine ecosystems."},
|
||||
]}
|
||||
title="Frequent Questions"
|
||||
title: "Frequent Questions"
|
||||
description="Addressing the most common inquiries about cruise industry sustainability."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -191,35 +123,11 @@ Since the COVID-19 period, rules have changed. The government now limits cruise
|
||||
description="Recent research and policy shifts in marine conservation."
|
||||
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: "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: "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: "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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,14 +136,11 @@ Since the COVID-19 period, rules have changed. The government now limits cruise
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Join our research initiative. Stay updated on cruise industry environmental standards."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -245,29 +150,19 @@ Since the COVID-19 period, rules have changed. The government now limits cruise
|
||||
logoText="OceanImpact"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Research",
|
||||
href: "#",
|
||||
},
|
||||
label: "Research", href: "#"},
|
||||
{
|
||||
label: "Policies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Policies", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -276,4 +171,4 @@ Since the COVID-19 period, rules have changed. The government now limits cruise
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user