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 */}
{/* Title */}

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 */}
{/* Achievements Section */}

Powering Innovation Worldwide

Our impact across the digital landscape

{achievements.map((achievement, index) => (
{achievement.metric}

{achievement.label}

))}
{/* Technology Showcase */}

Next-Generation Technology Stack

Built on cutting-edge frameworks and powered by advanced algorithms

{/* Interactive Technology Grid */}
{[ { name: "Quantum AI", status: "Active", color: "from-purple-500 to-blue-600", }, { name: "Neural Networks", status: "Optimizing", color: "from-blue-500 to-green-600", }, { name: "Blockchain Core", status: "Secure", color: "from-green-500 to-yellow-600", }, { name: "Cloud Matrix", status: "Scaling", color: "from-yellow-500 to-red-600", }, { name: "Data Fusion", status: "Processing", color: "from-red-500 to-purple-600", }, { name: "Edge Computing", status: "Deployed", color: "from-purple-500 to-pink-600", }, ].map((tech, index) => (

{tech.name}

{tech.status}

))}
{/* Call to Action */}

Ready to Build the Future?

); }