Can you really build a great website with AI?
Unequivocally. 💯 Absolutely!
You can even do it for free with good token management. There are many different sites to do this with (for free), but today, let's cover Manus AI. I built this simple landing page today, with free tokens and one prompt: https://zelray.github.io/cocoa-beach-landing/
But we can do so much better!
Garbage-In, Garbage-Out
When I took Accounting 101 about 32 years ago, I remember the professor saying "Garbage-In, Garbage-Out", regarding using bad numbers. This couldn't be more true when it comes to AI.
I built my entire MortgageGenius.pro site with AI, but it still took me about about 150 - 180 hours of human work. AI can do pretty much anything regarding coding- but if you don't know how to prompt, it will be lazy and do the bare minimum.
Try It Right Now
This is one of my favorite AI sites: https://manus.im/app
If you haven't used it yet, you are in for a treat. Here's everything you need, step-by-step.
* IMPORTANT: Manus gives you 1000 tokens for free, when you sign up. This exact prompt (pasted below) will cost you about 500 tokens. You can change the prompt and expand it, but you risk going over the free limit.
1. First, create a free account. This usually means logging in with Google.
2. Don't use the "Manus 1.6 Maximum" model. You will just burn through tokens and it might ask you to pay before it finishes. (Change it up at the top, left hand side). Change it to "Manus 1.6".
3. Click on the "+" button in the chat window, choose the paperclip, and upload your photo and your logo.
4. Edit the prompt below, to fit your circumstances. That's it!
The Prompt (Change The Details for Yourself)
This prompt is very short, because I wanted to make sure it would work with the free tokens model. I will create another post that shows a much longer, proper prompt.
--- Copy and Paste Everything Below Into Notepad, and then edit as needed ---
#Project Details:
*Role: Real Estate Agent in Cocoa Beach, Florida.
*Goal: Attract home buyers.
*Personalization:
-Incorporate the agent's logo at the top of the page.
-Include a professional headshot photo next to the 'About Me' section.
# Style: Use a modern, clean design.
Color Palette: Use a primary color of #004A7F (deep blue) and an accent color of #FDB813 (golden yellow).
Typography: Use the 'Poppins' font from Google Fonts.#Content:Headline: "Find Your Dream Home in Cocoa Beach"
*Subheading: "Your expert guide to paradise."*About Me: Add a short paragraph about being a dedicated local agent.
*Call-to-Action: A simple "Contact Me" button.
#Final Deliverable:
Build the page as a single index.html file with embedded CSS, referencing the uploaded images. Then, deploy it and provide the live preview link.#IMPORTANTIf the logo and headshot files are not provided, please ask me to upload them before you begin building.
---- END OF PROMPT -----
Comments(4)