Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is an e-commerce landing page called "Futway", focused on selling sports articles, particularly team jerseys, with a design inspired by major brands. The landing page will highlight various product categories, engaging visuals related to the World Cup, particularly the Brazilian national team, and include clear calls to action to drive sales.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section featuring a prominent image of the latest jerseys and a catchy tagline to attract visitors.
2. **Product Categories**: Clearly defined categories for different types of merchandise, such as jerseys, accessories, and equipment, allowing users to easily navigate the offerings.
3. **Featured Products**: A section displaying best-selling or new products to encourage purchases, with attractive images and pricing information.
4. **Testimonials**: Customer reviews and testimonials to build trust and credibility, showcasing satisfied customers and their experiences.
5. **Call to Action (CTA)**: Strategically placed CTAs throughout the page to encourage users to shop now or explore more products.
6. **Contact Information**: A simple contact form or section for inquiries, ensuring users can reach out for support or questions.

## 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 be structured with a top navigation bar, a large hero section, followed by product categories, featured products, testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but can utilize React's built-in state or a context API if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components such as Header, Hero, ProductCard, CategorySection, Testimonial, and Footer.
3. **Design Layout**: Structure the layout using Tailwind CSS for a responsive design, ensuring the minimalist aesthetic is maintained.
4. **Add Navigation**: Implement the navigation bar with links to different sections of the site.
5. **Populate Content**: Add static content for the hero section, product categories, featured products, and testimonials.
6. **Implement CTA**: Add buttons with the primary color and ensure they stand out for effective calls to action.
7. **Test Responsiveness**: Ensure the design is mobile-friendly and all elements are properly aligned and functional on different screen sizes.

## USER EXPERIENCE
Users will interact with a clean and visually appealing landing page that guides them through the different product offerings with ease. The hero section will immediately capture their attention, while the product categories will facilitate quick navigation. Clear CTAs will encourage users to make purchases, and the testimonials will help build trust. The contact section provides assurance that support is available, enhancing the overall user experience.