Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails the creation of a landing page for an interstellar space logistics company that positions itself as a logistics provider, potentially in partnership with SpaceX. The primary focus is on moon logistics, aiming to attract significant funding of $100 million by showcasing the feasibility and services of space logistics.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a strong tagline about making space logistics possible, featuring a high-quality image or illustration of space logistics operations.
2. **Services Overview**: A section detailing the specific services offered, including transportation, cargo management, and mission planning for lunar logistics.
3. **About Us**: A narrative that explains the vision, mission, and purpose of the company, establishing credibility and expertise in the field.
4. **Funding Call-to-Action**: A prominent section encouraging investors to get in touch, highlighting the funding goal and the potential returns of investing in space logistics.
5. **Testimonials**: Quotes or endorsements from industry experts or partners to build trust and validate the business model.
6. **Contact Information**: A straightforward contact form for inquiries, along with social media links to enhance 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**: A single-page layout with sections stacked vertically, including a fixed navigation bar for easy access to different parts of the page.

## 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 Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and component development.
3. **Create Components**: Build individual components for the Hero Section, Services Overview, About Us, Funding CTA, Testimonials, and Contact Information.
4. **Implement Navigation**: Add a fixed navigation bar at the top of the page that smoothly scrolls to the respective sections when clicked.
5. **Design Layout**: Use Tailwind CSS to style the components according to the design specifications, ensuring a minimalist aesthetic.
6. **Test Responsiveness**: Ensure that all sections display correctly on various screen sizes, adjusting styles as necessary.

## USER EXPERIENCE
Users will experience a seamless flow starting from the hero section, capturing their attention with a bold statement. They can easily scroll through the services and about sections to understand the logistics offerings and vision. The funding call-to-action will be clearly visible, prompting potential investors to engage. The contact form will facilitate easy communication, ensuring that users can quickly reach out for inquiries or investment discussions. The minimalist design enhances clarity and focus, aiding user retention and interest.