From 951b339ad42553e5cf880d3f5b3e41de7c2c1074 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 11:36:54 +0000
Subject: [PATCH 1/2] Add src/app/features/page.tsx

---
 src/app/features/page.tsx | 75 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)
 create mode 100644 src/app/features/page.tsx

diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
new file mode 100644
index 0000000..a12ab42
--- /dev/null
+++ b/src/app/features/page.tsx
@@ -0,0 +1,75 @@
+"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: "Contact", id: "/" },
+            ]}
+            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."
+            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 contamination through wastewater treatment systems."
+                ]
+              },
+              {
+                id: "f2",                label: "Atmosphere",                title: "Air Quality & Emissions",                items: [
+                  "Heavy fuel oil combustion releasing massive sulfur dioxide (SO2) amounts.",                  "Black 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."
+                ]
+              }
+            ]}
+          />
+        </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: "Contact", href: "#" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 5561b1f632016c1637da89c2ce9c0dc57ec99a17 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 11:36:55 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e197b16..f57598b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,6 +33,8 @@ export default function LandingPage() {
       navItems={[
         {
           name: "Home",          id: "hero"},
+        {
+          name: "Features",          id: "/features"},
         {
           name: "Impact",          id: "pollution"},
         {
@@ -51,7 +53,7 @@ export default function LandingPage() {
       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}
-- 
2.49.1