Here's a comprehensive prompt you can use with AI website builders like Lovable, Bolt, v0, Replit AI, or Cursor.
Generated Prompt
```markdown # APPLICATION OVERVIEW Create a modern, premium landing page portfolio for **Craig Mudyiwa**, showcasing his diverse capabilities as an AI Operations Specialist, Virtual Assistant, and Data Automation Professional. The site aims to highlight Craig's versatility and expertise, establishing a strong online presence that appeals to potential clients and employers. # CORE FEATURES 1. **Hero Section**: A captivating introductory section featuring a large headline and subheading that describes Craig's expertise, along with clear CTA buttons to view the portfolio, download the resume, and get in touch. 2. **About Me**: A concise professional summary that outlines Craig's multifaceted experience across various roles and industries, emphasizing his problem-solving skills and adaptability. 3. **Professional Experience**: An organized showcase of Craig's capabilities categorized by areas of expertise, using animated cards to enhance engagement. 4. **Portfolio Projects**: Interactive project cards that detail specific projects, highlighting skills and technologies used, along with outcomes and impacts. 5. **Testimonials & Statistics**: A modern carousel for testimonials and animated counters to showcase key achievements and metrics, enhancing credibility. 6. **Contact Section**: A beautiful and user-friendly contact area that allows visitors to connect with Craig through email, LinkedIn, and a contact form. # 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 should have a single-page structure with smooth scrolling sections, including a prominent hero section at the top, followed by the about me, experience, projects, testimonials, and contact sections. # TECHNICAL REQUIREMENTS - Framework: React with TypeScript - Styling: Tailwind CSS - UI Components: shadcn/ui - State Management: Not needed for this static portfolio site # IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript using `Create React App`. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components. 3. **Create Components**: - HeroSection: Include headline, subheading, and CTA buttons. - AboutMe: Summarize Craig's professional background. - ExperienceSection: Use animated cards to categorize and present professional experiences. - ProjectsSection: Design interactive project cards with links to detailed descriptions. - TestimonialsSection: Create a carousel for client testimonials. - StatisticsSection: Implement animated counters for showcasing key metrics. - ContactSection: Build a user-friendly form and links for contact. 4. **Styling**: Apply Tailwind CSS classes to achieve the minimalist design with specified colors, typography, and rounded borders. 5. **Responsive Design**: Ensure the layout is responsive and looks great on mobile, tablet, and desktop devices. 6. **SEO Optimization**: Add relevant metadata and Open Graph tags for better search engine visibility. # USER EXPERIENCE The landing page should provide a seamless user experience with smooth scrolling transitions between sections. Visitors will be able to easily navigate through Craig's portfolio, understand his skills and experience, and reach out through the contact section with minimal friction. The design elements should maintain user engagement while emphasizing key information effectively. ```
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!
