wu981526092 commited on
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 ADDED

Git LFS Details

  • SHA256: a51d99d0d653ad08576e100f7b2db396e95d52881de18d8b9e7be48b9ce97ae6
  • Pointer size: 130 Bytes
  • Size of remote file: 12 kB
frontend/public/images/privacy.png ADDED

Git LFS Details

  • SHA256: 658a5318d6ec197faa43fcad5f3954addf07fac497f7419ddc851542040d6d99
  • Pointer size: 129 Bytes
  • Size of remote file: 6.71 kB
frontend/public/images/reliablity.png ADDED

Git LFS Details

  • SHA256: 7e19b3b30fcba163559d01475fc769d936cdac5c93475e5eae35bab37855d9e4
  • Pointer size: 130 Bytes
  • Size of remote file: 12.2 kB
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
- <Clock className="h-12 w-12 text-purple-600" />
 
 
 
 
 
 
 
 
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
- <Shield className="h-12 w-12 text-purple-600" />
 
 
 
 
 
 
 
 
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
- <Zap className="h-12 w-12 text-purple-600" />
 
 
 
 
 
 
 
 
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

  • SHA256: a51d99d0d653ad08576e100f7b2db396e95d52881de18d8b9e7be48b9ce97ae6
  • Pointer size: 130 Bytes
  • Size of remote file: 12 kB
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

  • SHA256: 658a5318d6ec197faa43fcad5f3954addf07fac497f7419ddc851542040d6d99
  • Pointer size: 129 Bytes
  • Size of remote file: 6.71 kB
static/assets/reliablity.png ADDED

Git LFS Details

  • SHA256: 7e19b3b30fcba163559d01475fc769d936cdac5c93475e5eae35bab37855d9e4
  • Pointer size: 130 Bytes
  • Size of remote file: 12.2 kB
static/images/24h.png ADDED

Git LFS Details

  • SHA256: a51d99d0d653ad08576e100f7b2db396e95d52881de18d8b9e7be48b9ce97ae6
  • Pointer size: 130 Bytes
  • Size of remote file: 12 kB
static/images/privacy.png ADDED

Git LFS Details

  • SHA256: 658a5318d6ec197faa43fcad5f3954addf07fac497f7419ddc851542040d6d99
  • Pointer size: 129 Bytes
  • Size of remote file: 6.71 kB
static/images/reliablity.png ADDED

Git LFS Details

  • SHA256: 7e19b3b30fcba163559d01475fc769d936cdac5c93475e5eae35bab37855d9e4
  • Pointer size: 130 Bytes
  • Size of remote file: 12.2 kB
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-8c8a2e12.js"></script>
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>