feat: Implement initial portfolio website structure and core components including main page, header, hero, contact, and work modalities.

app/globals.css

@@ -1,16 +1,16 @@
 @import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Geist+Mono:wght@300;400;500;600&display=swap");
 
 @font-face {
-  font-family: 'Monument Extended';
-  src: url('/fonts/MonumentExtended-Regular.otf') format('opentype');
+  font-family: "Monument Extended";
+  src: url("/fonts/MonumentExtended-Regular.otf") format("opentype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Monument Extended';
-  src: url('/fonts/MonumentExtended-Ultrabold.otf') format('opentype');
+  font-family: "Monument Extended";
+  src: url("/fonts/MonumentExtended-Ultrabold.otf") format("opentype");
   font-weight: 800;
   font-style: normal;
   font-display: swap;
@@ -66,7 +66,7 @@
   --r-lg: 16px;
   --r-full: 999px;
   --font-display: "Syne", sans-serif;
-  --font-hero: 'Monument Extended', sans-serif;
+  --font-hero: "Monument Extended", sans-serif;
   --font-mono: "Geist Mono", monospace;
   --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
   --ease-in: cubic-bezier(0.4, 0, 1, 1);
@@ -124,7 +124,7 @@ textarea {
 }
 
 .ds-main {
-  padding-top: 52px;
+  /* padding-top: 52px; removed since there is no header now */
 }
 
 .ds-section {