From 7855a44b462890156c45404fe2368d08472cbd10 Mon Sep 17 00:00:00 2001
From: Anthony Al Lazkani <anthonylazkani.22@gmail.com>
Date: Fri, 20 Dec 2024 23:40:38 +0200
Subject: [PATCH] enh(#4): Adds new feature page

---
 docs/exceptions.rst                                   | 2 +-
 frontend/src/App.tsx                                  | 9 +--------
 frontend/src/AppContent.tsx                           | 2 +-
 frontend/src/components/URLShortener/URLShortener.css | 2 --
 frontend/src/components/featuresCard/FeaturesCard.tsx | 2 --
 frontend/src/pages/features/Features.css              | 9 ---------
 6 files changed, 3 insertions(+), 23 deletions(-)

diff --git a/docs/exceptions.rst b/docs/exceptions.rst
index 5f2e008..4bdddb9 100644
--- a/docs/exceptions.rst
+++ b/docs/exceptions.rst
@@ -1,4 +1,4 @@
- Exceptions
+Exceptions
 ==========
 
 .. automodule:: shortenit.exceptions
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 40ed2c9..a50081b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,15 +1,8 @@
 import React from "react";
-import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import { BrowserRouter as Router } from "react-router-dom";
 import "./App.css";
 import AppContent from "./AppContent";
 
-// Pages & Components
-// import Navbar from "./components/navbar/Navbar";
-// import Footer from "./components/footer/Footer";
-// import Home from "./pages/home/Home";
-// import Features from "./pages/features/Features";
-// import Contact from "./pages/contact/Contact";
-
 function App() {
   return (
     <div className="App">
diff --git a/frontend/src/AppContent.tsx b/frontend/src/AppContent.tsx
index 3a9ad50..3d00d1f 100644
--- a/frontend/src/AppContent.tsx
+++ b/frontend/src/AppContent.tsx
@@ -1,4 +1,4 @@
-import { BrowserRouter, Routes, Route, useLocation } from "react-router-dom";
+import { Routes, Route, useLocation } from "react-router-dom";
 import "./App.css";
 import { AnimatePresence } from "framer-motion";
 
diff --git a/frontend/src/components/URLShortener/URLShortener.css b/frontend/src/components/URLShortener/URLShortener.css
index f2f6e30..b0e119c 100644
--- a/frontend/src/components/URLShortener/URLShortener.css
+++ b/frontend/src/components/URLShortener/URLShortener.css
@@ -35,7 +35,6 @@
 }
 
 .url-input input {
-  /* position: relative; */
   width: 250px;
   height: 40px;
   outline: none;
@@ -79,7 +78,6 @@
 .right-side-content p {
   font-family: "Roboto", sans-serif;
   font-size: 14px;
-  /* color: var(--text-color); */
   color: #808080;
 }
 
diff --git a/frontend/src/components/featuresCard/FeaturesCard.tsx b/frontend/src/components/featuresCard/FeaturesCard.tsx
index 85dd4ae..980b70c 100644
--- a/frontend/src/components/featuresCard/FeaturesCard.tsx
+++ b/frontend/src/components/featuresCard/FeaturesCard.tsx
@@ -1,9 +1,7 @@
 import React from "react";
 import "./FeaturesCard.css";
-import { FaLink } from "react-icons/fa";
 import { Link, useNavigate } from "react-router-dom";
 import { CardProps } from "./CardProps";
-import { Navigate } from "react-router-dom";
 
 const FeaturesCard: React.FC<CardProps> = ({
   icon,
diff --git a/frontend/src/pages/features/Features.css b/frontend/src/pages/features/Features.css
index 30a6b63..fc6e098 100644
--- a/frontend/src/pages/features/Features.css
+++ b/frontend/src/pages/features/Features.css
@@ -15,15 +15,6 @@
   font-size: 35px;
 }
 
-/* .features-body {
-  min-height: 100vh;
-  margin: 0 10%;
-  margin-bottom: 20px;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-} */
-
 .features-body {
   min-height: 100vh;
   margin: 0 10%;