I'm Harith Divarathna

"color: #c678dd;">import React, { useState, useEffect } "color: #c678dd;">from 'react';
"color: #c678dd;">import { motion } "color: #c678dd;">from 'framer-motion';

"color: #c678dd;">function InsideGames022() {
  "color: #c678dd;">const [visible, setVisible] = useState(false);

  useEffect(() => {
    setVisible(true);
    
    // Keep animation visible longer
    "color: #c678dd;">const timer = setTimeout(() => {
      setVisible(false);
    }, 8000);
    
    "color: #c678dd;">return () => clearTimeout(timer);
  }, []);

  "color: #c678dd;">return (
    <motion.div
      className="inside-games-container"
      initial={{ opacity: 0 }}
      animate={{ opacity: visible ? 1 : 0 }}
      transition={{ duration: 0.5 }}
    >
      <motion.h1
        initial={{ y: 50, opacity: 0 }}
        animate={{ y: 0, opacity: 1 }}
        transition={{ delay: 0.3, duration: 0.8 }}
        className="welcome-text"
      >
        Inside Games 022
      </motion.h1>
      
      <motion.p
        initial={{ y: 30, opacity: 0 }}
        animate={{ y: 0, opacity: 1 }}
        transition={{ delay: 0.8, duration: 0.8 }}
        className="description-text"
      >
        Your Ultimate Gaming Destination
      </motion.p>
      
      <motion.div
        className="animated-underline"
        initial={{ width: 0 }}
        animate={{ width: '200px' }}
        transition={{ delay: 1.3, duration: 0.8 }}
      />
      
      <motion.div
        className="gaming-icons"
        initial={{ opacity: 0, scale: 0.8 }}
        animate={{ opacity: 1, scale: 1 }}
        transition={{ delay: 1.8, duration: 0.6 }}
      >
        <div className="icon-grid">
          <div className="game-icon">🎮</div>
          <div className="game-icon">🕹️</div>
          <div className="game-icon">🎯</div>
          <div className="game-icon">🏆</div>
        </div>
      </motion.div>
      
      <motion.button
        className="visit-website-btn"
        initial={{ y: 30, opacity: 0 }}
        animate={{ y: 0, opacity: 1 }}
        transition={{ delay: 2.3, duration: 0.6 }}
        whileHover={{ scale: 1.05 }}
        whileTap={{ scale: 0.95 }}
      >
        🌐 Visit Website
      </motion.button>
    </motion.div>
  );
}

"color: #c678dd;">export default InsideGames022;