feat: Implement Services, About, and start Values section

src/components/GlobalStyles.astro

@@ -2,10 +2,9 @@
   @import url("../styles/poppins.css");
 
   :root {
-    --font-sans:
-      "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-      Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-      sans-serif;
+    --font-sans: "Poppins", system-ui, -apple-system, BlinkMacSystemFont,
+      "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
+      "Helvetica Neue", sans-serif;
 
     /* --fs-md: clamp(1.25rem, 0.25vw + 1rem, 2.5rem); */
     --fs-md: 1.25rem;
@@ -17,11 +16,14 @@
     --leading-paragraph: 1.5;
     --tracking-narrow: -0.09375rem;
 
+    --base-grid: repeat(12, 1fr);
+    --max-content-width: 1920px;
+
     --clr-light-400: hsl(0 10% 100%);
     --clr-dark-400: hsl(0 17.6% 3.3%);
     --clr-ts-warm-red-400: hsl(3 94% 60%);
 
-    --gradient-heading: linear-gradient(
+    --gradient-page-title: linear-gradient(
       to bottom,
       hsl(from var(--clr-light-400) h s l),
       hsl(from var(--clr-light-400) h s calc(l - 10)),
@@ -31,6 +33,22 @@
       hsl(from var(--clr-light-400) h s calc(l - 40)),
       hsl(from var(--clr-light-400) h s calc(l - 80))
     );
+
+    --gradient-heading: linear-gradient(
+      to bottom,
+      hsl(from var(--clr-light-400) h s l),
+      hsl(from var(--clr-light-400) h s calc(l - 10)),
+      hsl(from var(--clr-light-400) h s calc(l - 30)),
+      hsl(from var(--clr-light-400) h s calc(l - 80)),
+      hsl(from var(--clr-light-400) h s calc(l - 90))
+    );
+
+    --gradient-overlay: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0.3) 0%,
+      rgba(0, 0, 0, 0) 40%,
+      rgba(0, 0, 0, 0.3) 100%
+    );
   }
 
   body {
@@ -47,7 +65,18 @@
 
   h1,
   h2,
-  h3 {
+  h3,
+  h4 {
+    font-weight: 600;
+  }
+
+  h1 {
+    background: var(--gradient-page-title);
+    background-clip: text;
+    color: transparent;
+  }
+
+  h2 {
     background: var(--gradient-heading);
     background-clip: text;
     color: transparent;