diff --git a/Frontend/app/page.tsx b/Frontend/app/page.tsx
index 8b48d3c..077ec55 100644
--- a/Frontend/app/page.tsx
+++ b/Frontend/app/page.tsx
@@ -7,18 +7,12 @@ import Aos from "aos";
 import "aos/dist/aos.css";
 import { useEffect } from "react";
 import React from "react";
-import { FrequentlyAsked } from "@/sections/FrequentlyAsked";
-import { Testimonial } from "@/sections/Testimonial";
 import {
   CenterAllignedWithVideoHero,
-  SquaredBackgroundHero,
   WaitingListWithImageHero,
 } from "@/sections/HeroSections";
-import Spacer from "@/components/Utilities/Spacer";
-import LandingPage from "@/pages/LandingPage";
 import PageWrapper from "@/components/Utilities/PageWrapper";
 import Footer from "@/components/Footer";
-import SimpleHero from "@/sections/HeroSections/SimpleHero";
 
 export default function Home() {
   useEffect(() => {
@@ -47,10 +41,9 @@ export default function Home() {
         {/* ========== END HEADER ========== */}
         {/* ========== MAIN CONTENT ========== */}
         {/* <WaitingListWithImageHero /> */}
-        <CenterAllignedWithVideoHero />
+        <WaitingListWithImageHero />
         {/* ========== END MAIN CONTENT ========== */}
         {/* ========== FOOTER ========== */}
-        <Footer />
         {/* ========== END FOOTER ========== */}
       </PageWrapper>
       {/* <LandingPageWaitingList /> */}
diff --git a/Frontend/sections/HeroSections/WaitingListWithImageHero.tsx b/Frontend/sections/HeroSections/WaitingListWithImageHero.tsx
index b4213a2..40b2856 100644
--- a/Frontend/sections/HeroSections/WaitingListWithImageHero.tsx
+++ b/Frontend/sections/HeroSections/WaitingListWithImageHero.tsx
@@ -3,8 +3,14 @@ import React from "react";
 
 const WaitingListWithImageHero = () => {
   return (
-    <div className="h-full relative w-full bg-center bg-no-repeat bg-cover bg-fixed  bg-[url('/images/hero.jpg')]">
-      <div className="h-screen  w-full bg-clip flex items-center justify-center opacity-60 bg-base-100 ">
+    <div
+      className="h-full relative w-full bg-center bg-no-repeat bg-cover bg-fixed"
+      style={{
+        backgroundImage:
+          "linear-gradient(rgba(0, 0, 0, 0.7), rgba(135, 80, 156, 0.05)), url(/images/hero.jpg)",
+      }}
+    >
+      <div className="h-screen  w-full bg-clip flex items-center justify-center">
         <div className="text-center py-8 px-4 sm:px-6 lg:px-8">
           <h1 className="text-3xl text-primary-content sm:text-4xl whitespace-nowrap flex flex-row justify-center pb-6">
             <Logo className="w-10 flex" />