diff --git a/app.vue b/app.vue
index dbbbf9d0..e161d49c 100644
--- a/app.vue
+++ b/app.vue
@@ -2,6 +2,12 @@
 import Backdrop from "./components/Backdrop.vue";
 import Footer from "./components/Footer.vue";
 </script>
+<style>
+body,
+html {
+  font-family: "Poppins";
+}
+</style>
 <template>
   <div>
     <Backdrop />
diff --git a/components/BigTextMain.vue b/components/BigTextMain.vue
new file mode 100644
index 00000000..3e15cbb2
--- /dev/null
+++ b/components/BigTextMain.vue
@@ -0,0 +1,20 @@
+<script></script>
+<template>
+  <div class="ml-20 mt-20">
+    <img
+      src="https://avatars.githubusercontent.com/u/58448036?v=4"
+      height="200"
+      width="200"
+      class="pb-5"
+    />
+    <h1 class="font-bold text-5xl">
+      Hi I'm <span class="text-[#cba6f7] fancy-font">Saahil</span>
+    </h1>
+    <p class="pt-5">I am a teenage developer, designer and programmer</p>
+  </div>
+</template>
+<style>
+.fancy-font {
+  font-family: "Fuzzy Bubbles", sans-serif;
+}
+</style>
diff --git a/pages/index.vue b/pages/index.vue
index c7b6ed2c..f096e2e0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1 +1,3 @@
-<template>meow</template>
+<template>
+  <BigTextMain />
+</template>