import { useState, useEffect } from "react"; import Layout from "@/components/Layout"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import LoadingScreen from "@/components/LoadingScreen"; import { SkeletonStats, SkeletonUserPath } from "@/components/Skeleton"; import { Link } from "react-router-dom"; import { GamepadIcon, BriefcaseIcon, UsersIcon, ShoppingCartIcon, ArrowRight, CheckCircle, Sparkles, Zap, Target, Users, TrendingUp } from "lucide-react"; export default function Index() { const [isLoading, setIsLoading] = useState(true); const [activeSection, setActiveSection] = useState(0); useEffect(() => { const timer = setTimeout(() => { setIsLoading(false); }, 1200); return () => clearTimeout(timer); }, []); useEffect(() => { const interval = setInterval(() => { setActiveSection(prev => (prev + 1) % 4); }, 4000); return () => clearInterval(interval); }, []); const features = [ { title: "Neural Networks", description: "Advanced AI-powered development tools", icon: Zap, color: "from-blue-500 to-purple-600" }, { title: "Quantum Computing", description: "Next-generation processing capabilities", icon: Target, color: "from-purple-500 to-pink-600" }, { title: "Blockchain Integration", description: "Secure, decentralized solutions", icon: Users, color: "from-green-500 to-blue-600" }, { title: "Cloud Infrastructure", description: "Scalable, global deployment systems", icon: TrendingUp, color: "from-orange-500 to-red-600" } ]; const achievements = [ { metric: "10K+", label: "Active Developers" }, { metric: "500+", label: "Projects Deployed" }, { metric: "99.99%", label: "System Uptime" }, { metric: "24/7", label: "Global Support" } ]; if (isLoading) { return ; } return ( {/* Hero Section - Geometric Design */}
{/* Geometric Background Pattern */}
{/* Large Logo-inspired Geometric Shape */}
Background
{/* Floating Geometric Elements */} {[...Array(20)].map((_, i) => (
))}
{/* Main Content */}
{/* Logo and Title */}
AeThex Logo

AeThex

Crafting Digital Realities

Where innovation meets execution. We build the future through advanced technology, creative solutions, and limitless possibilities.

{/* Interactive Features Grid */}
{features.map((feature, index) => { const Icon = feature.icon; const isActive = activeSection === index; return ( setActiveSection(index)} >

{feature.title}

{feature.description}

); })}
{/* Action Buttons */}
{/* Stats Section */}
{!statsVisible ? ( ) : (
{stats.map((stat, index) => { const Icon = stat.icon; return (
{stat.value}

{stat.label}

); })}
)}
{/* User Paths Section */}

Choose Your Path

Whether you're a developer, client, community member, or customer, we have a tailored experience designed just for you.

{!pathsVisible ? ( ) : (
{userPaths.map((path, index) => { const Icon = path.icon; return (
{path.title} {path.description}
{path.features.map((feature, featureIndex) => (
{feature}
))}
); })}
)}
{/* Research & Labs Section */}
{/* Background Matrix Effect */}
{[...Array(30)].map((_, i) => (
{Math.random().toString(36).substring(2, 8)}
))}
Research & Experimental Division

AeThex | L.A.B.S.

Pushing the boundaries of technology through cutting-edge research and breakthrough discoveries that shape the future.

{/* CTA Section */}
{/* Animated Background Particles */}
{[...Array(20)].map((_, i) => (
))}

Ready to Start Your Journey?

Join thousands of developers, clients, and innovators who are already part of the AeThex ecosystem. Your future in technology starts here.

); }