Implement Contact, Header, start Footer

src/components/landing/ContactSection.astro

@@ -39,7 +39,7 @@ import ArrowUpRight from "../icons/ArrowUpRight.astro";
 
     picture {
         display: block;
-        /* width: 100%; */
+        width: 100%;
         /* height: 100%; */
         max-height: 500px;
         grid-column: 1 / 5;
@@ -49,22 +49,30 @@ import ArrowUpRight from "../icons/ArrowUpRight.astro";
     }
 
     .image {
-        /* width: 100%; */
-        /* height: 100%; */
+        width: 100%;
+        height: 100%;
         object-fit: cover;
     }
 
     .content {
-        grid-column: 5 / -1;
+        grid-column: 6 / -1;
+        align-content: center;
     }
 
     h2 {
-        grid-column: 1 / -1;
-        font-size: 4.75rem;
-        line-height: var(--leading-title);
+        max-width: 13ch;
+        font-size: 3rem;
+        line-height: var(--leading-subtitle);
         letter-spacing: var(--tracking-narrow);
     }
 
+    p {
+        max-width: 38ch;
+        margin-top: 2rem;
+        font-size: 1.5rem;
+        line-height: var(--leading-paragraph);
+    }
+
     .link {
         display: flex;
         align-items: center;
@@ -72,6 +80,8 @@ import ArrowUpRight from "../icons/ArrowUpRight.astro";
         gap: 2rem;
         grid-column: 1 / -1;
 
+        margin-top: 12rem; 
+
         font-size: 6.25rem;
         font-weight: 600;
         text-transform: uppercase;