diff --git a/packages/web/components/Layouts/LandingPageLayout.tsx b/packages/web/components/Layouts/LandingPageLayout.tsx
index ba53326..3f6561e 100644
--- a/packages/web/components/Layouts/LandingPageLayout.tsx
+++ b/packages/web/components/Layouts/LandingPageLayout.tsx
@@ -88,7 +88,7 @@ export default function LangingPageLayout({ children }) {
   );
 
   return (
-    <div className="landing-page-bg bg-left-bottom bg-fixed bg-cover bg-no-repeat min-h-screen">
+    <div className="bg-left-bottom bg-fixed bg-cover bg-no-repeat min-h-screen">
       <div className="container mx-auto px-5 lg:px-20 min-h-screen">
         {/* header */}
         <div className="flex flex-row py-5 px-5 items-center justify-start mx-auto">
diff --git a/packages/web/components/demo/LandingPageActionBar.tsx b/packages/web/components/demo/LandingPageActionBar.tsx
index 7cfdc78..c8678c8 100644
--- a/packages/web/components/demo/LandingPageActionBar.tsx
+++ b/packages/web/components/demo/LandingPageActionBar.tsx
@@ -3,7 +3,7 @@ import { FaAngleRight } from "react-icons/fa";
 
 export default function LandingPageActionBar() {
   return (
-    <span className="flex md:my-20 my-10 mx-auto md:flex-row flex-col items-center max-w-screen-md p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg">
+    <span className="flex md:my-20 my-10 mx-auto md:flex-row flex-col items-center max-w-screen-md p-10 backdrop-blur-md bg-slate-50 bg-opacity-40 rounded-lg">
       <span className="flex flex-col items-start text-3xl font-bold">
         <span>Ready to Focus?</span>
         <span className="text-teal-600">{"It's now or never."}</span>
diff --git a/packages/web/pages/v1/features.tsx b/packages/web/pages/features.tsx
similarity index 95%
rename from packages/web/pages/v1/features.tsx
rename to packages/web/pages/features.tsx
index 5e41c00..8d1804a 100644
--- a/packages/web/pages/v1/features.tsx
+++ b/packages/web/pages/features.tsx
@@ -1,4 +1,4 @@
-import LangingPageLayout from "../../components/Layouts/LandingPageLayout";
+import LangingPageLayout from "../components/Layouts/LandingPageLayout";
 import {
   FcAssistant,
   FcCollaboration,
@@ -8,7 +8,7 @@ import {
   FcOrgUnit,
   FcVideoCall,
 } from "react-icons/fc";
-import LandingPageActionBar from "../../components/demo/LandingPageActionBar";
+import LandingPageActionBar from "../components/demo/LandingPageActionBar";
 
 export default function Features() {
   return (
diff --git a/packages/web/pages/v1/index.js b/packages/web/pages/index.js
similarity index 95%
rename from packages/web/pages/v1/index.js
rename to packages/web/pages/index.js
index 28d067a..6c9ebca 100644
--- a/packages/web/pages/v1/index.js
+++ b/packages/web/pages/index.js
@@ -14,15 +14,15 @@ import {
 } from "react-icons/fa";
 import { FcGoogle } from "react-icons/fc";
 import { BsThreeDots } from "react-icons/bs";
-import TeamVoiceLine from "../../components/demo/TeamVoiceLine";
-import Announcements from "../../components/demo/Announcements";
-import Rooms from "../../components/demo/Rooms";
-import VoiceLineConceptDemo from "../../components/demo/VoiceLineConceptDemo";
+import TeamVoiceLine from "../components/demo/TeamVoiceLine";
+import Announcements from "../components/demo/Announcements";
+import Rooms from "../components/demo/Rooms";
+import VoiceLineConceptDemo from "../components/demo/VoiceLineConceptDemo";
 
-import MainLogo from "../../components/Logo/MainLogo";
+import MainLogo from "../components/Logo/MainLogo";
 import { Divider, Tooltip, Image as AntDImage } from "antd";
-import LangingPageLayout from "../../components/Layouts/LandingPageLayout";
-import LandingPageActionBar from "../../components/demo/LandingPageActionBar";
+import LangingPageLayout from "../components/Layouts/LandingPageLayout";
+import LandingPageActionBar from "../components/demo/LandingPageActionBar";
 import Link from "next/link";
 
 export default function Home() {
@@ -115,7 +115,7 @@ export default function Home() {
 
       {/* voice line section */}
       <span className="flex flex-row md:py-32 py-10 flex-wrap">
-        <span className="mx-auto flex flex-col grow max-w-sm rounded-lg shadow-lg bg-gray-200 bg-opacity-40 backdrop-blur-xl p-10">
+        <span className="mx-auto flex flex-col grow max-w-sm rounded-lg shadow-lg bg-slate-50 bg-opacity-40 backdrop-blur-xl p-10">
           <span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
             VOICE ONLY
           </span>
@@ -200,7 +200,7 @@ export default function Home() {
         </span>
 
         {/* description text */}
-        <span className="mx-auto text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-gray-200 bg-opacity-40 backdrop-blur-xl p-10">
+        <span className="mx-auto text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-slate-50 bg-opacity-40 backdrop-blur-xl p-10">
           <span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
             TEAM
           </span>
@@ -282,7 +282,7 @@ export default function Home() {
       {/* focus on today section */}
       <span className="flex flex-row items-center md:py-20 py-10 flex-wrap">
         {/* description card */}
-        <span className="mx-auto text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-gray-200 bg-opacity-40 backdrop-blur-xl p-10">
+        <span className="mx-auto text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-slate-50 bg-opacity-40 backdrop-blur-xl p-10">
           <span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
             CLARITY
           </span>
@@ -369,7 +369,7 @@ export default function Home() {
       <LandingPageActionBar />
 
       {/* customer testimonial section */}
-      <span className="flex my-20 mx-auto flex-col items-center max-w-screen-lg p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg">
+      <span className="flex my-20 mx-auto flex-col items-center max-w-screen-lg p-10 backdrop-blur-md bg-slate-50 bg-opacity-40 rounded-lg">
         <span className="text-3xl font-bold">Our Customers</span>
         <span>
           <span className="text-teal-600">Listen</span> to what they have to
diff --git a/packages/web/pages/index.tsx b/packages/web/pages/index.tsx
deleted file mode 100644
index 3424341..0000000
--- a/packages/web/pages/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Landing() {
-  return <span>haha</span>;
-}
diff --git a/packages/web/pages/v1/philosophy.tsx b/packages/web/pages/philosophy.tsx
similarity index 92%
rename from packages/web/pages/v1/philosophy.tsx
rename to packages/web/pages/philosophy.tsx
index 552bd92..e48760a 100644
--- a/packages/web/pages/v1/philosophy.tsx
+++ b/packages/web/pages/philosophy.tsx
@@ -2,9 +2,9 @@ import { Divider } from "antd";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { FaAngleRight } from "react-icons/fa";
-import LandingPageActionBar from "../../components/demo/LandingPageActionBar";
-import Rooms from "../../components/demo/Rooms";
-import LangingPageLayout from "../../components/Layouts/LandingPageLayout";
+import LandingPageActionBar from "../components/demo/LandingPageActionBar";
+import Rooms from "../components/demo/Rooms";
+import LangingPageLayout from "../components/Layouts/LandingPageLayout";
 
 export default function Philosophy() {
   const handleGetDemo = () => {
diff --git a/packages/web/pages/v1/pricing.tsx b/packages/web/pages/pricing.tsx
similarity index 96%
rename from packages/web/pages/v1/pricing.tsx
rename to packages/web/pages/pricing.tsx
index 70cc37c..91b7a48 100644
--- a/packages/web/pages/v1/pricing.tsx
+++ b/packages/web/pages/pricing.tsx
@@ -6,8 +6,8 @@ import {
   FaMoneyBill,
   FaPhone,
 } from "react-icons/fa";
-import LandingPageActionBar from "../../components/demo/LandingPageActionBar";
-import LandingPageLayout from "../../components/Layouts/LandingPageLayout";
+import LandingPageActionBar from "../components/demo/LandingPageActionBar";
+import LandingPageLayout from "../components/Layouts/LandingPageLayout";
 
 export default function Pricing() {
   return (