product

2026-01-07 18:22:50 +00:00
commit abab9c2673
23 changed files with 2724 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en" class="dark">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Nemia - Master Anything with Focus</title>
+    
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Tailwind CSS -->
+    <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+    
+    <!-- Tailwind Config -->
+    <script>
+        tailwind.config = {
+            darkMode: "class",
+            theme: {
+                extend: {
+                    colors: {
+                        primary: "#00E0B8", // Vibrant teal
+                        secondary: "#6B7280",
+                        "background-dark": "#0F111A", // Very dark navy/black
+                        "surface-dark": "#1E202E", // Slightly lighter dark for cards
+                        "surface-accent": "#2D3042", // Even lighter for hover states
+                        "text-light": "#E5E7EB", // Light text for dark mode
+                        "text-muted": "#9CA3AF", // Muted text for dark mode
+                    },
+                    fontFamily: {
+                        sans: ['Inter', 'sans-serif'],
+                        display: ['Poppins', 'sans-serif'],
+                    },
+                    borderRadius: {
+                        DEFAULT: "0.75rem",
+                        'xl': "1rem",
+                        '2xl': "1.5rem",
+                    },
+                    boxShadow: {
+                        'glow': '0 0 20px rgba(0, 224, 184, 0.15)',
+                    }
+                },
+            },
+        };
+    </script>
+
+    <style>
+        html { scroll-behavior: smooth; }
+        body { background-color: #0F111A; color: #E5E7EB; }
+        .mesh-gradient {
+            background-color: #0F111A;
+            background-image: 
+                radial-gradient(at 0% 0%, hsla(169, 100%, 44%, 0.1) 0px, transparent 50%),
+                radial-gradient(at 100% 0%, hsla(250, 48%, 30%, 0.15) 0px, transparent 50%);
+        }
+    </style>
+<script type="importmap">
+{
+  "imports": {
+    "react": "https://esm.sh/react@^19.2.3",
+    "react-dom/": "https://esm.sh/react-dom@^19.2.3/",
+    "react/": "https://esm.sh/react@^19.2.3/",
+    "lucide-react": "https://esm.sh/lucide-react@^0.562.0"
+  }
+}
+</script>
+<link rel="stylesheet" href="/index.css">
+</head>
+<body>
+    <div id="root"></div>
+<script type="module" src="/index.tsx"></script>
+</body>
+</html>