Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Football Stadium Trnd" is a minimalist landing page designed to showcase trends and insights related to football stadiums. The page will serve as a marketing tool to attract fans, event organizers, and stakeholders interested in the latest developments and trends in football stadium architecture, technology, and design.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction featuring a striking headline, a subheadline, and a prominent call-to-action button that directs users to explore more about football stadium trends.
2. **Trends Showcase**: A section highlighting the latest trends in football stadiums, presented with engaging images, brief descriptions, and links to detailed articles or resources.
3. **Testimonials**: A carousel or grid displaying quotes from industry experts and fans, emphasizing the value and excitement of modern football stadiums.
4. **Call to Action**: A compelling section encouraging visitors to subscribe to a newsletter or follow on social media for the latest updates and information on football stadium trends.
5. **Contact Information**: A simple contact form allowing users to get in touch for inquiries or collaborations, ensuring easy communication.

## 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 layout will follow a single-page structure with a vertical scroll, featuring distinct sections for the hero, trends, testimonials, CTA, and contact information, ensuring a smooth user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create a layout structure**: Develop the main layout component that includes header, sections for hero, trends, testimonials, CTA, and footer.
4. **Design the Hero Section**: Implement the hero section with a background image, headline, subheadline, and CTA button styled with the primary color and typography.
5. **Develop the Trends Showcase**: Create a section that pulls in trend data (using static data for the landing page) and displays it in a visually appealing format.
6. **Add Testimonials Section**: Design a simple carousel or grid to showcase testimonials, ensuring it’s responsive and user-friendly.
7. **Implement CTA and Contact Form**: Create a call-to-action section with a clear message and a simple contact form with validation.
8. **Responsive Design**: Ensure all components are responsive and look good on various devices by utilizing Tailwind CSS utilities.

## USER EXPERIENCE
Visitors will be greeted with a clean and engaging hero section that immediately communicates the purpose of the site. As users scroll down, they will encounter visually distinct sections that provide relevant information about football stadium trends. The testimonials will build credibility, while the CTA will encourage engagement. The contact form will facilitate direct communication, enhancing user interaction and connection with the brand. The overall focus on simplicity and clarity will ensure an enjoyable browsing experience.