Commit
·
bd60135
1
Parent(s):
e66a9fe
� SIMPLIFY: Remove filter tabs from Use Cases page
Browse files- Remove Home/Healthcare/Use Cases/My device filter tabs
- Page now shows clean title and subtitle without tab controls
- More streamlined layout matching ideal design
- Direct focus on the three use case cards below
✅ Use Cases page now has minimal, focused header section
frontend/src/pages/UseCases.tsx
CHANGED
|
@@ -5,7 +5,6 @@ import { Card, CardContent } from '@/components/ui/card'
|
|
| 5 |
import { Menu, Mountain, Shield, Heart } from 'lucide-react'
|
| 6 |
|
| 7 |
export function UseCases() {
|
| 8 |
-
const [activeFilter, setActiveFilter] = useState('Use Cases')
|
| 9 |
const navigate = useNavigate()
|
| 10 |
|
| 11 |
const useCases = [
|
|
@@ -35,8 +34,6 @@ export function UseCases() {
|
|
| 35 |
}
|
| 36 |
]
|
| 37 |
|
| 38 |
-
const filters = ['Home', 'Healthcare', 'Use Cases', 'My device']
|
| 39 |
-
|
| 40 |
return (
|
| 41 |
<div className="min-h-screen bg-gray-50">
|
| 42 |
{/* Navigation */}
|
|
@@ -93,28 +90,9 @@ export function UseCases() {
|
|
| 93 |
<h1 className="text-4xl md:text-5xl font-bold text-black mb-6">
|
| 94 |
Use Case Examples
|
| 95 |
</h1>
|
| 96 |
-
<p className="text-xl text-purple-700 font-semibold max-w-2xl mx-auto mb-
|
| 97 |
Bringing intelligent computing to the edge of connectivity
|
| 98 |
</p>
|
| 99 |
-
|
| 100 |
-
{/* Filter Tabs */}
|
| 101 |
-
<div className="flex justify-center mb-12">
|
| 102 |
-
<div className="bg-white rounded-lg p-1 shadow-sm flex">
|
| 103 |
-
{filters.map((filter) => (
|
| 104 |
-
<button
|
| 105 |
-
key={filter}
|
| 106 |
-
onClick={() => setActiveFilter(filter)}
|
| 107 |
-
className={`px-4 py-2 rounded-md text-sm font-medium transition-all ${
|
| 108 |
-
activeFilter === filter
|
| 109 |
-
? 'bg-purple-600 text-white'
|
| 110 |
-
: 'text-gray-700 hover:text-purple-600'
|
| 111 |
-
}`}
|
| 112 |
-
>
|
| 113 |
-
{filter}
|
| 114 |
-
</button>
|
| 115 |
-
))}
|
| 116 |
-
</div>
|
| 117 |
-
</div>
|
| 118 |
</div>
|
| 119 |
</div>
|
| 120 |
|
|
|
|
| 5 |
import { Menu, Mountain, Shield, Heart } from 'lucide-react'
|
| 6 |
|
| 7 |
export function UseCases() {
|
|
|
|
| 8 |
const navigate = useNavigate()
|
| 9 |
|
| 10 |
const useCases = [
|
|
|
|
| 34 |
}
|
| 35 |
]
|
| 36 |
|
|
|
|
|
|
|
| 37 |
return (
|
| 38 |
<div className="min-h-screen bg-gray-50">
|
| 39 |
{/* Navigation */}
|
|
|
|
| 90 |
<h1 className="text-4xl md:text-5xl font-bold text-black mb-6">
|
| 91 |
Use Case Examples
|
| 92 |
</h1>
|
| 93 |
+
<p className="text-xl text-purple-700 font-semibold max-w-2xl mx-auto mb-12">
|
| 94 |
Bringing intelligent computing to the edge of connectivity
|
| 95 |
</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 96 |
</div>
|
| 97 |
</div>
|
| 98 |
|