Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application called "Starlight," designed to provide users with a curated selection of unblocked games. This interactive platform facilitates easy navigation through different game categories and a seamless user experience, while integrating an AI feature for enhanced engagement.

## CORE FEATURES
1. **Home Page**: Features the "starlight" logo with a star above the 'i', alongside a gently spinning star. The background will be black with white dots resembling stars in space.
2. **Games Section**: A collection of 90+ tested and functional games, ensuring that each game has its logo displayed. Users can click to play games without any embedded frames.
3. **Proxy Section**: A redirect button leading to the Doge proxy, with a disclaimer about its external ownership.
4. **AI Section**: Users can interact with "Starlight AI," designed to provide a smooth chat experience as a study buddy or gaming partner.
5. **Responsive Design**: The application is optimized for both desktop and mobile use, ensuring smooth scrolling and functioning across devices.
6. **Copyright Footer**: The footer will include "starlight ©️ 2026" with the copyright symbol in white.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout will consist of a vertical navigation menu for different sections (Home, Games, Proxy, AI) with a central content area displaying relevant information and interactive components.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React's built-in state management for simplicity.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Create a new React app with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Home Component: Implement the logo and spinning star with the specified styles.
   - Games Component: Fetch and display games, ensuring that each game is functional and visually represented with its logo.
   - Proxy Component: Include the redirect button and disclaimer.
   - AI Component: Integrate the AI chat functionality, ensuring a smooth experience.
4. **Implement Navigation**: Set up routing for seamless navigation between sections.
5. **Style the Application**: Use Tailwind CSS to apply the minimalist design principles, ensuring the layout matches the specifications.
6. **Testing**: Thoroughly test each game to ensure functionality and check responsiveness on various devices.
7. **Deploy**: Use a service like Vercel or GitHub Pages to deploy the application.

## USER EXPERIENCE
Users will enter the application and be greeted by the visually striking home page. They can easily navigate to the games section to explore a wide variety of unblocked games, ensuring that all games work correctly. The proxy section provides a straightforward way to access external resources, while the AI section offers an engaging chat experience. The overall design will ensure smooth scrolling and user interactions across all devices, creating a user-friendly environment for gaming.