feat: Rebuild application UI with new Header, Footer, HeroModel, and ProductGrid components, integrating smooth scrolling and GSAP animations.

src/styles/index.css

@@ -0,0 +1,42 @@
+@import './variables.css';
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+    background-color: var(--bg-color);
+    color: var(--text-main);
+    font-family: var(--font-main);
+    font-size: 14px;
+    line-height: 1.5;
+    overflow-x: hidden;
+    /* Hide scrollbar potentially */
+}
+
+a {
+    color: inherit;
+    text-decoration: none;
+}
+
+ul {
+    list-style: none;
+}
+
+/* Utilities */
+.uppercase {
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+}
+
+.mono {
+    font-family: monospace;
+}
+
+canvas {
+    touch-action: none;
+}

src/styles/variables.css

@@ -0,0 +1,15 @@
+:root {
+  /* Teenage Engineering Palette */
+  --bg-color: #e4e4e4;
+  --text-main: #000000;
+  --text-dim: #666666;
+  --accent-orange: #ff4d00;
+  --grid-line: #cccccc;
+  
+  /* Typos */
+  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  --spacing-unit: 8px;
+  
+  /* Layout */
+  --header-height: 60px;
+}