+
)}
diff --git a/apps/web/src/pages/ExecutiveShowcase.tsx b/apps/web/src/pages/ExecutiveShowcase.tsx
index 4e9f680..e52a4e5 100644
--- a/apps/web/src/pages/ExecutiveShowcase.tsx
+++ b/apps/web/src/pages/ExecutiveShowcase.tsx
@@ -38,13 +38,16 @@ import {
BatteryCharging,
Send,
Boxes,
- Maximize2
+ Maximize2,
+ Bookmark,
+ CheckCircle,
+ ArrowDown
} from 'lucide-react';
export const ExecutiveShowcase: React.FC = () => {
- const [activeTab, setActiveTab] = useState<'tactical' | 'strategy' | 'comparison' | 'roadmap' | 'future'>('tactical');
const [simMode, setSimMode] = useState<'radar' | 'isochrone' | 'ballistic' | 'terrain'>('radar');
const [simAngle, setSimAngle] = useState
(45);
+ const [activeSection, setActiveSection] = useState('overview');
useEffect(() => {
const interval = setInterval(() => {
@@ -53,25 +56,35 @@ export const ExecutiveShowcase: React.FC = () => {
return () => clearInterval(interval);
}, []);
- const appleFont = '-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Arabic", "SF Pro AR", "Tajawal", "Noto Sans Arabic", system-ui, sans-serif';
+ const scrollTo = (id: string) => {
+ setActiveSection(id);
+ const element = document.getElementById(id);
+ if (element) {
+ element.scrollIntoView({ behavior: 'smooth', block: 'start' });
+ }
+ };
return (
- {/* Apple Typography & Keyframes Animation Injection */}
+ {/* Global Apple Typography & Keyframes Animation Injection */}