feat: Add Next.js 15 glassmorphism frontend for DAARION MVP

2025-11-26 09:20:33 -08:00
parent 5ce1bf1035
commit 2f30f40c0b
24 changed files with 7831 additions and 5 deletions
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -0,0 +1,56 @@
+import type { Config } from 'tailwindcss'
+
+const config: Config = {
+  content: [
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // DAARION brand colors
+        daarion: {
+          50: '#f0f9ff',
+          100: '#e0f2fe',
+          200: '#bae6fd',
+          300: '#7dd3fc',
+          400: '#38bdf8',
+          500: '#0ea5e9',
+          600: '#0284c7',
+          700: '#0369a1',
+          800: '#075985',
+          900: '#0c4a6e',
+          950: '#082f49',
+        },
+        // Glassmorphism accents
+        glass: {
+          white: 'rgba(255, 255, 255, 0.1)',
+          border: 'rgba(255, 255, 255, 0.1)',
+        },
+      },
+      backgroundImage: {
+        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+        'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+        'daarion-gradient': 'linear-gradient(135deg, #0c4a6e 0%, #082f49 50%, #0f172a 100%)',
+      },
+      backdropBlur: {
+        xs: '2px',
+      },
+      animation: {
+        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+        'glow': 'glow 2s ease-in-out infinite alternate',
+      },
+      keyframes: {
+        glow: {
+          '0%': { boxShadow: '0 0 5px rgba(14, 165, 233, 0.3)' },
+          '100%': { boxShadow: '0 0 20px rgba(14, 165, 233, 0.6)' },
+        },
+      },
+    },
+  },
+  plugins: [],
+}
+
+export default config
+