Modern Creator
Christian Peverelli - WeAreNoCode · YouTube

How To Build an $80,000 One-Page Website With AI

A 16-minute step-by-step breakdown of the ChatGPT + Lovable workflow that built a bootcamp landing page generating six figures in three weeks.

Posted
11 months ago
Duration
Format
Tutorial
educational
Views
193.2K
6.3K likes
Big Idea

The argument in one line.

Landing pages — not websites — are the actual engine of online selling, and an AI-assisted three-tool workflow (ChatGPT for copy, Lovable for build, Clarity for optimization) can compress what once took weeks of work into a single afternoon.

Who This Is For

Read if. Skip if.

READ IF YOU ARE…
  • You have a product, service, or bootcamp offer and no dedicated landing page driving conversions.
  • You have been building or tweaking a general website instead of a focused single-action page.
  • You can write a sentence about your customer but have never translated that into structured direct-response copy.
  • You want to launch fast without hiring a developer or designer.
SKIP IF…
  • You already have a high-converting landing page and an established split-testing workflow.
  • You need multi-page web application functionality beyond a single conversion page.
TL;DR

The full version, fast.

Most online selling happens through landing pages, not websites, because a landing page has exactly one goal: get the visitor to take one action. The video teaches a three-key strategy (define a precise buyer persona, name the specific pain, articulate a unique selling proposition) and then runs the full build live: use ChatGPT to write direct-response copy and generate a Lovable prompt, let Lovable produce the page in 90 seconds, publish to a subdomain, wire up a form builder behind the CTA, and install Microsoft Clarity to track heatmaps and session recordings for ongoing optimization.

Members feature

Chat with this breakdown.

Modern Creator members can chat with any breakdown — ask for the hook, quote a framework, find the exact transcript moment. Unlocks at T2: refer 3 friends + add your own API key.

Create a free account →
Chapters

Where the time goes.

00:0000:50

01 · Hook and proof

Revenue claim with evidence and tutorial promise.

00:5002:20

02 · Landing pages vs. websites

Why landing pages are the actual selling tool; the four-step visitor journey.

02:2003:49

03 · Three strategic keys

Buyer persona, pain point, and USP as the foundation of any converting page. Whiteboard Venn diagram.

03:4903:59

04 · Comedic prep routine

Satirical montage of cold plunge, Alex Hormozi book, carnivore diet before building.

03:5904:53

05 · ChatGPT: generate the buyer persona

Live ChatGPT prompt to produce a full persona with demographics, pain points, objections, and buying signals.

04:5305:31

06 · ChatGPT: write the landing page structure

Direct-response copywriting prompt; copy is primary, design secondary.

05:3108:02

07 · Section-by-section walkthrough

Hero, problem, solution, how it works, testimonials, pricing, FAQ, final CTA — theory and structure explained.

08:0209:26

08 · Lovable: build the page

Convert ChatGPT structure into a Lovable prompt; page generated in ~90 seconds.

09:2611:22

09 · Editing and publishing

Manual edits (price, copy), save discipline, publish to subdomain, connect custom domain.

11:2212:18

10 · Form builder integration

Connecting Fillout or Tally behind CTA buttons for lead capture.

12:1815:55

11 · Microsoft Clarity: track and optimize

Free heatmaps and session recordings to find drop-off points, rage-clicks, and CTA optimization opportunities.

Atomic Insights

Lines worth screenshotting.

  • Most online selling happens through landing pages, not websites — websites are brand; landing pages are revenue.
  • A great landing page does four things in sequence: stop the visitor, get them to engage, convince them, then drive one action.
  • If your landing page targets everyone, no one feels addressed — build one page per buyer persona, not one page for all.
  • Copywriting is the primary variable on any landing page; design is secondary and should never be optimized before copy.
  • The hero section is the only section 100% of visitors see — a weak headline makes every other section irrelevant.
  • The problem section's job is not to explain your product — it is to make the reader feel understood before you pitch anything.
  • FAQ sections are your silent salesperson: they handle objections at 2 a.m. when you cannot be in the room.
  • Microsoft Clarity is free and shows you exactly where visitors rage-click, drop off, and fail to find your CTA.
  • Lovable can generate a glassmorphic, fully structured landing page from a single ChatGPT-written prompt in under two minutes.
  • The two metrics that matter early are visitors who land and visitors who take the action — everything else is noise until those are measured.
