fix HeroSection

jhilker98 · Oct 12, 2023 · 2d9db19 · 2d9db19
1 parent d80ad68
commit 2d9db19
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 60 deletions.
diff --git a/src/components/HeroSection.astro b/src/components/HeroSection.astro
diff --git a/src/components/index/HeroSection.astro b/src/components/index/HeroSection.astro
@@ -42,5 +42,26 @@ import { SITE_META } from "@consts";
           : ""
       }
     </p>
+    <div class="space-x-3">
+      <a
+        href="mailto:[email protected]"
+        class="focus:ring focus:ring-offset-4 focus:ring-offset-branding-white dark:focus:ring-offset-branding-black focus:outline-none cursor-pointer transition duration-200 motion-reduce:duration-0 font-bold disabled:cursor-not-allowed ease-out text-white uppercase bg-branding-navy hover:bg-branding-navy-800 dark:hover:bg-branding-navy-400 disabled:text-branding-navy-200 text-base py-2 px-4 rounded inline-flex place-items-center focus:hover:ring-branding-navy-800 dark:focus:hover:ring-branding-navy-400">
+        Reach Out
+      </a>
+      <Button
+        theme="secondary"
+        size="medium"
+        type="button"
+        @click="$refs.about.scrollIntoView()">
+        About Me
+      </Button>
+      <Button
+        theme="tertiary"
+        size="medium"
+        type="button"
+        @click="$refs.projects.scrollIntoView()">
+        Featured Projects
+      </Button>
+    </div>
   </div>
 </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -3,7 +3,7 @@ import BaseLayout from "@layouts/BaseLayout.astro";
 import "@fontsource/ibm-plex-serif/700.css";
 import "@fontsource/ibm-plex-sans/700.css";
 import { SITE_META } from "@consts";
-import HeroSection from "@components/HeroSection.astro";
+import HeroSection from "@components/index/HeroSection.astro";
 //import { type BlogPost, type Project } from "@content";
 import FeaturedProjectSection from "@components/index/FeaturedProjectSection.astro";
 ---