diff --git a/Frontend/app/(public)/about/page.tsx b/Frontend/app/(public)/about/page.tsx
index 7a29007..2609a15 100644
--- a/Frontend/app/(public)/about/page.tsx
+++ b/Frontend/app/(public)/about/page.tsx
@@ -1,6 +1,4 @@
 import PageHeader from "@/sections/PageHeader";
-import BlogCard from "@/components/BlogCard";
-import getPostMetadata from "@/utils/getPostMetaData";
 import React from "react";
 import Footer from "@/components/Footer";
 import Image from "next/image";
diff --git a/Frontend/app/(public)/pricing/page.tsx b/Frontend/app/(public)/pricing/page.tsx
index ce7a297..74f3922 100644
--- a/Frontend/app/(public)/pricing/page.tsx
+++ b/Frontend/app/(public)/pricing/page.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 import React from "react";
 import PageHeader from "@/sections/PageHeader";
 import Newsletter from "@/sections/Newsletter/Newsletter";
diff --git a/Frontend/app/page.tsx b/Frontend/app/page.tsx
index 37c256d..29d3078 100644
--- a/Frontend/app/page.tsx
+++ b/Frontend/app/page.tsx
@@ -1,7 +1,4 @@
-"use client";
-import Aos from "aos";
 import "aos/dist/aos.css";
-import { useEffect } from "react";
 import React from "react";
 import { WaitingListWithImageHero } from "@/sections/Hero";
 import PageWrapper from "@/components/Utilities/PageWrapper";
@@ -13,15 +10,6 @@ import CardTestemonial from "@/sections/Testemonial/CardTestemonial";
 import Payment from "@/sections/Payment";
 
 export default function Home() {
-  useEffect(() => {
-    Aos.init({
-      delay: 50,
-      easing: "ease-out-cubic",
-      once: true,
-      offset: 50,
-    });
-  }, []);
-
   return (
     <>
       <PageWrapper>
diff --git a/Frontend/components/Footer.tsx b/Frontend/components/Footer.tsx
index 08d3213..ba47f0b 100644
--- a/Frontend/components/Footer.tsx
+++ b/Frontend/components/Footer.tsx
@@ -1,4 +1,3 @@
-"use client";
 import React from "react";
 import { title } from "@/constants";
 import Logo from "@/components/Logo";
@@ -15,7 +14,7 @@ function Footer() {
             href="#"
             aria-label="Brand"
           >
-            <Logo href="#" />
+            <Logo />
           </Link>
           <p className="mt-3 text-xs sm:text-sm text-base-content">
             &copy; {new Date().getFullYear()} {title + " "}
@@ -191,7 +190,7 @@ function Footer() {
                 href="#"
                 aria-label="Brand"
               >
-                <Logo href="#" />
+                <Logo />
               </Link>
               <p className="mt-1 text-xs sm:text-sm text-base-content">
                 &copy; {new Date().getFullYear()} {title + " "}
diff --git a/Frontend/components/Logo.tsx b/Frontend/components/Logo.tsx
index 12537ce..f2eaf54 100644
--- a/Frontend/components/Logo.tsx
+++ b/Frontend/components/Logo.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 
-import Link, { LinkProps } from "next/link";
 import Image, { ImageProps } from "next/image";
 
 interface LogoProps {
@@ -9,9 +8,9 @@ interface LogoProps {
   imageProps?: ImageProps;
 }
 
-function Logo({ imageProps, ...props }: LogoProps & LinkProps) {
+function Logo({ imageProps, ...props }: LogoProps) {
   return (
-    <Link
+    <div
       className={
         props.className ?? " flex flex-row items-center justify-center"
       }
@@ -27,7 +26,7 @@ function Logo({ imageProps, ...props }: LogoProps & LinkProps) {
         height={40}
         {...imageProps}
       />
-    </Link>
+    </div>
   );
 }
 
diff --git a/Frontend/components/Utilities/Background.tsx b/Frontend/components/Utilities/Background.tsx
index eaf484b..c2456a6 100644
--- a/Frontend/components/Utilities/Background.tsx
+++ b/Frontend/components/Utilities/Background.tsx
@@ -3,7 +3,6 @@
 import colors, { hexToRgb } from "@/utils/colors";
 import { useTheme } from "next-themes";
 import React, { ReactNode, useEffect, useState } from "react";
-import Circuit from "@/images/circuit.svg";
 
 const Background = ({
   children,
@@ -15,7 +14,6 @@ const Background = ({
   const { theme } = useTheme();
   const [mounted, setMounted] = useState(false);
 
-  // useEffect only runs on the client, so now we can safely show the UI
   useEffect(() => {
     setMounted(true);
   }, []);
diff --git a/Frontend/sections/AccountContent.tsx b/Frontend/sections/AccountContent.tsx
index 5d4a025..e5b571c 100644
--- a/Frontend/sections/AccountContent.tsx
+++ b/Frontend/sections/AccountContent.tsx
@@ -132,7 +132,7 @@ function AccountContent({ user }: ManageSubscriptionProps) {
       ) : (
         <></>
       )} */}
-      <div className="max-w-6xl mx-auto mb-2 h-full w-full px-6">
+      <div className="max-w-6xl mx-auto mb-12 h-full w-full px-6">
         <div className="w-full bg-base-200 p-8 rounded text-base-content">
           <h3 className="font-accent text-xl text-secondary mb-2">
             Your Subscription
diff --git a/Frontend/sections/Hero/WaitingListWithImageHero.tsx b/Frontend/sections/Hero/WaitingListWithImageHero.tsx
index 5649a25..95a8cf8 100644
--- a/Frontend/sections/Hero/WaitingListWithImageHero.tsx
+++ b/Frontend/sections/Hero/WaitingListWithImageHero.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import pb from "@/lib/pocketbase";
 import { waitinglistValidationSchema } from "@/utils/form";
 import { yupResolver } from "@hookform/resolvers/yup";
diff --git a/Frontend/sections/Newsletter/Newsletter.tsx b/Frontend/sections/Newsletter/Newsletter.tsx
index ad9795a..0c487d8 100644
--- a/Frontend/sections/Newsletter/Newsletter.tsx
+++ b/Frontend/sections/Newsletter/Newsletter.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import pb from "@/lib/pocketbase";
 import { newsletterValidationSchema } from "@/utils/form";
 import { yupResolver } from "@hookform/resolvers/yup";