feat: victim help page (#673)

th3cyb3rhub · Feb 19, 2024 · 7129663 · 7129663
1 parent 5af1c70
commit 7129663
Show file tree

Hide file tree

Showing 5 changed files with 164 additions and 0 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -59,6 +59,7 @@ import CheatSheetsRoutes from "./components/CheatSheets/CheatSheetsRoutes";
 import AdminDashboardRoute from "./components/AdminDashboard/AdminDashboardRoute";
 import AiChat from "./components/AIChat/AIChat";
 import MakeQuiz from "./components/Resources/Quiz/CreateQuiz/Main";
+import VictimHelp from "./components/Other/Victimhelp/Victimhelp";
 
 import Connections from "./components/Dashboard/Profile/ConnectionsAndFollows/Connections/Connections";
 import WebSecurityRoutes from "./components/WebSecurity/WebSecurityRoutes";
@@ -139,6 +140,7 @@ const App = () => {
                         <Route path={"/feeds/*"} element={<FeedsRoute />} />
                         <Route path={"/blogs/*"} element={<BlogsRoute />} />
                         <Route exact path={"/blogs/create-blog"} element={<CreateBlog />} />
+                        <Route exact path={"/victimhelp"} element={<VictimHelp />} />
 
                         <Route path={"/forum/*"} element={<ForumRoute />} />
 

diff --git a/src/components/Header/Dropdowns/Dropdown.jsx b/src/components/Header/Dropdowns/Dropdown.jsx
@@ -59,6 +59,7 @@ export default function Dropdown({
         { title: "Tools", to: "tools", desc: "Tools for your hacking needs" },
         { title: "Community", to: "/community", desc: "Join our community" },
         { title: "Methodology", to: "/resources/methodology", desc: "Test your knowledge" },
+        { title: "Victim Help", to: "/victimhelp", desc: "Guidance and Support for Victim" },
 
         // { title: "Events", to: "/events", desc: "Find Cybersecurity Events" },
         // { title: "Support", to: "/support", desc: "Support us" },

diff --git a/src/components/Other/Victimhelp/Victimhelp.jsx b/src/components/Other/Victimhelp/Victimhelp.jsx
@@ -0,0 +1,79 @@
+import React from 'react';
+import { Wrapper } from '../../Dashboard/Profile/ProfileElements';
+import { VictimHelpWrapper, ScamSteps, ResourcesSection } from './VictimhelpElements';
+
+const VictimHelp = () => {
+  return (
+    <Wrapper>
+      <VictimHelpWrapper>
+        <ScamSteps>
+          <h1>Dealing with a Scam: What to Do Next</h1>
+          <p>
+            If you've fallen victim to a scam, it's important to take immediate action to mitigate
+            the impact and report the incident. Follow these steps to navigate through the aftermath
+            of being scammed:
+          </p>
+          <ol>
+            <li>
+              <strong>Stay Calm:</strong> Take a deep breath. It's essential to stay calm and focused
+              to address the situation effectively.
+            </li>
+            <li>
+              <strong>Document Details:</strong> Write down all details related to the scam,
+              including the date, time, method of contact, and any information about the scammer.
+            </li>
+            <li>
+              <strong>Secure Your Accounts:</strong> Change passwords for your online accounts,
+              especially banking and email, to prevent further unauthorized access.
+            </li>
+            <li>
+              <strong>Report to Authorities:</strong> File a complaint with the relevant authorities.
+              In India, you can use the National Cyber Crime Reporting Portal.{' '}
+              <a href="https://cybercrime.gov.in" target="_blank" rel="noopener noreferrer" style={{ color: '#0069da' }}>
+                Report Cyber Crime
+              </a>
+              .
+            </li>
+            <li>
+              <strong>Inform Your Bank:</strong> If the scam involved financial transactions, contact
+              your bank immediately to report the incident and take necessary actions.
+            </li>
+            <li>
+              <strong>Be Vigilant:</strong> Keep an eye on your accounts and report any suspicious
+              activity promptly.
+            </li>
+          </ol>
+        </ScamSteps>
+        <ResourcesSection>
+          <h2>Helpful Information</h2>
+          <p>
+            It's crucial to seek support during such challenging times. Reach out to the following
+            resources for assistance:
+          </p>
+          <ul>
+            <li>
+              <strong>National Cyber Crime Reporting Portal:</strong>{' '}
+              <a href="https://cybercrime.gov.in" target="_blank" rel="noopener noreferrer">
+                https://cybercrime.gov.in
+              </a>
+            </li>
+            <li>
+              <strong>Helpline Number:</strong> 1930 (National Cyber Crime Reporting Portal)
+            </li>
+            <li>
+              <strong>Local Police:</strong> Visit your nearest police station to file a formal
+              complaint.
+            </li>
+            <li>
+              <strong>Online Support Communities:</strong> Connect with others who have experienced
+              similar situations for advice and emotional support.
+            </li>
+          </ul>
+        </ResourcesSection>
+
+      </VictimHelpWrapper>
+    </Wrapper>
+  );
+};
+
+export default VictimHelp;
diff --git a/src/components/Other/Victimhelp/VictimhelpElements.jsx b/src/components/Other/Victimhelp/VictimhelpElements.jsx
@@ -0,0 +1,81 @@
+import styled from 'styled-components';
+
+const basicTextColor = '#ffffff'; // Set your basic text color
+
+export const VictimHelpWrapper = styled.div`
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px;
+`;
+
+export const ScamSteps = styled.div`
+  margin-bottom: 20px;
+
+  h1 {
+    font-size: 28px;
+    margin-bottom: 15px;
+    color: ${basicTextColor};
+  }
+
+  p {
+    font-size: 16px;
+    line-height: 1.5;
+    color: ${basicTextColor};
+  }
+
+  ol {
+    list-style-type: decimal;
+    padding-left: 20px;
+    margin-top: 10px;
+  }
+
+  li {
+    font-size: 16px;
+    margin-bottom: 10px;
+    
+
+    strong {
+      font-weight: bold;
+      color: ${basicTextColor};
+    }
+  }
+`;
+
+export const ResourcesSection = styled.div`
+  h2 {
+    font-size: 24px;
+    margin-bottom: 15px;
+    color: ${basicTextColor};
+  }
+
+  p {
+    font-size: 16px;
+    line-height: 1.5;
+    color: ${basicTextColor};
+  }
+
+  ul {
+    list-style-type: disc;
+    padding-left: 20px;
+    margin-top: 10px;
+  }
+
+  li {
+    font-size: 16px;
+    margin-bottom: 10px;
+
+    strong {
+      font-weight: bold;
+      color: ${basicTextColor};
+    }
+
+    a {
+      color: #007bff;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+`;
diff --git a/src/components/index.js b/src/components/index.js
@@ -19,6 +19,7 @@ export { default as CourseDetail } from "./Learn/Courses/YoutubeCourseDetail";
 export { default as Resources } from "./Resources/Resources";
 export { default as WriteUps } from "./Resources/WriteUps/WriteUps";
 export { default as CyberNews } from "./Resources/CyberNews/CyberNews";
+export { default as Victimhelp } from "./Other/Victimhelp/Victimhelp";
 
 // //
 export { default as CyberGames } from "./Other/CyberGames/CyberGames";