23 Commits

Author SHA1 Message Date
a584200c3f Update src/app/contact/page.tsx 2026-04-19 12:27:49 +00:00
922da41fef Add src/app/privacy/page.tsx 2026-04-19 12:25:16 +00:00
f64676a428 Update src/app/page.tsx 2026-04-19 12:25:16 +00:00
b1a78837a3 Update src/app/features/page.tsx 2026-04-19 12:25:15 +00:00
882b8d011e Update src/app/contact/page.tsx 2026-04-19 12:25:15 +00:00
1d9bd2f9be Update src/app/page.tsx 2026-04-19 12:15:39 +00:00
4b350e81aa Update src/app/features/page.tsx 2026-04-19 12:15:39 +00:00
329ae10062 Add src/app/contact/page.tsx 2026-04-19 12:15:38 +00:00
0d7abed476 Merge version_8 into main
Merge version_8 into main
2026-04-19 12:14:37 +00:00
710b66ffe1 Update src/app/features/page.tsx 2026-04-19 12:14:31 +00:00
c8651202d3 Merge version_8 into main
Merge version_8 into main
2026-04-19 11:37:23 +00:00
79e4ca3227 Update src/app/features/page.tsx 2026-04-19 11:37:20 +00:00
fbd5c09781 Merge version_8 into main
Merge version_8 into main
2026-04-19 11:36:58 +00:00
5561b1f632 Update src/app/page.tsx 2026-04-19 11:36:55 +00:00
951b339ad4 Add src/app/features/page.tsx 2026-04-19 11:36:54 +00:00
1fbe6d725a Merge version_7 into main
Merge version_7 into main
2026-04-19 11:35:46 +00:00
e464a09d44 Update theme colors 2026-04-19 11:35:43 +00:00
cdb07b8a2c Merge version_6 into main
Merge version_6 into main
2026-04-19 11:35:23 +00:00
a8b25d92ac Update theme colors 2026-04-19 11:35:20 +00:00
00cf600365 Merge version_5 into main
Merge version_5 into main
2026-04-19 11:35:03 +00:00
d70e91094a Update theme colors 2026-04-19 11:35:00 +00:00
60bbc8d87f Merge version_4 into main
Merge version_4 into main
2026-04-19 09:46:07 +00:00
6c5d641f23 Merge version_4 into main
Merge version_4 into main
2026-04-18 18:26:47 +00:00
5 changed files with 235 additions and 85 deletions

