Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project involves revamping an existing multi-page website to create a professional and scalable static website. The focus will be on providing ample content across various sections while ensuring a clean, minimalist design that enhances the user experience.

## CORE FEATURES
1. **Homepage**: A welcoming landing page that introduces the brand, showcasing the main services and value propositions prominently.
2. **About Us**: A dedicated section detailing the company's history, mission, and team members to build trust and credibility.
3. **Services**: A comprehensive overview of all services offered, with detailed descriptions and benefits to help potential clients understand what they can expect.
4. **Portfolio/Case Studies**: Highlight successful projects or case studies to demonstrate expertise and attract potential clients.
5. **Blog/Resources**: A section for sharing articles, updates, and resources, which aids in SEO and positions the company as a thought leader in its industry.
6. **Contact Us**: A user-friendly contact form and information to facilitate easy communication with potential clients.

## 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 feature a header with navigation, a hero section, followed by content sections for each feature, 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**: Not necessary for a static site, but context or simple state management can be implemented if needed for forms.

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Folder Structure**: Organize the project into components, pages, and styles directories.
4. **Design the Layout**: Implement the main layout structure with a header, footer, and main content area.
5. **Develop Components**: Create reusable components such as buttons, cards, and forms with the specified border radius and styles.
6. **Build Pages**: Develop each page (Homepage, About Us, Services, Portfolio, Blog, Contact Us) using the created components and ensure responsiveness.
7. **SEO Optimization**: Implement best practices for SEO, including meta tags, alt text for images, and structured data.
8. **Testing**: Test the website across different devices and browsers to ensure a consistent experience.
9. **Deployment**: Prepare for deployment on a static hosting service like Vercel or Netlify.

## USER EXPERIENCE
The user experience will focus on intuitive navigation and a straightforward content layout. Key user interactions include easily accessing information through the navigation bar, filling out the contact form, and engaging with blog posts. A responsive design will ensure that users on mobile devices have an equally seamless experience as desktop users.

This comprehensive prompt will guide the creation of a fully functional minimalist light application that aligns with the user's vision for a revamped website.