From 00fd67bf0224ac5baf059fdbb81a4a3df6c5c3b4 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Mon, 11 Aug 2025 11:05:31 +0530
Subject: [PATCH] racial-justice page created

---
 components/header2/Header2.js      |  6 +-
 components/racial-justice/index.js | 92 ++++++++++++++++++++++++++++++
 pages/about/racial-justice.js      | 19 ++++++
 3 files changed, 116 insertions(+), 1 deletion(-)
 create mode 100644 components/racial-justice/index.js
 create mode 100644 pages/about/racial-justice.js

diff --git a/components/header2/Header2.js b/components/header2/Header2.js
index a81e019..d92f427 100644
--- a/components/header2/Header2.js
+++ b/components/header2/Header2.js
@@ -46,7 +46,11 @@ const Header2 = (props) => {
                                                 <li><Link onClick={ClickHandler} href="/home4">Female Candidate</Link></li>
                                             </ul>
                                         </li>
-                                        <li><Link onClick={ClickHandler} href="/about">About us</Link></li>
+                                        <li><Link onClick={ClickHandler} href="/about">About us</Link>
+                                            <ul className="sub-menu">
+                                                <li><Link onClick={ClickHandler} href="/about/racial-justice">Racial Justice</Link></li>
+                                            </ul>
+                                        </li>
                                         <li className="menu-item-has-children">
                                             <Link onClick={ClickHandler} href="/">Campaign</Link>
                                             <ul className="sub-menu">
diff --git a/components/racial-justice/index.js b/components/racial-justice/index.js
new file mode 100644
index 0000000..c934570
--- /dev/null
+++ b/components/racial-justice/index.js
@@ -0,0 +1,92 @@
+import React from 'react';
+import Link from 'next/link';
+
+const RacialJustice = () => {
+    return (
+        <section className="wpo-blog-single-section section-padding">
+            <div className="container">
+                <div className="row">
+                    <div className="col-12">
+                        <div className="wpo-blog-content">
+                            <div className="post format-standard-image">
+                                <div
+                                    className="entry-media"
+                                    style={{ width: "100%", height: "auto", overflow: "hidden" }}
+                                >
+                                    <img
+                                        src="/images/blog/img-4.jpg"
+                                        alt=""
+                                    />
+                                </div>
+                                <div className="entry-meta">
+                                    <ul>
+                                        <li>
+                                            <i className="fi flaticon-user"></i> By{' '}
+                                            <Link href="/blog-single/support-progressive-change">Jenny Watson</Link>
+                                        </li>
+                                        <li>
+                                            <i className="fi flaticon-comment-white-oval-bubble"></i> Comments 3
+                                        </li>
+                                        <li>
+                                            <i className="fi flaticon-calendar"></i> January 12, 2022
+                                        </li>
+                                    </ul>
+                                </div>
+
+                                <h2>Racial Justice</h2>
+
+                                <p>
+                                    Combined with a handful of model sentence structures, generate Lorem Ipsum which looks
+                                    reasonable. The generated Lorem Ipsum is therefore always free from repetition,
+                                    injected humour, or non-characteristic words etc.Combined with a handful of model sentence structures, generate Lorem Ipsum which looks, Combined with a handful of model sentence structures, generate Lorem Ipsum which looks, Combined with a handful of model sentence structures, generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
+
+                                </p>
+
+                                <blockquote>
+                                    Combined with a handful of model sentence structures, generate Lorem Ipsum which looks
+                                    reasonable. The generated Lorem Ipsum is therefore always free from repetition,
+                                    injected humour, or non-characteristic words etc. The generated Lorem Ipsum is therefore always free from repetition.
+                                </blockquote>
+
+                                <p>
+                                    Combined with a handful of model sentence structures, generate Lorem Ipsum which looks
+                                    reasonable. The generated Lorem Ipsum is therefore always free from repetition,
+                                    injected humour, or non-characteristic words etc. The generated Lorem Ipsum is therefore always free from repetition. Combined with a handful of model sentence structures, generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition.
+                                </p>
+
+                                <div className="gallery">
+                                    <div>
+                                        <img src="/images/blog/img-3.jpg" alt="" />
+                                    </div>
+                                    <div>
+                                        <img src="/images/blog/img-2.jpg" alt="" />
+                                    </div>
+                                </div>
+                                <p className='mt-4'>
+                                    Combined with a handful of model sentence structures, generate Lorem Ipsum which looks
+                                    reasonable. The generated Lorem Ipsum is therefore always free from repetition,
+                                    injected humour, or non-characteristic words etc.Combined with a handful of model sentence structures, generate Lorem Ipsum which looks, Combined with a handful of model sentence structures, generate Lorem Ipsum which looks, Combined with a handful of model sentence structures, generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
+
+                                </p>
+
+                                <blockquote>
+                                    Combined with a handful of model sentence structures, generate Lorem Ipsum which looks
+                                    reasonable. The generated Lorem Ipsum is therefore always free from repetition,
+                                    injected humour, or non-characteristic words etc. The generated Lorem Ipsum is therefore always free from repetition.
+                                </blockquote>
+
+                                <p>
+                                    Combined with a handful of model sentence structures, generate Lorem Ipsum which looks
+                                    reasonable. The generated Lorem Ipsum is therefore always free from repetition,
+                                    injected humour, or non-characteristic words etc. The generated Lorem Ipsum is therefore always free from repetition. Combined with a handful of model sentence structures, generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+};
+
+export default RacialJustice;
diff --git a/pages/about/racial-justice.js b/pages/about/racial-justice.js
new file mode 100644
index 0000000..a71b4cb
--- /dev/null
+++ b/pages/about/racial-justice.js
@@ -0,0 +1,19 @@
+import React, { Fragment } from 'react';
+import Navbar2 from '../../components/Navbar2/Navbar2';
+import PageTitle from '../../components/pagetitle/PageTitle'
+import Scrollbar from '../../components/scrollbar/scrollbar'
+import Footer from '../../components/footer/Footer';
+import RacialJuctice from '../../components/racial-justice';
+
+const AboutPage = () => {
+    return (
+        <Fragment>
+            <Navbar2 />
+            <PageTitle pageTitle={'Racial-Justice'} pagesub={'Racial-Justice'} />
+            <RacialJuctice />
+            <Footer />
+            <Scrollbar />
+        </Fragment>
+    )
+};
+export default AboutPage;