diff --git a/content/home/index.md b/content/home/index.md
index 0e43fda..d1036d7 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -1,11 +1,11 @@
 ---
-title: "Geomind"
-description: "A cloud computing system designed for planetary-scale scalability, offering secure, immutable data storage that ensures integrity and permanence."
+title: "Home"
+description: "orem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex. Adipiscing elit quisque faucibus ex sapien vitae pellentesque."
 draft: false
 weight: 1
 extra:
- author: Geomind
- imgPath: home/geomind_logo.png
+ author: Home
+ imgPath: home/logo-placeholder.png
 
 ---
 
@@ -13,7 +13,7 @@ extra:
 
 {{ hero_BG_video(
   video_BG="/videos/hero_bg.mp4",
-  title="HEADER1",
+  title="HERO",
   subtitle="Lorem ipsum dolor sit.",
   description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex. Adipiscing elit quisque faucibus ex sapien vitae pellentesque.",
   button_text_1="Button1",
@@ -88,9 +88,9 @@ Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, wh
 
 printer took a galley of type and scrambled it to make a type specimen book
 
- <br>
+<br>
 
-<a href="/page3" class="rounded-md mt-6 text-sm bg-gray-900 px-4 py-2 font-semibold text-white shadow-sm hover:bg-gray-500 hover:text-white">Button</a>
+<a href="/page3" class="bg-theme text-theme border border-solid rounded-md text-sm bg-gray-100 dark:bg-gray-900 px-4 py-2 font-semibold text-black dark:text-white shadow-sm hover:bg-gray-200 dark:hover:bg-gray-700">Button</a>
 
 </div>
 </div>
@@ -101,18 +101,18 @@ printer took a galley of type and scrambled it to make a type specimen book
 <!-- section 4 (hero) -->
 
 <div class="relative isolate overflow-hidden lg:py-24 py-12">
-<img src="/images/hometech.jpg" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center">
+<!-- <img src="/images/hometech.jpg" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"> -->
 <div class="mx-auto max-w-7xl px-6 py-12">
 
 <div class="mx-auto max-w-2xl lg:mx-0">
 
-##### TECHNOLOGY
+##### FEATUERS_2
 
-## Compute, Data, and Network
+## Features component with Border
 
 <br>
 
-Our cloud platform harnesses the latest innovations in compute, data, and network technologies to deliver exceptional performance and efficiency.
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
 
 </div>
 
@@ -122,24 +122,24 @@ Our cloud platform harnesses the latest innovations in compute, data, and networ
 
 {{ features_card(
   title="Zero-OS",
-  description="The Bare Metal Operating System can be hosted by everyone on any computer hardware and doesn’t need human intervention."
+  description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
 ) }}
 
 {{ features_card(
   title="QSS",
-  description="The Quantum Safe Storage system is upto 10x more efficient, allows data to be stored with full control over locality, data can not be lost nor corrupted."
+  description="TLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
 ) }}
 
 {{ features_card(
   title="Mycelium",
-  description="Mycelium Network is compatible with any Internet and is capable to find the shortest path between participants (apps and people)."
+  description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown."
 ) }}
 
 
 </div>
 
 <div class="justify-center items-center flex">
-  <a href="/technology" class="rounded-md mt-8 bg-indigo-400 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-600 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
+  <a href="/page3" class="border border-white rounded-md mt-6 text-sm bg-gray-100 dark:bg-gray-900 px-4 py-2 font-semibold text-black dark:text-white shadow-sm hover:bg-gray-200 dark:hover:bg-gray-700">Button</a>
 </div>
 
 </div>
diff --git a/css/index.css b/css/index.css
index 884a3d0..2c75f08 100644
--- a/css/index.css
+++ b/css/index.css
@@ -60,8 +60,8 @@ img[src*="#3col"] { width: 100px; margin-left: auto; margin-right: auto; }
 
 
 /* Link styles */
-a:hover { color: #8885e2; }
-button:hover { color: #8885e2; }
+/* a:hover { color: #8885e2; } */
+/* button:hover { color: #8885e2; } */
 button { font-weight: 500; color: #fff; }
 .experience-btn { border: none; margin: 0; padding: 0; color: black; padding: 10px; width: fit-content; }
 .experience-btn p { @apply text-lg; }
@@ -110,15 +110,28 @@ header { font-family: "Reddit Sans"; }
 :root {
   --color-bg: #fff;
   --color-text: #222;
-  --color-link: #8885e2;
+  --color-link: #ffffff;
   --color-header: #000;
+  --color-bgbutton:#000;
+  --color-textbutton: #fff;
 }
 .dark {
   --color-bg: #18181b;
   --color-text: #f3f4f6;
-  --color-link: #a5b4fc;
+  --color-link: #ffffff;
   --color-header: #18181b;
+  --color-bgbutton:#fff;
+  --color-textbutton: #000;
 }
+
+.bg-theme {
+  background-color: var(--color-bgbutton);
+}
+
+.text-theme {
+  color: var(--color-textbutton);
+}
+
 body {
   background: var(--color-bg);
   color: var(--color-text);
diff --git a/css/layout.css b/css/layout.css
index 1817340..8afbfa0 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -25,12 +25,12 @@ p, .p { font-size: 1.2rem; color: #cbd5e0} */
 
 /* Link styles */
 a { color: #fff; }
-a:focus, a:hover { border: none; color: #7570ea; }
+a:focus, a:hover { border: none; color: #c5c5c5; }
 a:active { color: #2b6cb0; }
 nav h4 a { border: 0; color: #fff; }
-nav h4 a:hover { border: 0; color: #7570ea; }
+nav h4 a:hover { border: 0; color: #c5c5c5; }
 nav h4 a:focus, nav h4 a:active { border: 0; color: #fff; }
-h5 a { color: #7570ea; }
+
 
 /* Text and paragraph styles */
 pre, code { font-feature-settings: normal; }
diff --git a/static/images/logo.png b/static/images/logo.png
deleted file mode 100644
index ca5d1a7..0000000
Binary files a/static/images/logo.png and /dev/null differ
diff --git a/templates/shortcodes/features_card.html b/templates/shortcodes/features_card.html
index 6021f27..4025cb0 100644
--- a/templates/shortcodes/features_card.html
+++ b/templates/shortcodes/features_card.html
@@ -4,8 +4,8 @@
 
   <div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
     <div class="text-base leading-7">
-      <h4 class="font-semibold text-white">{{ title }}</h4>
-      <p class="mt-2 text-lg text-gray-300">{{ description }}
+      <h4 class="font-semibold">{{ title }}</h4>
+      <p class="mt-2 text-lg">{{ description }}
       </p>
     </div>
   </div>
diff --git a/templates/shortcodes/hero_BG_video.html b/templates/shortcodes/hero_BG_video.html
index 993e4b9..8599b30 100644
--- a/templates/shortcodes/hero_BG_video.html
+++ b/templates/shortcodes/hero_BG_video.html
@@ -23,7 +23,7 @@
       <h2 class="lg:text-4xl text-3xl mt-2 text-white">{{ subtitle }}</h2>
       <p class="mt-4 leading-8 text-white">{{ description }}</p>
       <div class="mt-10 flex items-center justify-center gap-x-6 text-white">
-        <a href="{{ button_link_1 }}" class="rounded-md text-sm bg-gray-900 px-4 py-2 font-semibold text-white shadow-sm hover:bg-gray-500 hover:text-white">
+        <a href="{{ button_link_1 }}" class="rounded-md text-sm bg-gray-900 px-4 py-2 font-semibold text-white shadow-sm hover:bg-gray-700 hover:text-white">
           {{ button_text_1 }}
         </a>
         <a href="{{ button_link_2 }}" class="text-sm font-semibold leading-6">