Update src/app/ethics/page.tsx

This commit is contained in:
2026-05-14 04:35:30 +00:00
parent ec54dcc1f0
commit 31d29e22ee

View File

@@ -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>
);