METABOLIC PRIME SYSTEMS LLC is a health and wellness coaching business that helps men over 35 improve their health, energy, and lifestyle through...
Generated Prompt
## APPLICATION OVERVIEW The project is a professional business website for METABOLIC PRIME SYSTEMS LLC, focused on providing health and wellness coaching for men over 35. The website is designed to establish trust, credibility, and compliance, featuring essential informational pages without direct sales elements. It aims to educate visitors on the coaching philosophy and the company's mission while highlighting the expertise of the coach, Danielle Wright. ## CORE FEATURES 1. **Home Page**: A professional hero section introducing the business alongside an overview of the coaching approach and a personal introduction to Danielle Wright. 2. **About Page**: Detailed information about the company's mission, coaching philosophy, target audience, and background on Danielle Wright, reinforcing credibility and trust. 3. **Privacy Policy Page**: Clear information on data collection and usage practices, SMS compliance language, and contact information to ensure transparency. 4. **Terms & Conditions Page**: Comprehensive details on website usage terms, SMS messaging terms, legal disclaimers, and contact information. 5. **Mobile Responsiveness**: The entire website will be designed to be fully responsive, ensuring accessibility across various devices. 6. **Easy Navigation**: A streamlined navigation menu to enhance user experience, allowing visitors to access information quickly and efficiently. ## 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 clean structure with a prominent hero section at the top, followed by well-organized content sections for each page, maintaining a consistent header and footer across all pages. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not necessary for a static content site ## IMPLEMENTATION STEPS 1. **Set up the React Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Configure Tailwind CSS**: Set up Tailwind in the project and customize the theme to align with the specified design requirements. 3. **Create Page Components**: Develop components for the Home, About, Privacy Policy, and Terms & Conditions pages. 4. **Implement Navigation**: Create a responsive navigation bar that links to each page and includes a mobile-friendly toggle feature. 5. **Design the Hero Section**: Design the hero section with a professional image and introductory text, ensuring it aligns with the minimalist aesthetic. 6. **Content Development**: Populate the pages with the provided content, ensuring clarity and easy readability. 7. **Accessibility Checks**: Conduct accessibility testing to ensure compliance with standards and enhance user experience. 8. **Deploy the Website**: Use a platform like Vercel or Netlify to deploy the website for public access. ## USER EXPERIENCE Visitors to the website will experience a straightforward and informative journey. The navigation menu will allow easy access to all pages, while the clean layout ensures that content is digestible. Users will quickly understand the coaching services offered, the philosophy behind them, and the credentials of Danielle Wright. The absence of exaggerated claims and aggressive sales language fosters a trustworthy environment, making it easy for the target audience to engage with the information presented.
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!
