Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
PSV, Pètanque Sportverein is a minimalist landing page designed to provide essential information about the Pétanque sports club located in Bad Leonfelden. The primary purpose of this page is to present an overview of the club, its location, contact details, and features that enhance user engagement, such as route planning and sharing options.

## CORE FEATURES
1. **Hero Section**: A welcoming hero section that features the club's name, a brief description, and a prominent call-to-action (CTA) button for users to learn more or get directions.
2. **Information Overview**: A concise section providing essential details about the club, including opening hours and contact information (phone number and address).
3. **Route Planner**: Integration of a route planner feature that allows users to get directions to the club directly from the landing page.
4. **Nearby Facilities**: A section highlighting nearby amenities and facilities that enhance the user experience when visiting the club.
5. **Social Media Links**: Quick access to the club's social media profiles, including a link to their Facebook page for updates and community interaction.
6. **User Reviews**: An area for users to read and write reviews about their experiences with the club, fostering community engagement.

## 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 follow a single-column structure with a fixed header, followed by the hero section, information overview, features, user reviews, and a footer containing contact details and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but consider using React Context for global state if needed.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript. Install Tailwind CSS and configure it for styling.
2. **Create Layout**: Build the main page layout using functional components. Start with the header and hero section.
3. **Implement Hero Section**: Design the hero section with a background image and text overlay, including a CTA button.
4. **Add Information Overview**: Create a section for club information, including hours of operation and contact details.
5. **Integrate Route Planner**: Embed a Google Maps link or API for users to get directions to the club.
6. **Develop Nearby Facilities Section**: List nearby amenities with descriptions and links.
7. **Social Media Links**: Add icons and links to the club's social media profiles.
8. **User Reviews Section**: Implement a simple review functionality where users can read and submit their experiences.
9. **Styling**: Apply Tailwind CSS classes throughout the components to ensure consistency with the design specifications.
10. **Testing**: Test the application across different devices and browsers for responsiveness and usability.

## USER EXPERIENCE
The landing page should provide a seamless user experience, with easy navigation and quick access to essential information. Users will be greeted with a visually appealing hero section, followed by clear information about the club. The route planner will allow them to find directions effortlessly. Social media links will encourage community interaction, while user reviews will create a sense of belonging and feedback loop for continuous improvement. Overall, the design and functionality will foster engagement and make it easy for users to connect with the Pétanque Sportverein.