https://athenea-landing.vercel.app/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>Athena | Freedom is a Plan</title>
7    

7<script src="https://cdn.tailwindcss.com"></script>

7
8    <link rel="preconnect" href="https://fonts.googleapis.com">
9    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
11    

11<script>
12      tailwind.config = {
13        theme: {
14          extend: {
15            colors: {
16              athena: {
17                purple: '#A855F7', // Purple-500
18                dark: '#0F0718',    // Deep dark purple/black
19                green: '#34D399',   // Emerald-400
20              }
21            },
22            fontFamily: {
23              sans: ['Inter', 'sans-serif'],
24              mono: ['JetBrains Mono', 'monospace'],
25            },
26            animation: {
27              'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
28              'float': 'float 6s ease-in-out infinite',
29            },
30            keyframes: {
31              float: {
32                '0%, 100%': { transform: 'translateY(0)' },
33                '50%': { transform: 'translateY(-10px)' },
34              }
35            }
36          }
37        }
38      }
39    </script>

39
40    <style>
41      body {
42        background-color: #000;
43        color: #e2e8f0;
44        overflow-x: hidden;
45      }
46      .glass {
47        background: rgba(255, 255, 255, 0.03);
48        backdrop-filter: blur(10px);
49        -webkit-backdrop-filter: blur(10px);
50        border: 1px solid rgba(255, 255, 255, 0.05);
51      }
52      .neon-glow {
53        box-shadow: 0 0 20px rgba(168, 85, 247, 0.15);
54      }
55      .neon-text {
56        text-shadow: 0 0 10px rgba(52, 211, 153, 0.3);
57      }
58      /* Custom Scrollbar */
59      ::-webkit-scrollbar {
60        width: 8px;
61      }
62      ::-webkit-scrollbar-track {
63        background: #000;
64      }
65      ::-webkit-scrollbar-thumb {
66        background: #333;
67        border-radius: 4px;
68      }
69      ::-webkit-scrollbar-thumb:hover {
70        background: #555;
71      }
72    </style>
73
74<link rel="stylesheet" href="/index.css">
75  

75<script type="importmap">
76{
77  "imports": {
78    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.1/",
79    "lucide-react": "https://aistudiocdn.com/lucide-react@^0.556.0",
80    "react/": "https://aistudiocdn.com/react@^19.2.1/",
81    "react": "https://aistudiocdn.com/react@^19.2.1"
82  }
83}
84</script>

84
85  

85<script type="module" crossorigin src="/assets/index-CwtoqHa3.js"></script>

85
86</head>
87  <body>
88    <div id="root"></div>
89</body>
90</html>