Merge version_1 into main #1
206
src/app/page.tsx
206
src/app/page.tsx
@@ -31,34 +31,26 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Findings",
|
||||
id: "#findings",
|
||||
},
|
||||
name: "Findings", id: "#findings"},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "#stories",
|
||||
},
|
||||
name: "Stories", id: "#stories"},
|
||||
{
|
||||
name: "Action",
|
||||
id: "#action",
|
||||
},
|
||||
name: "Action", id: "#action"},
|
||||
]}
|
||||
brandName="Seen and Unseen"
|
||||
button={{ text: "Get Involved", href: "#action" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="Seen and Unseen"
|
||||
description="How Bias Shapes Lives in Our Community. Submitted to the No Hate in the Garden State Youth Competition 2025–2026. Bias is not one problem. It is many — and the solutions must match."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Research",
|
||||
href: "#findings",
|
||||
},
|
||||
text: "Explore Research", href: "#findings"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/network-concept-with-colorful-dots_23-2148999202.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -74,17 +66,11 @@ export default function LandingPage() {
|
||||
description="Bias is not a single issue. From racial profiling to professional ageism, the manifestations differ, as do the psychological tolls and necessary interventions. Our research addresses the gap in New Jersey school education by categorizing bias across race, gender, sexual orientation, age, and religion."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Contextual Bias",
|
||||
description: "Understanding that discrimination against a Black teen vs. a Jewish woman requires different lenses.",
|
||||
},
|
||||
title: "Contextual Bias", description: "Understanding that discrimination against a Black teen vs. a Jewish woman requires different lenses."},
|
||||
{
|
||||
title: "Psychological Toll",
|
||||
description: "Analyzing how internalized stigma and race-based trauma differ by target identity.",
|
||||
},
|
||||
title: "Psychological Toll", description: "Analyzing how internalized stigma and race-based trauma differ by target identity."},
|
||||
{
|
||||
title: "Bystander Gaps",
|
||||
description: "Defining the 'legibility gap' that prevents observers from noticing injustice.",
|
||||
},
|
||||
title: "Bystander Gaps", description: "Defining the 'legibility gap' that prevents observers from noticing injustice."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/light-prisms-colorful-effect_23-2148898180.jpg"
|
||||
imageAlt="Light prisms colorful effect"
|
||||
@@ -99,29 +85,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Collect Accounts",
|
||||
description: "Verified firsthand testimony across five major bias domains.",
|
||||
icon: Database,
|
||||
title: "Collect Accounts", description: "Verified firsthand testimony across five major bias domains.", icon: Database,
|
||||
},
|
||||
{
|
||||
title: "Pattern Analysis",
|
||||
description: "Organizing accounts to determine how bias manifests differently per group.",
|
||||
icon: Layers,
|
||||
title: "Pattern Analysis", description: "Organizing accounts to determine how bias manifests differently per group.", icon: Layers,
|
||||
},
|
||||
{
|
||||
title: "Bystander Education",
|
||||
description: "Teaching observers to recognize signals and intervene safely.",
|
||||
icon: ShieldCheck,
|
||||
title: "Bystander Education", description: "Teaching observers to recognize signals and intervene safely.", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Coping Strategies",
|
||||
description: "Providing targeted responses for individuals facing systemic prejudice.",
|
||||
icon: Activity,
|
||||
title: "Coping Strategies", description: "Providing targeted responses for individuals facing systemic prejudice.", icon: Activity,
|
||||
},
|
||||
{
|
||||
title: "Accessible Output",
|
||||
description: "Transforming complex sociological data into school-appropriate curricula.",
|
||||
icon: BookOpen,
|
||||
title: "Accessible Output", description: "Transforming complex sociological data into school-appropriate curricula.", icon: BookOpen,
|
||||
},
|
||||
]}
|
||||
title="Project Objectives"
|
||||
@@ -136,40 +112,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "80+",
|
||||
title: "Verified Accounts",
|
||||
description: "Aggregated testimonies and advocacy data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-geometric-shapes-nature_23-2150697322.jpg",
|
||||
},
|
||||
id: "1", value: "80+", title: "Verified Accounts", description: "Aggregated testimonies and advocacy data.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-geometric-shapes-nature_23-2150697322.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "3-Phase",
|
||||
title: "Analysis Framework",
|
||||
description: "Origin, Impact, and Response pattern testing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-365.jpg",
|
||||
},
|
||||
id: "2", value: "3-Phase", title: "Analysis Framework", description: "Origin, Impact, and Response pattern testing.", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-365.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "Multi-Dimensional",
|
||||
title: "Visualization",
|
||||
description: "Matrix mapping by group and severity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg",
|
||||
},
|
||||
id: "3", value: "Multi-Dimensional", title: "Visualization", description: "Matrix mapping by group and severity.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
value: "95%",
|
||||
title: "Statistical Confidence",
|
||||
description: "High correlation in reported bias incidents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",
|
||||
},
|
||||
id: "4", value: "95%", title: "Statistical Confidence", description: "High correlation in reported bias incidents.", imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
value: "5 Domains",
|
||||
title: "Categorical Scope",
|
||||
description: "Extensive mapping across varied social strata.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background-with-shallow-depth-field_1048-12413.jpg",
|
||||
},
|
||||
id: "5", value: "5 Domains", title: "Categorical Scope", description: "Extensive mapping across varied social strata.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background-with-shallow-depth-field_1048-12413.jpg"},
|
||||
]}
|
||||
title="Methodology"
|
||||
description="Rigorous data analysis of 80+ documented testimonials and peer-reviewed research."
|
||||
@@ -183,29 +134,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Racial Minorities",
|
||||
description: "Dismissals and exclusions leave no trace; perpetrators report neutral interactions.",
|
||||
icon: Users,
|
||||
title: "Racial Minorities", description: "Dismissals and exclusions leave no trace; perpetrators report neutral interactions.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Women",
|
||||
description: "Discrimination often turns inward as self-doubt until patterns emerge.",
|
||||
icon: Briefcase,
|
||||
title: "Women", description: "Discrimination often turns inward as self-doubt until patterns emerge.", icon: Briefcase,
|
||||
},
|
||||
{
|
||||
title: "LGBTQ+ Youth",
|
||||
description: "Institutional actors often fail to recognize harmful rhetoric as harassment.",
|
||||
icon: Eye,
|
||||
title: "LGBTQ+ Youth", description: "Institutional actors often fail to recognize harmful rhetoric as harassment.", icon: Eye,
|
||||
},
|
||||
{
|
||||
title: "Professional Ageism",
|
||||
description: "Systemic age bias silences workers early in their career trajectory.",
|
||||
icon: Clock,
|
||||
title: "Professional Ageism", description: "Systemic age bias silences workers early in their career trajectory.", icon: Clock,
|
||||
},
|
||||
{
|
||||
title: "Faith-Based Bias",
|
||||
description: "Cultural insensitivity frequently masks targeted institutional exclusion.",
|
||||
icon: Building2,
|
||||
title: "Faith-Based Bias", description: "Cultural insensitivity frequently masks targeted institutional exclusion.", icon: Building2,
|
||||
},
|
||||
]}
|
||||
title="The Legibility Gap"
|
||||
@@ -221,17 +162,11 @@ export default function LandingPage() {
|
||||
description="Each group navigates distinct traumatic stress: RBTS for Black Americans, internalized doubt for women, and delayed identity for LGBTQ+ youth."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Emotional Numbing",
|
||||
description: "Learned survival trait in racial minorities.",
|
||||
},
|
||||
title: "Emotional Numbing", description: "Learned survival trait in racial minorities."},
|
||||
{
|
||||
title: "Visibility Danger",
|
||||
description: "LGBTQ+ youth often suppress self-expression.",
|
||||
},
|
||||
title: "Visibility Danger", description: "LGBTQ+ youth often suppress self-expression."},
|
||||
{
|
||||
title: "Professional Dismissal",
|
||||
description: "Ageism prematurely silences early-career and late-career workers.",
|
||||
},
|
||||
title: "Professional Dismissal", description: "Ageism prematurely silences early-career and late-career workers."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dementia-parkinson-s-disease-adhd-composition-head-disease-theme-space-text_185193-110252.jpg"
|
||||
imageAlt="Dementia and parkinson's disease ADHD composition for head disease theme space for text"
|
||||
@@ -246,40 +181,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Racial",
|
||||
handle: "Firsthand Account",
|
||||
testimonial: "Hypervigilance as survival—navigating public spaces with emotional numbing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/time-is-money-sandglass-investment-countdown-measure-concept_53876-120489.jpg",
|
||||
},
|
||||
id: "1", name: "Racial", handle: "Firsthand Account", testimonial: "Hypervigilance as survival—navigating public spaces with emotional numbing.", imageSrc: "http://img.b2bpic.net/free-photo/time-is-money-sandglass-investment-countdown-measure-concept_53876-120489.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gender",
|
||||
handle: "Corporate Strategy",
|
||||
testimonial: "Work credited to a male peer while individual contribution is minimized.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/display-charcoal-different-forms_23-2149654154.jpg",
|
||||
},
|
||||
id: "2", name: "Gender", handle: "Corporate Strategy", testimonial: "Work credited to a male peer while individual contribution is minimized.", imageSrc: "http://img.b2bpic.net/free-photo/display-charcoal-different-forms_23-2149654154.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "LGBTQ+",
|
||||
handle: "Public Space",
|
||||
testimonial: "Explicit harassment during a walk; the visible friction of existence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-leak-effect-triangular-prism-wallpaper_53876-94420.jpg",
|
||||
},
|
||||
id: "3", name: "LGBTQ+", handle: "Public Space", testimonial: "Explicit harassment during a walk; the visible friction of existence.", imageSrc: "http://img.b2bpic.net/free-photo/light-leak-effect-triangular-prism-wallpaper_53876-94420.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Age",
|
||||
handle: "Professional Sales",
|
||||
testimonial: "21-year-old rep performing well but treated as a child by clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-alarm-clock-showing-10-o-clock-front-bookshelf-wooden-desk_23-2147943599.jpg",
|
||||
},
|
||||
id: "4", name: "Age", handle: "Professional Sales", testimonial: "21-year-old rep performing well but treated as a child by clients.", imageSrc: "http://img.b2bpic.net/free-photo/white-alarm-clock-showing-10-o-clock-front-bookshelf-wooden-desk_23-2147943599.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Confirmation",
|
||||
handle: "Hiring Bias",
|
||||
testimonial: "Candidate rejected immediately upon visual reveal after strong audio-only interview.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-portrait-handsome-men_23-2149150299.jpg",
|
||||
},
|
||||
id: "5", name: "Confirmation", handle: "Hiring Bias", testimonial: "Candidate rejected immediately upon visual reveal after strong audio-only interview.", imageSrc: "http://img.b2bpic.net/free-photo/creative-portrait-handsome-men_23-2149150299.jpg"},
|
||||
]}
|
||||
title="Real-World Experiences"
|
||||
description="Anonymized, verified accounts that expose bias in action."
|
||||
@@ -294,17 +204,11 @@ export default function LandingPage() {
|
||||
description="Bias is layered and group-specific. This project closes the distance between what targets experience and what perpetrators recognize. Visibility is the first step toward systemic change."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Documentation",
|
||||
description: "Building a verifiable record of recurring societal bias.",
|
||||
},
|
||||
title: "Documentation", description: "Building a verifiable record of recurring societal bias."},
|
||||
{
|
||||
title: "Corroboration",
|
||||
description: "Validating the shared experience of community members.",
|
||||
},
|
||||
title: "Corroboration", description: "Validating the shared experience of community members."},
|
||||
{
|
||||
title: "Naming",
|
||||
description: "Identifying bias as the first step toward dismantling it.",
|
||||
},
|
||||
title: "Naming", description: "Identifying bias as the first step toward dismantling it."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg"
|
||||
imageAlt="Entrepreneur analyzing architectural sketches and blueprints at his home"
|
||||
@@ -316,16 +220,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Action Plan"
|
||||
title="Closing the Legibility Gap"
|
||||
description="Document patterns, seek corroboration, and name the bias—without needing the perpetrator to agree."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Full Report",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download Full Report", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,42 +237,27 @@ export default function LandingPage() {
|
||||
logoText="Seen and Unseen"
|
||||
columns={[
|
||||
{
|
||||
title: "Project",
|
||||
items: [
|
||||
title: "Project", items: [
|
||||
{
|
||||
label: "Findings",
|
||||
href: "#findings",
|
||||
},
|
||||
label: "Findings", href: "#findings"},
|
||||
{
|
||||
label: "Methodology",
|
||||
href: "#methodology",
|
||||
},
|
||||
label: "Methodology", href: "#methodology"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Competition",
|
||||
items: [
|
||||
title: "Competition", items: [
|
||||
{
|
||||
label: "No Hate Garden State",
|
||||
href: "#",
|
||||
},
|
||||
label: "No Hate Garden State", href: "#"},
|
||||
{
|
||||
label: "Fort Lee Youth",
|
||||
href: "#",
|
||||
},
|
||||
label: "Fort Lee Youth", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Documented Accounts",
|
||||
href: "#",
|
||||
},
|
||||
label: "Documented Accounts", href: "#"},
|
||||
{
|
||||
label: "Response Plan",
|
||||
href: "#action",
|
||||
},
|
||||
label: "Response Plan", href: "#action"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user