diff --git a/Frontend/app/(public)/pricing/page.tsx b/Frontend/app/(public)/pricing/page.tsx
index 4ee57ac..8ad1c66 100644
--- a/Frontend/app/(public)/pricing/page.tsx
+++ b/Frontend/app/(public)/pricing/page.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import React from "react";
 import PageHeader from "@/sections/PageHeader";
 import Newsletter from "@/sections/Newsletter/Newsletter";
diff --git a/Frontend/app/(public)/whatsnew/page.tsx b/Frontend/app/(public)/whatsnew/page.tsx
index f611d1e..865bcba 100644
--- a/Frontend/app/(public)/whatsnew/page.tsx
+++ b/Frontend/app/(public)/whatsnew/page.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import Footer from "@/components/Footer";
 import Background from "@/components/Utilities/Background";
 import Spacer from "@/components/Utilities/Spacer";
diff --git a/Frontend/components/Modals/ModalEmailChange.tsx b/Frontend/components/Modals/ModalEmailChange.tsx
index 39563b2..1581aef 100644
--- a/Frontend/components/Modals/ModalEmailChange.tsx
+++ b/Frontend/components/Modals/ModalEmailChange.tsx
@@ -1,5 +1,4 @@
 import React, { useRef } from "react";
-import Icon from "@/components/Icons/Icon";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { signInValidationSchema } from "@/utils/form";
diff --git a/Frontend/components/Modals/ModalPasswordReset.tsx b/Frontend/components/Modals/ModalPasswordReset.tsx
index 91de071..7f77698 100644
--- a/Frontend/components/Modals/ModalPasswordReset.tsx
+++ b/Frontend/components/Modals/ModalPasswordReset.tsx
@@ -1,5 +1,4 @@
 import React, { useRef } from "react";
-import Icon from "@/components/Icons/Icon";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { signInValidationSchema } from "@/utils/form";
diff --git a/Frontend/components/Modals/ModalSignIn.tsx b/Frontend/components/Modals/ModalSignIn.tsx
index d0537ca..56b0997 100644
--- a/Frontend/components/Modals/ModalSignIn.tsx
+++ b/Frontend/components/Modals/ModalSignIn.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import Icon from "@/components/Icons/Icon";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { signInValidationSchema } from "@/utils/form";
diff --git a/Frontend/public/images/blurry-gradient-haikei (2).webp b/Frontend/public/images/blurry-gradient-haikei (2).webp
new file mode 100644
index 0000000..4c09c93
Binary files /dev/null and b/Frontend/public/images/blurry-gradient-haikei (2).webp differ
diff --git a/Frontend/public/images/dark-gradient.webp b/Frontend/public/images/dark-gradient.webp
index 4c09c93..e69de29 100644
Binary files a/Frontend/public/images/dark-gradient.webp and b/Frontend/public/images/dark-gradient.webp differ
diff --git a/Frontend/sections/Features/SolidBackgrondIconFeature.tsx b/Frontend/sections/Features/SolidBackgrondIconFeature.tsx
index 5061352..9aa9558 100644
--- a/Frontend/sections/Features/SolidBackgrondIconFeature.tsx
+++ b/Frontend/sections/Features/SolidBackgrondIconFeature.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import Image from "next/image";
-import Icon from "@/components/Icons/Icon";
 import { Library32Filled } from "@fluentui/react-icons";
 
 function SolidBackgrondIconFeature() {