Sito web per la mia squadra di calcio SELLA FC (per reference quest'anno ha disputato campionato calcio a 7 msp pistoia e vari tornei collaterali,...
Generated Prompt
## APPLICATION OVERVIEW Create a modern and elegant landing page for SELLA FC, a football team competing in the calcio a 7 msp pistoia championship. The website will serve as an informational hub for fans, providing details about the team, players, history, and future engagements. The design will focus on a user-friendly experience while showcasing the team's identity and achievements. ## CORE FEATURES 1. **Hero Section**: A captivating introduction featuring the team logo, a brief welcome message, and a prominent call-to-action button linking to the latest news or player profiles. 2. **Players Section**: A dedicated area showcasing player profiles, including images, positions, and brief bios, allowing fans to connect with their favorite players. 3. **Club History**: A timeline or narrative feature detailing the club's journey, milestones, and achievements over the years. 4. **Palmares**: A section highlighting the team's trophies and awards, showcasing their competitive success. 5. **Future Plans**: An area outlining upcoming tournaments, new signings, and the club's vision for the future, keeping fans engaged with the team's trajectory. 6. **Bilingual Support**: An option for users to switch between English and Italian, enhancing accessibility for a broader audience. ## 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**: A single-page layout with a fixed navigation bar for easy access to each section, smooth scrolling effects, and a responsive design that adapts to various screen sizes. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not specified, as the landing page will not require complex state management. ## IMPLEMENTATION STEPS 1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript. 2. **Install dependencies**: Add Tailwind CSS and any necessary UI libraries (e.g., shadcn/ui). 3. **Create layout components**: Develop reusable components for the header, footer, and sections (hero, players, history, palmares, future plans). 4. **Implement routing**: Set up a smooth scroll navigation for the single-page layout. 5. **Add content**: Populate each section with relevant content, images, and player data. 6. **Style the components**: Use Tailwind CSS to style the components according to the specified design specifications. 7. **Add language toggle**: Implement a simple language toggle feature to switch between English and Italian. ## USER EXPERIENCE Users will experience a smooth, engaging interface with easy navigation through sections. The hero section will immediately draw attention, while the organized layout allows fans to quickly find information about players, club history, and upcoming events. The bilingual support ensures that both English and Italian-speaking users can fully engage with the content, enhancing the overall accessibility and reach of the website.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
