diff --git a/src/app/ethics/page.tsx b/src/app/ethics/page.tsx
index 78e8e9a..1993919 100644
--- a/src/app/ethics/page.tsx
+++ b/src/app/ethics/page.tsx
@@ -4,45 +4,51 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import { Gavel, Scale, AlertTriangle } from "lucide-react";
 
 export default function EthicsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="mediumLarge" sizing="large" background="none" cardStyle="gradient-mesh" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="light">
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Inclusive Relationships", id: "/inclusive" },
-            { name: "Power & Consent", id: "/power" },
-            { name: "Ethical Manner & Discrimination", id: "/ethics" },
-            { name: "Protective Strategies", id: "/protective" },
-          ]}
-          brandName="RELATE"
-        />
-        <FeatureCardTen
-          animationType="slide-up"
-          textboxLayout="split"
-          title="Ethical Manner and Addressing Discrimination"
-          description="Cultivating inclusive environments by understanding systemic bias and upholding personal dignity through ethical behavior."
-          features={[
-            {
-              title: "Understanding Bias",              description: "Recognizing implicit biases that lead to unfair treatment or discrimination in social settings.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-having-meeting_23-2148766735.jpg" },
-              items: [{ icon: Gavel, text: "Identify exclusionary practices" }, { icon: Scale, text: "Promote equitable treatment" }],
-              reverse: false
-            },
-            {
-              title: "Active Advocacy",              description: "Standing up against discriminatory behavior and creating safe spaces for everyone.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-joining-hands_23-2148766723.jpg" },
-              items: [{ icon: AlertTriangle, text: "Challenge harmful stereotypes" }, { icon: Scale, text: "Support inclusivity initiatives" }],
-              reverse: true
-            }
-          ]}
-        />
-        <FooterBaseCard
-          logoText="RELATE"
-          columns={[{ title: "Resources", items: [{ label: "Home", href: "/" }, { label: "Protective Strategies", href: "/protective" }] }]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Inclusive Relationships", id: "/inclusive" },
+              { name: "Power & Consent", id: "/power" },
+              { name: "Ethical Manner & Discrimination", id: "/ethics" },
+              { name: "Protective Strategies", id: "/protective" },
+            ]}
+            brandName="RELATE"
+          />
+        </div>
+        <div id="features-1" data-section="features-1">
+          <FeatureCardTwentyNine
+            animationType="slide-up"
+            textboxLayout="split"
+            title="Ethical Manner and Addressing Discrimination"
+            description="Cultivating inclusive environments by understanding systemic bias and upholding personal dignity through ethical behavior."
+            useInvertedBackground={false}
+            gridVariant="bento-grid"
+            features={[
+              {
+                id: "bias",                title: "Understanding Bias",                descriptions: ["Recognizing implicit biases that lead to unfair treatment or discrimination in social settings."],
+                imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-having-meeting_23-2148766735.jpg",                titleImageSrc: "http://img.b2bpic.net/free-photo/diverse-people-having-meeting_23-2148766735.jpg",                buttonText: "Learn More"
+              },
+              {
+                id: "advocacy",                title: "Active Advocacy",                descriptions: ["Standing up against discriminatory behavior and creating safe spaces for everyone."],
+                imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-joining-hands_23-2148766723.jpg",                titleImageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-joining-hands_23-2148766723.jpg",                buttonText: "Get Involved"
+              }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="RELATE"
+            columns={[{ title: "Resources", items: [{ label: "Home", href: "/" }, { label: "Protective Strategies", href: "/protective" }] }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );