chore: update Navigation links

 - improve CTA logic

package.json

@@ -1,16 +1,16 @@
 {
 	"name": "website",
 	"type": "module",
-	"version": "0.6.3",
+	"version": "0.6.4",
 	"scripts": {
 		"dev": "astro dev",
 		"start": "astro dev",
 		"build": "astro check && astro build",
 		"preview": "astro preview",
 		"astro": "astro",
 		"format": "biome check --write ./ && prettier -w \"**/*\" --ignore-unknown --cache",
-		"lint": "biome check .",
-		"lint:fix": "biome check --write .",
+		"lint": "biome lint .",
+		"lint:fix": "biome lint --write .",
 		"format:ci": "pnpm run biome:write && pnpm run prettier:write",
 		"biome:write": "biome check --write ./",
 		"prettier:write": "prettier -w ./"

src/components/CTA.astro

@@ -1,16 +1,25 @@
 ---
-interface Props {
+type Props = {
   url: string;
-  text?: string;
-}
-const { url = "/", text } = Astro.props;
+  text: string;
+  ext?: boolean;
+};
+
+const { 
+  url = "/", 
+  text = "Click here", 
+  ext = true 
+} = Astro.props;
+
+const relAtt = ext ? "noopener noreferrer" : undefined;
 ---
 
 <section>
   <div class="mx-auto max-w-7xl border-x border-white/20">
     <div class="group duration-200 hover:bg-primary">
       <a
         href={url}
+        rel={relAtt}
         class="hover:rounded-0 inline-flex w-full items-center justify-center rounded-full bg-primary px-4 py-6 text-center text-3xl font-medium duration-200 hover:text-black focus:ring-0 lg:py-12 lg:text-6xl"
         >{text}</a
       >

src/components/CopyButton.astro

@@ -13,6 +13,7 @@ const { text } = Astro.props;
 <button
   id="copy-btn"
   class="duration-200 hover:text-white/45 active:translate-y-2"
+  title="Copy to Clipboard"
 >
   <Icon name="copy" />
 </button>

src/components/Navigation.astro

@@ -9,10 +9,9 @@
         >Atharva Types
       </a>
       <a
-        href="https://github.com/at-the-vr"
-        rel="noopener noreferrer"
+        href="/contact"
         class="w-full bg-white px-6 py-4 text-lg text-black duration-200 hover:bg-black hover:text-white sm:rounded-full md:text-lg lg:ml-auto lg:w-auto"
-        >Github</a
+        >Contact</a
       ><a
         href="/blog"
         class="w-full bg-primary px-6 py-4 text-lg text-black duration-200 hover:bg-black hover:text-white sm:rounded-full md:text-lg lg:w-auto"

src/pages/404.astro

@@ -18,5 +18,5 @@ const description = "Sorry, couldn't find the page you're looking for.";
       </div>
     </div>
   </section>
-  <CTA url="/" text="Home" />
+  <CTA url="/" text="Home" ext={false} />
 </BaseLayout>

src/pages/index.astro

@@ -16,5 +16,5 @@ const description =
   <Projects />
   <OpenSource />
   <Intro />
-  <CTA url="/contact" text="hit me up" />
+  <CTA url="https://github.com/at-the-vr" text="github" />
 </BaseLayout>