Takeaway

Copy is the conversion variable, not design.

WHAT TO LEARN

A landing page lives or dies by its headline and copy — the design is a container for words, and no amount of visual polish compensates for messaging that misses the buyer.

  • Define your buyer with enough specificity that a stranger reading the page would either strongly identify with it or immediately opt out — vague targeting is why most landing pages underperform.
  • The hero section is the only real estate every visitor sees; a weak headline makes the rest of the page irrelevant regardless of how strong the offer is.
  • Prompt an LLM to write as a direct-response marketer, not a general copywriter — the output framing changes significantly and produces more persuasive copy.
  • The problem section's function is empathy before pitch: make the reader feel understood first, then introduce the solution.
  • FAQ sections handle the objections you cannot address in person — a well-built FAQ is more valuable than most testimonial sections on a cold-traffic page.
  • Behavior analytics (heatmaps, session recordings, rage-click data) reveal the gap between what you intended visitors to do and what they actually do — run them before any redesign.
  • Two metrics matter in the first weeks of a live landing page: unique visitors and action rate. Every other metric is a distraction until those two are stable and measured.
Glossary

Terms worth knowing.

Landing page
A single web page designed around one conversion goal — a purchase, application, sign-up, or booking — as opposed to a general website that serves multiple purposes.
Direct response marketing
A copywriting and marketing discipline focused on prompting an immediate, measurable action from the reader, using emotional triggers, proof, and specific calls to action rather than general brand building.
Buyer persona
A detailed profile of the single ideal customer a page is written for, covering demographics, goals, pain points, objections, and buying triggers.
USP (Unique Selling Proposition)
The specific, differentiated claim that explains why your offer is different from every other solution available — the core reason a buyer should choose you.
Lovable
An AI coding platform that generates full websites and web applications from plain-English prompts, with no coding required.
Microsoft Clarity
A free analytics tool from Microsoft that records user sessions and generates heatmaps showing where visitors click, scroll, and rage-click on your page.
Hero section
The topmost section of a landing page — always visible on load — containing the primary headline, subtitle, and call-to-action button.
Rage click
A user behavior where someone clicks the same element repeatedly in frustration, typically because they expected it to be interactive but it is not.
Resources Mentioned

Things they pointed at.

03:59toolChatGPT
08:02toolLovable
12:00toolFillout
12:02toolTally
03:49bookAlex Hormozi (satirical reference)
Quotables

Lines you could clip.

00:23
The difference between an okay and a great landing page can mean double the number of eyeballs and the number of conversions. That pretty much means you can double your business overnight.
bold, quantified claim with a memorable payoffTikTok hook↗ Tweet quote
01:31
Most people think that websites are selling tools. They are not. Landing pages are.
clean counter-intuitive one-liner, no setup neededIG reel cold open↗ Tweet quote
04:57
Copywriting is probably the most important part of any given landing page. Design is definitely secondary.
contrarian to most design-first tutorials, punchynewsletter pull-quote↗ Tweet quote
05:46
The goal, my friends, is to sell the promise. The product is the place that gets us there.
tight aphorism, quotable standaloneIG reel cold open↗ Tweet quote
The Script

Word for word.

