I möchte eine Webseite für die Nationale Kontaktstelle Raumfahrt einreichten.
Generated Prompt
## APPLICATION OVERVIEW This project aims to create a landing page for the National Contact Point for Space (NKS), serving as an informative and engaging online presence about the opportunities from Horizon Europe for German space companies. The website will highlight the mission, objectives, and initiatives of the NKS, drawing inspiration from existing NKS websites and the EU initiative CASSINI. ## CORE FEATURES 1. **Hero Section**: A visually appealing introduction with a compelling headline, a brief description of the NKS, and a prominent call-to-action (CTA) button encouraging visitors to learn more or get involved. 2. **About Us**: A section detailing the purpose and mission of the National Contact Point for Space, including key objectives and initiatives. 3. **Key Initiatives**: Highlight several important projects or initiatives under the NKS, with brief descriptions and links for further exploration. 4. **Testimonials**: A section featuring quotes or endorsements from stakeholders or users, enhancing credibility and trust. 5. **Contact Information**: An accessible area providing contact details, including email, phone, and a simple contact form for inquiries. 6. **Resources**: A section where visitors can download relevant documents, reports, or links to further information about space initiatives. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design should prioritize clean lines, ample white space, and a simple layout to enhance readability and focus. - **Color Mode**: Light theme with dark text on light backgrounds to ensure optimal legibility and comfort for users. - **Layout**: A single-page layout featuring a vertical scroll with sections clearly defined. The hero section at the top, followed by About Us, Key Initiatives, Testimonials, Contact Information, and Resources sections in a logical flow. - **Typography**: Use a modern sans-serif font for headings and a readable serif or sans-serif font for body text. Maintain a clear hierarchy with larger font sizes for headings and smaller sizes for body text, ensuring sufficient contrast. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for utility-first styling to maintain a consistent design language. - **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic. - **State Management**: Not required for this landing page as it focuses on static content. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Create a new React project with TypeScript support using Create React App or Vite. 2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components. 3. **Create Components**: Develop individual components for each section (Hero, About Us, Key Initiatives, Testimonials, Contact, Resources) to maintain modularity. 4. **Implement Layout**: Structure the landing page using a single-column layout, ensuring sections are visually distinct yet cohesive. 5. **Style Components**: Apply Tailwind CSS classes to each component, focusing on a minimalist design that prioritizes whitespace and typography. 6. **Add Interactivity**: Implement a simple contact form with basic validation, using React state to manage form inputs. ## USER EXPERIENCE Key user interactions will include smooth scrolling between sections, a responsive design that adapts to various screen sizes, and an intuitive contact form that allows for easy inquiries. Users will be able to quickly access information about the NKS and its initiatives, enhancing engagement and encouraging participation in space-related projects.
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!
