Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a web application that provides a beautiful and interactive Speed-Test experience. This application will utilize an existing `server.js` file while focusing on developing advanced HTML and CSS styles to enhance user interaction and visual appeal. The goal is to create a praised minimalist design that prioritizes user experience.

## CORE FEATURES
1. **Speed Test Functionality**: Users can initiate a speed test to measure their internet connection speed, displaying both upload and download speeds.
2. **Results Display**: A visually appealing results section that presents speed test results using graphs and statistics for easy comprehension.
3. **Interactive UI Elements**: Engaging buttons and animations that encourage users to start the test and view results.
4. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience on desktops, tablets, and mobile devices.
5. **User Feedback Section**: A space where users can provide feedback or suggestions about the speed test service.
6. **Contact Information**: A simple section for users to reach out for support or inquiries.

## 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 includes a hero section at the top with a call-to-action, followed by the speed test button, results display, user feedback section, and contact information. Each section should be clearly delineated with ample whitespace for clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (if needed for managing application state).

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary libraries for state management and routing.
3. **Create the Layout**: Implement the main layout structure using flexbox or grid to ensure responsiveness across devices.
4. **Develop the Speed Test Component**: Create a component that interfaces with the `server.js` file to initiate and retrieve speed test results.
5. **Implement Results Display**: Use charts or graphical representations to display results in a user-friendly manner.
6. **Add Interactivity**: Incorporate animations and user feedback mechanisms to enhance engagement when users interact with buttons and results.

## USER EXPERIENCE
Users will land on a clean and simple hero section with a prominent "Start Speed Test" button. Upon clicking, they will see a loading animation while the speed test runs. After completion, results will be displayed in an easy-to-read format with options to submit feedback. The overall experience will be smooth, with clear navigation and well-defined sections, ensuring users can easily access the information they need.

This prompt encapsulates all necessary elements to create a functional and visually appealing Speed-Test web application, aligning with the user's vision and specifications.