Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
The project is a modern, professional, and warm website for the Rotterdam Fenerbahçeliler Derneği (RFBD), aimed primarily at providing information to Fenerbahçe supporters in Rotterdam and surrounding areas. The website will be fully bilingual, with Turkish as the default language, allowing users to explore activities, membership options, sponsorship opportunities, and contact information.

# CORE FEATURES
1. **Bilingual Support**: The website must feature a language toggle for Turkish and Dutch, ensuring seamless content transition between the two languages.
2. **Homepage with Hero Section**: An engaging homepage that succinctly introduces RFBD with a strong visual presence and clear calls to action for membership and exploration.
3. **Events Page**: A dedicated section showcasing upcoming events with details such as date, time, location, and descriptions available in both languages.
4. **Membership Information**: A prominent page that outlines membership benefits and guides users to an external application form.
5. **Sponsorship Opportunities**: A professional page detailing sponsorship packages, their benefits, and a clear call to action for potential sponsors.
6. **Contact Page**: A straightforward contact form and essential contact details, including social media links.

# 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 be structured into multiple sections: a hero section at the top, followed by features (about, events, membership), a community section, sponsorship details, and a footer with contact information and social media links.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux if needed for state management across language selections and user interactions.

# IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Main Components**: Build reusable components for the header, footer, buttons, and sections to maintain a clean design.
3. **Implement Bilingual Functionality**: Set up a context provider for managing language states and translations for all text elements.
4. **Design the Homepage**: Create a hero section with a background image and overlay text, including buttons for joining and exploring RFBD.
5. **Build the Events Page**: Create a dynamic events section that retrieves and displays events based on a structured data model.
6. **Membership and Sponsorship Pages**: Develop separate pages that clearly outline membership benefits and sponsorship opportunities, ensuring calls to action are distinct.
7. **Contact Page**: Implement a contact form with validations and connections to social media.
8. **Responsive Design**: Ensure the entire site is mobile-responsive, utilizing Tailwind's utility classes for layout adjustments.
9. **Testing and Optimization**: Perform user testing for language switching, content display, and general usability; optimize load times with image compression and code splitting.

# USER EXPERIENCE
Users will first encounter a visually appealing homepage that introduces RFBD and offers quick access to membership and sponsorship options. As they navigate, the bilingual feature will enhance accessibility, allowing Turkish-speaking users to feel at home while providing Dutch translations for local supporters. The overall user journey should be intuitive, guiding visitors from discovery to engagement with the community.