59
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,59 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Impact", id: "/" },
{ name: "FAQ", id: "/" },
{ name: "Privacy", id: "/privacy" },
{ name: "Contact", id: "/contact" },
]}
brandName="OceanImpact"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Questions? "
background={{ variant: "gradient-bars" }}
buttons={[{ text: "Email Us", href: "mailto:info@oceanimpact.com" }]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="OceanImpact: Cruise Ships"
columns={[
{ title: "Resources", items: [{ label: "Research", href: "#" }, { label: "Policies", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Privacy", href: "/privacy" }, { label: "Contact", href: "/contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

77
src/app/features/page.tsx Normal file
View File

@@ -0,0 +1,77 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function FeaturesPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Impact", id: "/" },
{ name: "FAQ", id: "/" },
{ name: "Privacy", id: "/privacy" },
{ name: "Contact", id: "/contact" },
]}
brandName="OceanImpact"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="split-description"
title="Environmental Impacts of Cruise Ships"
description="An in-depth look at how the cruise ship industry affects our oceans and coastal ecosystems."
useInvertedBackground={false}
features={[
{
id: "f1", label: "Marine Health", title: "Water Pollution", items: [
"Illegal discharge of bilge water containing oils and hazardous chemicals.", "Release of sewage contaminated with fecal matter, nutrients, and heavy metals.", "Microplastic and plastics contamination through wastewater treatment systems."
]
},
{
id: "f2", label: "Atmosphere", title: "Air Quality & Emissions", items: [
"Heavy fuel oil combustion releasing massive sulfur dioxide (SO2) amounts.", "High carbon emissions contributing to localized climate warming and glacier melt.", "Health hazards for coastal cities and port residents from particulate matter (PM)."
]
},
{
id: "f3", label: "Ecology", title: "Physical Ecosystem Damage", items: [
"Physical destruction of coral reefs through anchor drops and propeller wash.", "Disruption of marine life behavioral patterns due to continuous underwater noise pollution.", "Invasive species spread through untreated ballast water discharge and hurts ecosystems."
]
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="OceanImpact: Cruise Ships"
columns={[
{ title: "Resources", items: [{ label: "Research", href: "#" }, { label: "Policies", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Privacy", href: "/privacy" }, { label: "Contact", href: "/contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -31,14 +31,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "hero"},
{
name: "Impact", id: "pollution"},
{
name: "FAQ", id: "faq"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Features", id: "/features" },
{ name: "Impact", id: "pollution" },
{ name: "FAQ", id: "faq" },
{ name: "Privacy", id: "/privacy" },
{ name: "Contact", id: "/contact" },
]}
brandName="OceanImpact"
/>
@@ -50,22 +48,16 @@ export default function LandingPage() {
description="To what extent has the cruise ship industry negatively impacted the ocean environment just like in Venice?"
tag="Environmental Research"
buttons={[
{
text: "Learn More", href: "#pollution"},
{ text: "Learn More", href: "/features" },
]}
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"},
{ 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"
/>
@@ -83,12 +75,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Water Pollution", description: "Over a billion gallons of sewage are produced annually by the cruise industry, containing excess nutrients, pathogens, heavy metals, and microplastics that degrade marine habitats.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776536332930-cuchax6t.jpg"},
{
title: "Air Emissions", description: "Ships often burn heavy fuel oil, releasing massive quantities of sulfur dioxide, nitrogen oxides, and black carbon, which contribute to acid rain and respiratory health issues in coastal communities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776536267535-x7otcjm3.webp"},
{
title: "Ecosystem Disruption", description: "Massive hull sizes and propeller wash physically disturb delicate reef structures. Additionally, ballast water management frequently leads to the introduction of invasive species that crowd out native marine life.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776536290920-spcfkrbh.webp"},
{ title: "Water Pollution", description: "Over a billion gallons of sewage are produced annually by the cruise industry, containing excess nutrients, pathogens, heavy metals, and microplastics that degrade marine habitats.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776536332930-cuchax6t.jpg" },
{ title: "Air Emissions", description: "Ships often burn heavy fuel oil, releasing massive quantities of sulfur dioxide, nitrogen oxides, and black carbon, which contribute to acid rain and respiratory health issues in coastal communities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776536267535-x7otcjm3.webp" },
{ title: "Ecosystem Disruption", description: "Massive hull sizes and propeller wash physically disturb delicate reef structures. Additionally, ballast water management frequently leads to the introduction of invasive species that crowd out native marine life.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776536290920-spcfkrbh.webp" },
]}
title="Major Environmental Threats"
description="The cruise ship industry exerts significant pressure on marine environments through chemical pollution, atmospheric emissions, and the physical degradation of vulnerable ecosystems."
@@ -101,15 +90,9 @@ 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: "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: Building2, title: "Annual Industry Sewage", value: "1B Gal" },
{ id: "m3", icon: Droplet, title: "Emission Levels", value: "Critical" },
]}
title="Measuring the Impact "
description="Critical data points regarding industry waste output."
@@ -121,12 +104,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "Why is Venice a prime example?", content: "Venice serves as a cautionary tale for the cruise industry. Large cruise vessels entering the fragile Venetian lagoon caused extensive erosion, water pollution, and physical stress on historical foundations. Following intense pressure, Italy implemented strict regulations restricting access for large vessels, prioritizing the preservation of heritage and ecosystem health over mass tourism expansion."},
{
id: "f2", title: "What are the health risks?", content: "Cruise emissions generate fine particulate matter (PM2.5) and sulfur compounds, which have been directly linked to increased cardiovascular and respiratory illnesses in populations living in port cities and coastal areas."},
{
id: "f3", title: "What is ballast water?", content: "Ballast water is used by ships to maintain stability. When discharged in new ports, it often carries non-native microscopic organisms, bacteria, and invasive species that disrupt local food webs and threaten biodiversity."},
{ id: "f1", title: "Why is Venice a prime example?", content: "Venice serves as a cautionary tale for the cruise industry. Large cruise vessels entering the fragile Venetian lagoon caused extensive erosion, water pollution, and physical stress on historical foundations. Following intense pressure, Italy implemented strict regulations restricting access for large vessels, prioritizing the preservation of heritage and ecosystem health over mass tourism expansion." },
{ id: "f2", title: "What are the health risks?", content: "Cruise emissions generate fine particulate matter (PM2.5) and sulfur compounds, which have been directly linked to increased cardiovascular and respiratory illnesses in populations living in port cities and coastal areas." },
{ id: "f3", title: "What is ballast water?", content: "Ballast water is used by ships to maintain stability. When discharged in new ports, it often carries non-native microscopic organisms, bacteria, and invasive species that disrupt local food webs and threaten biodiversity." },
]}
title="Frequent Questions"
description="Addressing the most common questions asked about the cruise industrys sustainability."
@@ -142,25 +122,9 @@ export default function LandingPage() {
title="Latest Industry Insights "
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 Venice waters and its past.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776534901788-g9qjhg3a.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: "2026-01-15"},
{
id: "b2", category: "Environment", title: "Emission Standards", excerpt: "How European ports are regulating sulphur pollution.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776591711180-m5pmyso1.jpg", authorName: "Clean Oceans", authorAvatar: "http://img.b2bpic.net/free-photo/plastic-waste-polluting-ocean_23-2151995213.jpg", date: "2026-02-10"},
{
id: "b3", category: "Ecology", title: "Coral Reef Protection", excerpt: "Innovative solutions against ballast water contamination.", imageSrc: "https://img.b2bpic.net/free-photo/clownfish-blue-malawi-cichlids-swimming-near-coral-duncan_181624-27335.jpg?id=12177205", authorName: "Ecological Watch", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-whale-crossing-ocean_23-2151494486.jpg", date: "2026-03-05"},
]}
/>
</div>
<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: "#"},
{ id: "b1", category: "Research", title: "The Venice Policy", excerpt: "Analyzing the new ship size limits in Venice waters and its past.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776534901788-g9qjhg3a.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: "2026-01-15" },
{ id: "b2", category: "Environment", title: "Emission Standards", excerpt: "How European ports are regulating sulphur pollution.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARLkjU9t1ru27ZaFOKNjNfRfIu/uploaded-1776591711180-m5pmyso1.jpg", authorName: "Clean Oceans", authorAvatar: "http://img.b2bpic.net/free-photo/plastic-waste-polluting-ocean_23-2151995213.jpg", date: "2026-02-10" },
{ id: "b3", category: "Ecology", title: "Coral Reef Protection", excerpt: "Innovative solutions against ballast water contamination.", imageSrc: "https://img.b2bpic.net/free-photo/clownfish-blue-malawi-cichlids-swimming-near-coral-duncan_181624-27335.jpg?id=12177205", authorName: "Ecological Watch", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-whale-crossing-ocean_23-2151494486.jpg", date: "2026-03-05" },
]}
/>
</div>
@@ -169,22 +133,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="OceanImpact: Cruise Ships"
columns={[
{
title: "Resources", items: [
{
label: "Research", href: "#"},
{
label: "Policies", href: "#"},
],
},
{
title: "Company", items: [
{
label: "About Us", href: "#"},
{
label: "Contact", href: "#"},
],
},
{ title: "Resources", items: [{ label: "Research", href: "#" }, { label: "Policies", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Privacy", href: "/privacy" }, { label: "Contact", href: "/contact" }] },
]}
/>
</div>

64
src/app/privacy/page.tsx Normal file
View File

@@ -0,0 +1,64 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import LegalSection from '@/components/legal/LegalSection';
export default function PrivacyPolicyPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Impact", id: "/" },
{ name: "FAQ", id: "/" },
{ name: "Privacy", id: "/privacy" },
{ name: "Contact", id: "/contact" },
]}
brandName="OceanImpact"
/>
</div>
<LegalSection
layout="page"
title="Privacy Policy"
subtitle="Last updated: May 2024"
sections={[
{
heading: "Data Collection", content: { type: "paragraph", text: "We collect minimal information to improve your browsing experience. This includes basic analytical data used to monitor site performance and usage trends." }
},
{
heading: "Information Usage", content: { type: "list", items: ["Improving website performance", "Analyzing user navigation patterns", "Enhancing accessibility features"] }
}
]}
/>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="OceanImpact: Cruise Ships"
columns={[
{ title: "Resources", items: [{ label: "Research", href: "#" }, { label: "Policies", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Privacy", href: "/privacy" }, { label: "Contact", href: "/contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--background: #fbfaff;
--card: #f7f5ff;
--foreground: #0f0022;
--primary-cta: #8b5cf6;
--primary-cta-text: #fbfaff;
--secondary-cta: #ffffff;
--secondary-cta-text: #0f0022;
--accent: #d8cef5;
--background-accent: #c4a8f9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);