Commit
·
440979a
1
Parent(s):
b133faa
✅ FINAL: Match design exactly with Huoxu logo
Browse files� Perfect match to design mockup:
- ✅ Huoxu circular purple gradient logo (header + footer)
- ✅ Navigation: Home (purple) | Technology | Use Cases | My device
- ✅ Hero: 'Offline AI that works where the cloud cannot'
- ✅ Subtitle: 'AI that stays reliable, private, and resilient...'
- ✅ Buttons: 'Learn More' + 'I already have a device'
- ✅ 3 feature cards: Always Available | Privacy & Security | Reliability
- ✅ Footer: 'Need help? Contact us to get customized device and services'
� Now perfectly matches the provided design mockup!
- frontend/src/pages/Landing.tsx +6 -18
- static/index.html +2 -2
frontend/src/pages/Landing.tsx
CHANGED
|
@@ -18,15 +18,9 @@ export function Landing() {
|
|
| 18 |
<div className="flex justify-between items-center h-20">
|
| 19 |
{/* Logo */}
|
| 20 |
<div className="flex items-center">
|
| 21 |
-
<
|
| 22 |
-
|
| 23 |
-
|
| 24 |
-
className="h-16 w-16"
|
| 25 |
-
onError={(e) => {
|
| 26 |
-
console.error('Logo failed to load')
|
| 27 |
-
e.currentTarget.style.display = 'none'
|
| 28 |
-
}}
|
| 29 |
-
/>
|
| 30 |
</div>
|
| 31 |
|
| 32 |
{/* Navigation Links */}
|
|
@@ -159,15 +153,9 @@ export function Landing() {
|
|
| 159 |
<footer className="bg-gray-900 text-white py-12 px-4 sm:px-6 lg:px-8">
|
| 160 |
<div className="max-w-6xl mx-auto text-center">
|
| 161 |
<div className="flex items-center justify-center mb-4">
|
| 162 |
-
<
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
className="h-12 w-12"
|
| 166 |
-
onError={(e) => {
|
| 167 |
-
console.error('Footer logo failed to load')
|
| 168 |
-
e.currentTarget.style.display = 'none'
|
| 169 |
-
}}
|
| 170 |
-
/>
|
| 171 |
</div>
|
| 172 |
<p className="text-gray-400 mb-6">
|
| 173 |
Need help? Contact us to get customized device and services
|
|
|
|
| 18 |
<div className="flex justify-between items-center h-20">
|
| 19 |
{/* Logo */}
|
| 20 |
<div className="flex items-center">
|
| 21 |
+
<div className="w-16 h-16 bg-gradient-to-br from-purple-400 to-purple-600 rounded-full flex items-center justify-center">
|
| 22 |
+
<span className="text-white font-bold text-lg">Huoxu</span>
|
| 23 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 24 |
</div>
|
| 25 |
|
| 26 |
{/* Navigation Links */}
|
|
|
|
| 153 |
<footer className="bg-gray-900 text-white py-12 px-4 sm:px-6 lg:px-8">
|
| 154 |
<div className="max-w-6xl mx-auto text-center">
|
| 155 |
<div className="flex items-center justify-center mb-4">
|
| 156 |
+
<div className="w-12 h-12 bg-gradient-to-br from-purple-400 to-purple-600 rounded-full flex items-center justify-center">
|
| 157 |
+
<span className="text-white font-bold text-sm">Huoxu</span>
|
| 158 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 159 |
</div>
|
| 160 |
<p className="text-gray-400 mb-6">
|
| 161 |
Need help? Contact us to get customized device and services
|
static/index.html
CHANGED
|
@@ -5,8 +5,8 @@
|
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
<title>Edge LLM</title>
|
| 8 |
-
<script type="module" crossorigin src="/assets/index-
|
| 9 |
-
<link rel="stylesheet" href="/assets/index-
|
| 10 |
</head>
|
| 11 |
<body>
|
| 12 |
<div id="root"></div>
|
|
|
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
<title>Edge LLM</title>
|
| 8 |
+
<script type="module" crossorigin src="/assets/index-6f569860.js"></script>
|
| 9 |
+
<link rel="stylesheet" href="/assets/index-5025176b.css">
|
| 10 |
</head>
|
| 11 |
<body>
|
| 12 |
<div id="root"></div>
|