import React from 'react'; import { Link } from 'react-router-dom'; import { createPageUrl } from '@/utils'; import { motion } from 'framer-motion'; import { Brain, Eye, Smile, Activity, Sparkles, Rocket, ChevronRight } from 'lucide-react'; import { Button } from '@/components/ui/button'; const FloatingIcon = ({ children, delay = 0, className = "" }) => ( {children} ); const TopicCard = ({ icon: Icon, title, description, color, delay, href }) => (

{title}

{description}

Start Learning
); export default function Home() { return (
{/* Animated Background */}
{/* Hero Section */}
{/* Floating Icons */}
Interactive Learning for Grades 5-8

Computer Vision Lab
for Students

Discover how computers see and understand the world! Learn about Object Detection, Pose Estimation, and Emotion Recognition.

{/* Topics Section */}

What You'll Learn

Three amazing AI technologies explained simply

{/* Stats Section */}
{[ { value: "3", label: "AI Topics" }, { value: "15+", label: "Slides" }, { value: "12", label: "Quiz Questions" }, { value: "∞", label: "Fun!" } ].map((stat, i) => (
{stat.value}
{stat.label}
))}
); }