Commit
·
61a42ec
1
Parent(s):
dfbe86c
✨ ICONS: Replace Landing page icons with custom images
Browse files� Updated feature card icons:
- ✅ Always Available: /assets/24h.png (24/7 availability icon)
- ✅ Privacy & Security: /assets/privacy.png (document with lock icon)
- ✅ Reliability: /assets/reliablity.png (handshake with shield icon)
� Code changes:
- Removed unused Lucide icons (Clock, Shield, Zap)
- Added img tags with proper error handling
- Maintained purple background circles for consistency
� All 3 feature cards now use user-provided custom PNG icons
- frontend/public/images/24h.png +3 -0
- frontend/public/images/privacy.png +3 -0
- frontend/public/images/reliablity.png +3 -0
- frontend/src/pages/Landing.tsx +27 -6
- static/assets/24h.png +3 -0
- static/assets/index-dafa19ab.js +0 -0
- static/assets/index-dafa19ab.js.map +0 -0
- static/assets/privacy.png +3 -0
- static/assets/reliablity.png +3 -0
- static/images/24h.png +3 -0
- static/images/privacy.png +3 -0
- static/images/reliablity.png +3 -0
- static/index.html +1 -1
frontend/public/images/24h.png
ADDED
|
Git LFS Details
|
frontend/public/images/privacy.png
ADDED
|
Git LFS Details
|
frontend/public/images/reliablity.png
ADDED
|
Git LFS Details
|
frontend/src/pages/Landing.tsx
CHANGED
|
@@ -1,9 +1,6 @@
|
|
| 1 |
import { useNavigate } from 'react-router-dom'
|
| 2 |
import { Button } from '@/components/ui/button'
|
| 3 |
import {
|
| 4 |
-
Clock,
|
| 5 |
-
Shield,
|
| 6 |
-
Zap,
|
| 7 |
Menu
|
| 8 |
} from 'lucide-react'
|
| 9 |
|
|
@@ -113,7 +110,15 @@ export function Landing() {
|
|
| 113 |
<div className="bg-white rounded-2xl p-8 shadow-lg border border-gray-200">
|
| 114 |
<div className="mb-6">
|
| 115 |
<div className="w-18 h-18 bg-purple-100 rounded-2xl flex items-center justify-center mb-6">
|
| 116 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 117 |
</div>
|
| 118 |
<h3 className="text-2xl font-bold text-black mb-4">Always Available</h3>
|
| 119 |
</div>
|
|
@@ -127,7 +132,15 @@ export function Landing() {
|
|
| 127 |
<div className="bg-white rounded-2xl p-8 shadow-lg border border-gray-200">
|
| 128 |
<div className="mb-6">
|
| 129 |
<div className="w-18 h-18 bg-purple-100 rounded-2xl flex items-center justify-center mb-6">
|
| 130 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 131 |
</div>
|
| 132 |
<h3 className="text-2xl font-bold text-black mb-4">Privacy & Security</h3>
|
| 133 |
</div>
|
|
@@ -141,7 +154,15 @@ export function Landing() {
|
|
| 141 |
<div className="bg-white rounded-2xl p-8 shadow-lg border border-gray-200">
|
| 142 |
<div className="mb-6">
|
| 143 |
<div className="w-18 h-18 bg-purple-100 rounded-2xl flex items-center justify-center mb-6">
|
| 144 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 145 |
</div>
|
| 146 |
<h3 className="text-2xl font-bold text-black mb-4">Reliability</h3>
|
| 147 |
</div>
|
|
|
|
| 1 |
import { useNavigate } from 'react-router-dom'
|
| 2 |
import { Button } from '@/components/ui/button'
|
| 3 |
import {
|
|
|
|
|
|
|
|
|
|
| 4 |
Menu
|
| 5 |
} from 'lucide-react'
|
| 6 |
|
|
|
|
| 110 |
<div className="bg-white rounded-2xl p-8 shadow-lg border border-gray-200">
|
| 111 |
<div className="mb-6">
|
| 112 |
<div className="w-18 h-18 bg-purple-100 rounded-2xl flex items-center justify-center mb-6">
|
| 113 |
+
<img
|
| 114 |
+
src="/assets/24h.png"
|
| 115 |
+
alt="24/7 Available"
|
| 116 |
+
className="h-12 w-12"
|
| 117 |
+
onError={(e) => {
|
| 118 |
+
console.error('24h icon failed to load')
|
| 119 |
+
e.currentTarget.style.display = 'none'
|
| 120 |
+
}}
|
| 121 |
+
/>
|
| 122 |
</div>
|
| 123 |
<h3 className="text-2xl font-bold text-black mb-4">Always Available</h3>
|
| 124 |
</div>
|
|
|
|
| 132 |
<div className="bg-white rounded-2xl p-8 shadow-lg border border-gray-200">
|
| 133 |
<div className="mb-6">
|
| 134 |
<div className="w-18 h-18 bg-purple-100 rounded-2xl flex items-center justify-center mb-6">
|
| 135 |
+
<img
|
| 136 |
+
src="/assets/privacy.png"
|
| 137 |
+
alt="Privacy & Security"
|
| 138 |
+
className="h-12 w-12"
|
| 139 |
+
onError={(e) => {
|
| 140 |
+
console.error('Privacy icon failed to load')
|
| 141 |
+
e.currentTarget.style.display = 'none'
|
| 142 |
+
}}
|
| 143 |
+
/>
|
| 144 |
</div>
|
| 145 |
<h3 className="text-2xl font-bold text-black mb-4">Privacy & Security</h3>
|
| 146 |
</div>
|
|
|
|
| 154 |
<div className="bg-white rounded-2xl p-8 shadow-lg border border-gray-200">
|
| 155 |
<div className="mb-6">
|
| 156 |
<div className="w-18 h-18 bg-purple-100 rounded-2xl flex items-center justify-center mb-6">
|
| 157 |
+
<img
|
| 158 |
+
src="/assets/reliablity.png"
|
| 159 |
+
alt="Reliability"
|
| 160 |
+
className="h-12 w-12"
|
| 161 |
+
onError={(e) => {
|
| 162 |
+
console.error('Reliability icon failed to load')
|
| 163 |
+
e.currentTarget.style.display = 'none'
|
| 164 |
+
}}
|
| 165 |
+
/>
|
| 166 |
</div>
|
| 167 |
<h3 className="text-2xl font-bold text-black mb-4">Reliability</h3>
|
| 168 |
</div>
|
static/assets/24h.png
ADDED
|
Git LFS Details
|
static/assets/index-dafa19ab.js
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
static/assets/index-dafa19ab.js.map
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
static/assets/privacy.png
ADDED
|
Git LFS Details
|
static/assets/reliablity.png
ADDED
|
Git LFS Details
|
static/images/24h.png
ADDED
|
Git LFS Details
|
static/images/privacy.png
ADDED
|
Git LFS Details
|
static/images/reliablity.png
ADDED
|
Git LFS Details
|
static/index.html
CHANGED
|
@@ -5,7 +5,7 @@
|
|
| 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-76cb8f65.css">
|
| 10 |
</head>
|
| 11 |
<body>
|
|
|
|
| 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-dafa19ab.js"></script>
|
| 9 |
<link rel="stylesheet" href="/assets/index-76cb8f65.css">
|
| 10 |
</head>
|
| 11 |
<body>
|