metaphoranalogystory
00:00This one page website made me $80,000 in three weeks, and here is the proof. So in this video, I wanna teach you exactly how you can build your own website just like this one that's going to convert like crazy and make any product launch a smashing success.
00:15These one page websites are called landing pages, and they are probably the most important skill to learn as an entrepreneur, full stop. Why?
00:24Well, because if someone doesn't read this one page website, they definitely will not be using your product. And so even if you build the best product in the world, if you don't have a great landing page, no one's going to buy. And the difference between an okay and a great landing page can mean double the number of eyeballs and the number of conversion.
00:42That pretty much means that you can double your business overnight if you know how to learn this skill. It literally is the ability to sell online. And if you master this skill, you can pretty much sell anything online.
00:54But because there's such a fundamental misunderstanding of what these are and what they are for, I wanted to start out with the basics. So what's a landing page and why is it different from a website? Well, first of all, you'd probably be surprised to know that most online selling actually doesn't happen from the website.
01:09It happens from one of these landing pages. You clicked on an ad, it brought you to a landing page, it brought you to a checkout, and you paid and bought something. Or you found out about an event, you landed on the landing page, you signed up for that event, you attended the event, and they had an offer which was also shown on a landing page that allowed you to click and buy the product at a discounted rate.
01:27Newsletter, landing page, sale. You see, most people think that websites are selling tools. They are not.
01:32Landing pages are. Because landing pages have one and one goal only, to get visitors to take an action. And so how do they do that?
01:41Well, there are four main steps. The first one is to stop you. That's right.
01:45To actually grab your attention. The next thing is to get you to engage with it, meaning you're actually reading what's on this landing page. The third one is to convince you, and the fourth one is to take one action.
01:58And if you've built your landing page right, you're only getting them to take one action. The action could be to buy or to add to cart or to book a call or to schedule a demo. The formula I'm about to teach you works for every single product, physical, digital, services, everything pretty much.
02:13And the reason why it's so important is that if it's done right, you're converting someone that's completely cold into a buyer ready lead. And no, you don't have to be a master manipulator. Let's jump into the process.
02:23You see, there are three key principles that if you get right, you will turn this random landing page into high converting sales machine. The first one is the buyer persona. So let's just call it buyer.
02:36This is gonna be the specific individual that we actually are tailoring this entire landing page around. And if you tell me there are more than one types of customers, great. Build one landing page for each one of those.
02:47Because if this landing page is targeting everyone, no one's gonna feel concerned and you will lose. The second key here is going to be the pain point. Right?
02:55So what is the pain that the customer is suffering from? We're gonna be using that within the actual landing page so that our messaging hits home and we can connect with this individual. And if there's not some kind of pain going on, it's probably gonna be quite difficult to convince that person to buy something.
03:11And the final point is the USP, unique selling proposition.
03:16So this is basically your offer. How is the service, the product, or whatever it is that you're selling different and unique from other solutions out there? And right here, my friends, if you target this area right here, you will be in a great place to create actual landing pages to get sales.
03:32Okay. Plenty of theory for one day. How do you actually build it now?
03:36Let me show you. And all I've gotta do to get prepared is to have a little coffee, work out for forty five minutes, take a cold plunge, read an Alex Ramosy book, rewatch all of Steve Jobs' best videos, and, of course, start my carnivore diet. A few moments later.
03:49Only two days have gone by and I'm now ready to start working. Let's go. The first thing I'll do is jump into an LLM and build the buyer persona.
03:57In my case, I'm gonna be using ChatGPT. I'll start with this. You are a marketing strategist and digital entrepreneur with ten years experience building landing pages.
04:04Please create a buyer persona for my landing page. My business runs AI coding boot camps for nontechnical entrepreneurs. We teach people how to build their app businesses with AI using platforms like Lovable, Supabase, Stripe, and also how to launch their apps and get first paying customers without any prior experience.
04:20And with a simple prompt like that, it's going to pump out a full buyer persona. Here gives me the aspiring AI powered entrepreneur, gives me a little overview of these individuals between 30 and 45.
04:32Excellent Location is mainly US, Canada, UK. Perfect. Mid career professionals.
04:38Excellent. And it describes a lot more about these individuals. But if I go a bit further down, it's gonna show the mindset, the goals, the aspirations, motivations, and importantly, the pain points, which is one of the big things that we talked about earlier.
04:49And best of all, it's also gonna have the objections and the triggers and buying signals. Thank you. Please build a landing page structure with all details.
04:57I would like you to write this landing page like a direct response marketer would. What does that actually mean? A direct response marketer is someone who knows how to copyright in a way that gets people to take action.
05:08This is a really, really important part of this landing page, making sure that this is written just like a direct response marketer would write it. Why? Well, because copywriting is probably the most important part of any given landing page.
05:22And, of course, we won't ignore the design, but design is definitely secondary to how well it is written. I'm also gonna add, please make sure to highlight the unique selling proposition.
05:33And now it's built out a structure. So let's talk about the structure of a landing page next. The first section is called the hero section and basically is the thing that a 100% of the people who land on your landing page are gonna get access to.
05:45Now if you mess up this part, my friends, no one will read anything else on your landing page. And the goal, my friends, is to sell the promise. The product is the place that gets us there.
05:55The promise is where you actually land. And the most important thing of any landing page is just the headline, that one phrase that you use to capture people's attention and to deliver that promise. Now the hero section will also have a subtitle and also a button, the call to action.
06:11And sometimes you'll even have a visual, sometimes you won't, and sometimes you'll have social proof if you're there yet. And if you're not, that's also totally fine. The next section, my friends, is the problem section.
06:21And it is the place where after we've promised them promise land, we bring them back into the frustrations they're currently having in their present. It's usually a way to empathize with the problem and to make them feel understood. It's also gonna remind them of the frustrations that they have.
06:35And this sets us up very nicely to be able to show that we actually have a solution which is gonna be the next step. Right? It's the solution to the problem.
06:42Essentially, the big benefit or the unique selling proposition that your offer has. Now the next question people usually have is, well, how does it actually work? And that's usually something we're gonna answer in the next section, which is gonna be how it works section.
06:53Now here you wanna break down the step by step process, whether it's a boot camp and you wanna show them what they're gonna get week by week, or if it's a product, you'll probably guide them through how it actually works as well. It's really to show them how you can get them from this frustrated point into the benefit or the outcome that you're promising in that very first hero section.
07:11And now that they understand it, they want proof that it actually works, which is why the next section is usually around testimonials, social proof. Now people sometimes get quite caught up with this section.
07:21They're like, I don't yet have customers. What should I do? That's completely okay.
07:24Not everyone's gonna have this. And sometimes you can use your past credentials on this page, and sometimes you just won't be able to, which is totally fine too. And I would definitely not lie in this section because that's just silly.
07:34And then there's usually a couple other sections such as who is this for, what you'll actually get, or what you'll walk away with, or what you'll learn in the case of a boot camp. And then finally, you're probably gonna have a pricing section with the offer that you have to deliver for them, followed by a hefty FAQ. Now let's quickly talk about that because it's very, very important.
07:51You see, you're not actually gonna be in the room to answer their questions about this product. So having a good section that talks about the frequently asked questions that they have and really handling those objections within the landing page is one of the most powerful things.
08:05And at the end, we'll have a final CTA call to action, basically a button. And on that note, you should only get people to try to do one thing on this landing page. If it's book a call, do that.
08:15If it's apply, do that. Just do one thing, please. Okay.
08:19So the next step is gonna be for me to jump inside of Lovable because we obviously wanna build out this landing page. So first of all, what's Lovable? It's an AI coding platform that allows you to simply write out a prompt, it's and gonna be able to build beautiful websites, but it can also build awesome apps, games, and other things.
08:35But first, I'm gonna hop back into ChatGPT, and I'm gonna tell it this. Please turn this full landing page structure into a complete starter prompt to build this landing page in lovable.dev. I would like the style to be glassmorphic and elegant, make it look tech forward.
08:50I'll go ahead and do that. And as you can see here, it is writing out the full prompt that I'm then going to feed inside of Lovable for it to build out this landing page. I'm gonna come to the top here and click on copy, then I'm gonna jump into Lovable.
09:06I'm just gonna put this right here, and we are going to say, let's go. And now my friends, we can just chill back and relax, and we're gonna have a first version of our landing page pumped out in a matter of seconds. And boom.
09:19That took about a minute and a half, and now I can go and check out what it's built as a first version. As you can see, it is very slick, and I think that this really represents what I'm trying to go for.
09:30So let's go ahead and scroll through. It has the problem, then it really has the full description of what you'll get through the boot camp, which is great.
09:39How it works. Excellent. Success stories.
09:43Excellent. And look at the really crisp style that we have here. Now at this point, I can basically come in and I can start adapting things that I'd like to change.
09:52So if I come back inside of here, I can go and do manual changes that will not use any credits. So this the first thing I would probably do is that. So for example here, let's say, uh, here for the price point, we actually have a different price point.
10:06So if I wanted to edit this price point, I just come in here and I can change what the text actually says here. This is actually $1,995 and that is for the standard package.
10:19And as you can see, we can make all types of changes. We even have an FAQ here that looks pretty slick as well. And once we're ready and we've kind of adapted some of these, you know, you could completely change entire sections here.
10:30So if you're like, you know what? I don't like the layout of this, or maybe some of these, you don't want them to be on cards, that's completely fine.
10:37Make sure to save every time that you make an adaptation because if not, it will not save and you will have wasted your time. But once you're happy with the design, look, and feel, and more importantly, the copywriting on this, we can go ahead and already launch this. It's pretty crazy.
10:51Up here at the top, you just click on publish and it will give you the option to just publish to a given account. So I could put publish right here and it will ultimately publish it to this domain. Meaning that now, I can copy this link, I can share it with anyone, and you can actually check out this landing page in real time.
11:09Really cool and very beautiful, uh, for the amount of time that it took, and this is really an awesome way for you to sell pretty much anything online. It's just creating really beautiful landing pages and and then providing an offer behind them.
11:24Now, of course, a lot of you wanna actually attach this to custom domain, so you could just come right down here. Again, publish custom domains, and you can choose to purchase the new domain right here, actually, directly through Lovable. Well, actually, a partner of Lovable, and that will make it very, very easy.
11:40If not, you could just connect an external domain. So if you have it on GoDaddy or if have it on Namecheap, you could easily bring in that at any time. Awesome.
11:47So now we've built it, and I probably wanna have a form behind this. So when people click on apply to next cohort, it would basically bring me to another page.
11:54So here, the easiest way is just to connect a form builder and to just be like, hey. Can you direct people towards this URL when they click on apply now?
12:02Right? So you could go inside of a form builder, something like fill out, and there are many others out there like Tally, build your form, and then just feed the form a link right here on the left hand side and have it added behind each one of these buttons so that it opens up a new tab and you can easily access that application.
12:19Now because you cannot manage what you can't measure and we want to continually improve this landing page, we wanna see what happens when people actually land on it. Where are they clicking? What are they doing?
12:29So how can we actually do that? Well, this my friends is a platform called Clarity and is probably the only Microsoft product that I love at the moment, but it basically allows you to understand exactly what your customers are doing when they come on your landing page. And why?
12:41So we can improve it over time and increase the conversion of this landing page. Right? Because remember, we're able to double the number of people who scroll through and click on your call to action.
12:50We can double your business. Now the setup here is relatively easy. You basically just create an account.
12:55It's completely free. And once you're inside, it's gonna ask you to add a link. Now when you log in to the platform, I already have an account here, but usually it's gonna guide you to actually set up your account.
13:06Now to do that, what we need is a little code snippet. You don't need to be a coder. Don't worry.
13:11You come here inside of setup, and it's basically going to say, hey. Grab this code snippet here, and you're basically gonna be able to install it inside your website. So get tracking code and click on this, install manually.
13:24You copy this, and now we can come inside of Lovable here and say, could you please add this code to the header of this landing page? And then I'm just going to dump the code, and we're gonna have it add it automatically to this landing page.
13:38As you can see, it's identified that this comes from Microsoft Clarity tracking script. And now it says it's been added. So we're finally gonna wanna come here and click on update, which is going to publish it again.
13:51And then when you come to your dashboard, you can see all of the information. You can specifically segment it by the landing page that you're looking to actually track. So this is the AI coding boot camp.
14:00I can click on that. And now I see that a 700 people landed on this page.
14:05More importantly, up here at the top, we can see the recordings. So here, you'll be able to see what individuals did when they came on your landing page. So let's check out one or two here.
14:15This person obviously checked it out on a mobile device, and they're kinda scrolling through. You can see where they click. You can see what they do.
14:21And it also tells you what country they're connecting from. This is from The US, but sometimes it can be from other countries as well.
14:28India, for example, is one of them here. Australia, Czech Republic.
14:33And so this gives you a good idea. But if you click on heat maps right here at the top, you can also see what people have done over time. So where are people actually clicking?
14:41I can see my number one click is apply here, which is great. That's exactly what I'm going for. I also see a lot of people are trying to click on and see more about We Are No Code, which probably means that, hey, I can optimize that.
14:53We can see what people are rage clicking. Some people think that this here is a button, which means that I could probably adapt that to change it to exactly what it is that I want it to actually be. People are clicking on the testimonial here, which is great.
15:07More people applying. I love it. So, basically, this is how you're gonna be able to track, understand what's happening on this landing page to improve it over time and increase conversion.
15:18And there are really two important metrics early on. How many people land on the page and how many people take the action that you want them to take. Anything stopping them from taking that action is something that you can improve on your landing page.
15:30And so the art of building highly performing landing pages is the ability to communicate your message in a succinct way, in a way that hits home with your customers. And now that you know how to build your own landing page, do it. But if you're not actually interested in building a landing page, you really wanna be building an app, then I highly recommend you check out this video I'm gonna teach you every step to do that leveraging the tools we've just looked at right now.
15:52And if you did, please subscribe. Let's go.
The Hook

