🤖 Can AI Fix the Worst Website in 8 Minutes?

0:00 Catelyn, general contractor, we're 0:02 coming to the rescue. We are love coding 0:04 today and we're going to rebuild your 0:05 website using Lovable and we're going to 0:07 make it absolutely beautiful. So, the 0:10 only bummer is as much as my outfit is 0:12 perfect for the occasion, this just came 0:15 after I finished filming this damn 0:16 video. So, I wanted to get the intro 0:17 out. So, for the rest of going to see my 0:19 boring normal outfit. But, let's get 0:21 into the video. So, the first thing is 0:22 we need to find an ugly website. So, I 0:24 decided to go with contractors because I 0:27 feel like some contractors have ugly ass 0:29 sites. So, let's look for one here. As 0:32 soon as we see them, you'll you guys 0:33 will notice how bad they are. This is 0:34 pretty good. Let's check out this one. 0:37 Let's try that. Then we got this one. 0:39 This one doesn't even have a site. Let's 0:41 try this one. Oh my god. Jackpot. Look 0:43 at this. Catlin General Contracting. 0:45 This is a site straight up from 91. This 0:48 is the most basic. Oh my god. Look at 0:50 this, my friend. We're coming to the 0:52 rescue. Let's see the name. So, Caitlyn 0:54 General Contractor is a full-ervice 0:55 foundation crack, slab concrete company 0:58 in San Diego. We are going to hook them 1:00 up with a brand new look and sight and 1:02 we're going to use Lovable to do it. 1:04 It's going to be all done with no code. 1:05 If you guys are not familiar, I've done 1:07 a bunch of these in the past. We did 1:08 coastal roofing, we did Ocean Electric, 1:11 we did Clear Vision Plumbing, and now 1:13 we're going to do Caitlyn General 1:14 Contractors. So, here's the first thing. 1:16 We're just going to copy all this text. 1:18 That's step one. Then we're going to go 1:20 to lovable and we're going to say we're 1:22 going to paste that in there, all the 1:23 text. And then we're going to say this. 1:25 I want you to create a modern, super 1:28 slick, badass looking website for this 1:32 local business. Period. I want you to 1:34 add amazing navigation, one single page 1:38 website where you can scroll by clicking 1:40 the navigation. I want to add a 1:43 beautiful hero section. I want you to 1:45 add all of the sections that are 1:48 commonly used in a general contractor's 1:51 website. Period. I want you to add a 1:55 photo gallery. Put placeholder images 1:58 for now. Also want you to add a Google 2:00 map section with all the cities in San 2:03 Diego. Then I also want you to add a 2:05 contact form. Period. I want this 2:07 website to be super slick, modern. I 2:11 want you to use all the best and amazing 2:14 transitions, animations, filters, round 2:17 edges, shadows, rollovers, and anything 2:20 else to make this look like a 2:21 million-doll website. Period. I want you 2:24 to go way far and beyond what you would 2:26 do for a version one. I want a version 2:29 10. Do everything that you possibly can 2:32 for the site. We're off and running. 2:33 Here we go. So, if you guys haven't 2:35 watched my videos before, my name is 2:36 Marson AI. I am a no code AI dev and I 2:39 started this fun series a few weeks back 2:41 and we're on part four now. I just love 2:43 doing this. I just think it's such an 2:44 amazing thing to be able to help a local 2:46 business that isn't caught up with the 2:48 modern internet and just hook them up. 2:50 Absolutely hook them up for free. You 2:52 could probably do this as a business if 2:54 you want to, but I just love doing it. 2:55 It takes 30 minutes out of my day to 2:57 help somebody out, especially local. I 2:59 love supporting local businesses. So, 3:00 this is my way of doing it, giving back 3:02 and using AI to do this. So you guys 3:05 could also check out Lovable below. And 3:07 if you guys do check it out, buys me a 3:08 cup of coffee. I appreciate it. It keeps 3:10 the channel going and growing as we have 3:12 been doing. So let's see where this 3:14 thing is at. So as you can see, Lovable 3:16 now is off and running and creating the 3:19 first version of this website. If you 3:20 guys have never watched a no code tool, 3:24 this is definitely fascinating because 3:26 of what it can do. It can think on its 3:28 own and it's only getting even better 3:30 and it's accelerating at the rate of 3:32 quality. That's the big thing that's 3:34 happening now. So, let's see what it 3:35 comes up with for version one. All 3:37 right, V1. Here we go. Oh my god. No 3:41 way. This is sick. Catlin General 3:45 Contractors. Building stronger 3:47 foundation for San Diego. Over 40 years 3:49 of expertise. What we do. Look at this. 3:52 Wow. Look at all the services. Contact 3:55 us now. About us. Oh, look at that image 3:57 it picked. That's so sick. License 3:59 number. Our work. We got a gallery. Oh 4:02 my god. This is one freaking prompt and 4:06 I got one tiny little error that I just 4:07 hit fix. Service area. Here's the map 4:09 that we said. We got central, north 4:11 county, east county. So obviously we'll 4:13 connect the map. That's easy. And then 4:14 we got the contact form. This is 4:16 ridiculous. This might be the easiest, 4:19 fastest transformation yet. I don't even 4:22 know what to change. Holy smokes. This 4:25 is 4:27 unreal. All right. Well, Catelyn general 4:30 contractors, you got yourself a brand 4:32 new site using Lovable. So, next what I 4:35 want to do is I want to make a custom 4:36 URL. That's what I need to do. So, we're 4:38 going to click here. We're going to copy 4:40 the name. So, Catelyn general 4:42 contractor. Here we go. Let's do this. 4:44 So, Catelyn general. Let's just do 4:46 Catlin. Actually, that might be better. 4:48 We're going to go back here. I'm going 4:48 to show you guys. You go here and you go 4:50 to project settings. Then you come down 4:52 here. You say rename this project. We're 4:53 going to get rid of that and change it 4:54 to Catelyn. Rename project all 4:57 lowercase. You hit rename project. And 4:59 now we're going to have our custom 5:00 domain using lovable. Obviously, if I go 5:03 click a domain, I can add once I contact 5:05 him. So, right now it's 5:07 catlin.lovable.app. But once I contact 5:09 him, I'll be able to connect his domain 5:11 to this or he'll be able to host this on 5:12 his own site. Very easy. So, now we have 5:14 our domain and now we're going to go 5:16 publish and hit publish up here. This is 5:18 the one thing everybody asked. What 5:20 about publishing? It's so easy guys. 5:21 Just click the button. It does it for 5:23 you. Connect your custom domain if you 5:25 want to have a custom one and if not 5:27 download the project and then upload it 5:29 to your hosting. That's it. So here's 5:31 our domain. Look at this. 5:34 Catelyn.lovable.app on one prompt 5:36 lovable website. I am blown away by 5:40 this. Seriously, this is freaking crazy. 5:44 I do want to Let's get this map working 5:45 so we can do something more because it 5:47 is all 5:48 finished. Can you make sure that the map 5:50 shows up? Also, let me give you some 5:52 more actual information from Catelyn. 5:55 Period. Upload and update the info I 5:58 provide here. So, what I'm going to do 6:00 is I'm going to go back to the 6:02 site. Let's actually get all his info. 6:05 So, we already did the homepage. Let's 6:06 go to services. Let's copy that. So, 6:09 this way it's actually accurate. I feel 6:11 like that would be really, really nice. 6:13 We got that. And then we're also going 6:15 to go to his about us. We're going to 6:17 paste his business. So this way you have 6:20 all the actual info. So this is about 6:22 us. Let's paste that and hit. So this 6:25 will update now. And this would be the 6:26 process if I wanted to keep going. If he 6:28 sends me a bunch of pictures, things 6:30 like that, we'll be able to actually do 6:32 with all of the updated information. 6:34 Here's our website. It's 6:37 catlin.loable.app. You guys could check 6:38 it out below and check out Lovable 6:40 below. And if you do, buys me a cup of 6:42 coffee. I am super grateful for you 6:44 guys. And uh if you haven't joined our 6:46 no code AI army, we officially crossed 6:48 3,000 members, 3009 to be exact, we have 6:52 people in here from all over the world 6:54 building, creating using no code. We got 6:58 designers, we got developers, we got 7:00 marketing people. Everybody's in here 7:02 collaborating together, launching SAS 7:04 businesses. It's been absolutely amazing 7:06 with this community. I'm super grateful 7:08 to be helping you guys get started. And 7:10 that's what I always say, get tinkering 7:13 because you're going to get left behind 7:15 because if you don't do it now, somebody 7:17 else will do it and then they're going 7:18 to probably go after your job next. So 7:20 if you are working and you're in some 7:23 space that's going to get gobbled up by 7:24 AI, it's it's coming faster than you 7:26 think. So we have a website here. It is 7:29 pretty much completed. Next thing is 7:32 contacting Catelyn, giving them the 7:33 website. I'm going to try it now and see 7:35 if they pick up, but if they don't, 7:36 we're going to do a followup in the next 7:38 video. You guys could check out the lo 7:40 link below for Catelyn and you could see 7:41 how amazing this website actually is and 7:44 what we were able to do with no code. I 7:46 saw it. It's three prompts to get it to 7:48 this stage. If I spend 10 minutes on it 7:50 or an hour, just imagine the results I 7:52 can get and adding a bunch of other 7:54 things to it. But right now, you saw 7:55 what we can do in just short amount of 7:57 time. Hit the links, check everything 7:59 below and love coding. I am out.