Apply La Huasca brand colors across layout, nav, login, admin, user and home

src/app/page.tsx

@@ -1,10 +1,50 @@
 import MeasuredText from '@/components/MeasuredText';
 
+const gold = '#E8A849';
+const navy = '#010D1E';
+const cream = '#f5f0e8';
+
 export default function HomePage() {
   return (
-    <main style={{ padding: '2rem' }}>
-      <h1>La Huasca</h1>
-      <p>Welcome to the TypeScript + Next.js version of La Huasca.</p>
+    <main
+      style={{
+        padding: 'clamp(3rem, 9vw, 7rem) 2rem',
+        minHeight: 'calc(100vh - 56px)',
+        background: navy,
+        color: cream,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        textAlign: 'center',
+      }}
+    >
+      <p
+        style={{
+          fontFamily: 'monospace',
+          fontSize: '12px',
+          letterSpacing: '0.18em',
+          textTransform: 'uppercase',
+          color: gold,
+          margin: '0 0 1rem',
+        }}
+      >
+        Hotel · Restaurant · Vineyard
+      </p>
+      <h1
+        style={{
+          fontSize: 'clamp(44px, 7vw, 84px)',
+          fontWeight: 400,
+          fontStyle: 'italic',
+          lineHeight: 1.08,
+          margin: '0 0 1.25rem',
+          color: cream,
+        }}
+      >
+        La Huasca
+      </h1>
+      <p style={{ fontSize: '18px', lineHeight: 1.55, color: 'rgba(245,240,232,0.78)', maxWidth: '52ch', margin: '0 0 2rem' }}>
+        Welcome to the TypeScript + Next.js version of La Huasca.
+      </p>
       <MeasuredText text="Hello, Pretext!" />
     </main>
   );