The bait, then the rug-pull.

One page. Three weeks. Eighty thousand dollars. The host opens with the receipt before the lesson — a proof-before-promise structure that earns attention in the first breath and holds it for sixteen minutes of dense, actionable instruction.

Frameworks

Named ideas worth stealing.

01:47list

The Four-Step Landing Page Model

  1. Stop (grab attention)
  2. Engage (get them reading)
  3. Convince (build belief)
  4. One action (single CTA)

Every element of a landing page serves one of these four sequential goals — if a section doesn't advance the visitor to the next step, it shouldn't be there.

Steal forany landing page audit or copywriting brief
02:20model

Three Keys Framework

  1. Buyer Persona
  2. Pain Point
  3. USP

The intersection of knowing exactly who you're talking to, what frustrates them, and why your offer is uniquely positioned — the strategic foundation before any copy is written.

Steal forpre-build brief for any landing page or sales page
05:31list

Standard Landing Page Section Order

  1. Hero (headline + CTA)
  2. Problem (agitation)
  3. Solution (USP)
  4. How It Works
  5. Testimonials / Social Proof
  6. Who It's For
  7. Pricing
  8. FAQ (objection handling)
  9. Final CTA

A proven section sequence that mirrors the buyer's psychological journey from awareness through conviction to action.

Steal forany product, service, or info-product landing page
CTA Breakdown

How they asked for the click.

15:40next-video
If you're not actually interested in building a landing page and you really wanna be building an app, then I highly recommend you check out this video.

Soft pivot CTA — funnels viewers to a related tutorial rather than an external product offer. Subscribe ask appended.

Storyboard

Visual structure at a glance.

hook
hookhook00:00
framework
valueframework01:47
3 keys whiteboard
value3 keys whiteboard02:33
ChatGPT persona
demoChatGPT persona03:59
Lovable landing page
demoLovable landing page05:51
Clarity analytics
valueClarity analytics12:18
heatmap
proofheatmap15:09
CTA
ctaCTA15:50
Frame Gallery

Visual moments.

Watch next

More from this channel + related breakdowns.

18:20
Starter Story · Interview

Zero to $30K/Month App in 35 Days

A college student found a trending niche on TikTok, built an app in two weeks with Replit and Claude, and hit $50K in revenue before anyone knew what peptides were.

May 24th