update

app/pages/index.vue

@@ -1,30 +1,16 @@
-<script lang="ts" setup>
-import { navbarData } from '~/data'
-
-useHead({
-  title: 'Home',
-  meta: [
-    {
-      name: 'description',
-      content:
-        'Welcome To My Blog Site. Get Web Development, Javascript, Typescript, NodeJs, Vue, and Nuxt, Related Articles, Tips, Learning resources and more.',
-    },
-  ],
-})
-
-// Generate OG Image
-defineOgImageComponent('About', {
-  headline: 'Greetings 👋',
-  title: navbarData.homeTitle,
-  description: 'Dive into web development with me and learn Js, Ts, Vue, Nuxt, Docker, k8s',
-  link: '/riyad.jpg',
-})
-</script>
+<script lang="ts" setup></script>
 
 <template>
-  <main class="container max-w-5xl mx-auto text-zinc-600">
-    <MainHero />
-    <MainRecent />
-    <MainTrending />
-  </main>
+  <div class="relative">
+    <main>
+      <MainHero />
+
+      <div class="relative">
+        <div class="container max-w-5xl mx-auto text-zinc-600 px-4 py-8 relative z-10">
+          <MainRecent />
+          <MainTechInfo />
+        </div>
+      </div>
+    </main>
+  </div>
 </template>