Skip to main content

Lovable Skool and Docs Update Prompt

Use this prompt in Lovable to align the visual demo with the GitHub implementation:

Update the Zeza.co.za demo website with the following:

1. Add a Community section to the homepage.

Community section copy:
A supportive place to learn, ask, build, and celebrate.
The Digital Skills Membership Community is designed for ongoing training, live Q&A sessions, AI tutorials, digital marketing workshops, downloadable resources, networking, and accountability.

2. Add the YouTube training preview video.

Use this YouTube embed URL:
https://www.youtube.com/embed/v95Y2jijYNs?si=I1k07sYvugg7tDgK

Display it as a responsive 16:9 video card titled:
Featured training preview

Use this iframe behaviour:
- lazy loading
- allowfullscreen
- strict-origin-when-cross-origin referrer policy
- no fixed 560px width on mobile

3. Add the Skool group CTA.

URL:
https://www.skool.com/dreamworx-life-3717/about

Button text:
JOIN GROUP

The button must be full-width on mobile, styled as a primary Zeza button, and open the Skool link in a new tab.

4. Add the Mux player video embed using this playback ID:
JNC7COHeYaCv2unnV01dB2GQ5YU00d02WCWZYNfdJCXlLQ

Display it as a responsive 16:9 video card titled:
Community intro video

5. Preserve the waitlist form under the community CTA.
Fields:
- Name
- Email
Button:
Join the waiting list

6. Add a `/docs/` landing page.

The docs page must use a Docusaurus-style experience and navigate through all markdown files in the GitHub docs folder, grouped by:
- Resource Assets
- Products and Courses
- Tools and Platforms
- Articles and Education
- Community and Skool
- Lead Magnet Operations
- Launch and Automation
- Implementation and QA

7. Add a Docs link to the main navigation and footer.

Keep the site mobile-first, accessible, clean, and aligned with Zeza.co.za’s no-hype beginner-friendly positioning.