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

Files changed (1) hide show
  1. frontend/src/pages/UseCases.tsx +1 -23
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-8">
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