From cc6dbfbcdf43d3552f92a4b78cae3a15fac46b3b Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Sun, 14 Apr 2024 13:41:17 -0400
Subject: [PATCH] Anchor link to another page to test ViewTransitions

---
 src/pages/contact.astro        | 1 +
 src/pages/homes/personal.astro | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index b9de298..70157e0 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -15,6 +15,7 @@ const metadata = {
   <HeroText tagline="Contact" title="Let's Connect!" />
 
   <ContactUs
+    id="form"
     title="Drop us a message today!"
     subtitle="For quicker answers, explore our FAQs section. You may find the solution you're looking  for right there! If not, our support team is delighted to help you."
     inputs={[
diff --git a/src/pages/homes/personal.astro b/src/pages/homes/personal.astro
index 013e7d4..8ac136a 100644
--- a/src/pages/homes/personal.astro
+++ b/src/pages/homes/personal.astro
@@ -9,6 +9,7 @@ import Features3 from '~/components/widgets/Features3.astro';
 import Testimonials from '~/components/widgets/Testimonials.astro';
 import Steps from '~/components/widgets/Steps.astro';
 import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
+import { getPermalink } from '~/utils/permalinks';
 
 const metadata = {
   title: 'Personal Homepage Demo',
@@ -44,7 +45,7 @@ const metadata = {
     id="hero"
     title="Sarah Johnson"
     tagline="Personal Web Demo"
-    actions={[{ variant: "primary", target: '_blank', text: 'Hire me', href: '/' }]}
+    actions={[{ variant: "primary", text: 'Hire me', href: getPermalink("/contact#form") }]}
   >
     <Fragment slot="subtitle">
       I'm a Graphic Designer passionate about crafting visual stories. <br /> With 5 years of experience and a degree