From a4f0eb57bf34c772bd3ab14ee3b9d0beb7764c8c Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Tue, 5 Aug 2025 22:55:54 +0000
Subject: [PATCH] Enhance homepage with animations and hover effects

cgen-0b6f0eac92124db5896fd48b03066c2f
---
 client/pages/Index.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/client/pages/Index.tsx b/client/pages/Index.tsx
index 201d9b5d..c8ce21d0 100644
--- a/client/pages/Index.tsx
+++ b/client/pages/Index.tsx
@@ -1,7 +1,10 @@
+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,