feat: add hero section

tailwind.config.js

@@ -7,6 +7,33 @@ module.exports = {
         montserrat: ["Montserrat", "sans-serif"],
         playfair: ["Playfair Display", "serif"],
       },
+      colors: {
+        white: "#FFFFFF",
+        "dark-charcoal": "#2F2F2F",
+        black: "#000000",
+        "uc-gold": "#B8873F",
+        "floral-white": "#FBF9F3",
+        axolotl: "#6F776B",
+        "dark-charcoal-ii": "#212121",
+        "eerie-black": "#1A1A1A",
+        "taupe-gray": "#888888",
+        "davys-grey": "#595959",
+        "granite-gray": "#666666",
+        "light-silver": "#D7D7D7",
+        "quick-silver": "#A0A0A0",
+        linen: "#FAF0E6",
+      },
+      spacing: {
+        396: "396px",
+        398: "398px",
+        420: "420px",
+        259: "259px",
+        649: "649px",
+        183: "183px",
+        150: "150px",
+        100: "100px",
+        120: "120px",
+      },
       textShadow: {
         default: "0 2px 4px rgba(0,0,0,0.1)",
         lg: "2px 2px 4px rgba(0,0,0,0.3)",