Found the UGLIEST Site & Rebuilt It in 10 Minutes with AI!

0:00 David, we're coming to the rescue. We're 0:02 going to pick random Google websites 0:04 with crappy buildouts and then we're 0:07 going to redesign them using Lovable and 0:10 then we're going to contact the person, 0:12 the local business with a crappy website 0:15 and say, "Yo, we hooked you up because 0:17 we all about the love right here." All 0:18 right, so we're going to go on Google 0:19 Maps and we're going to find somebody to 0:22 build a site for. So, I did plumbers 0:24 last time. So, how about HVAC? I'm just 0:27 thinking of people that literally have 0:28 zero creativity and they just need help. 0:31 So, we're gonna go and click through and 0:34 find an HVAC site that looks like 0:37 absolute trash. So, people ask me, why 0:39 did I start this series? Because I just 0:41 want to hook people up. I'm all about 0:42 sharing the love. And now with these AI 0:44 tools, what's 30 minute for me to make a 0:47 fun video and help somebody out locally, 0:49 people that don't have websites, because 0:51 I need their information. I need their 0:52 pictures. Unfortunately, I need sites 0:55 that have content so then I can 0:57 obviously take it and then recreate it. 0:59 And I'm in the San Diego area, so I 1:01 figured why not love code and hook up 1:04 some people. That's pretty nice. You'll 1:06 see right away as soon as that site pops 1:08 up, we're all going to go. Got this one. 1:11 Ocean beak. Oh, jackpots guy. David 1:15 Johnson, we got you, my friend. We 1:18 absolutely got you right here. Look at 1:20 this trash. So, it's actually an 1:23 electrician. This is perfect. David, 1:26 we're coming to the rescue. The love 1:28 coding is here and we're going to use 1:31 Lovable and we're going to recreate this 1:33 crappy site. So, here we go. Okay, first 1:35 first is let's just go to Lovable and 1:39 say this. I want to recreate this 1:41 website. Period. It's an electrician in 1:44 San Diego area. Period. I want you to 1:46 use all the details on his website, 1:49 including his image. Period. But I want 1:52 you to add a bunch of services about us, 1:56 what we do, the areas we serve, anything 2:00 to do with electricians. This add a 2:02 bunch of icons, make it super modern, 2:04 make it super slick, make it look like a 2:06 $10,000 website. Add animations. Make 2:10 the whole page single page landing page. 2:13 And each navigation page scrolls down to 2:16 the different sections. Period. I want 2:18 you to add a map. I want you to add 2:20 footer, navigation, logo, and anything 2:23 else you need to make this site look 2:25 amazing. We're going to take his 2:27 picture. First thing we're going to do 2:29 is crop it because this is so 2:33 bad. We're going to make that better. 2:36 And then we have all the text. And now 2:38 we're going to go to lovable. And hold 2:40 on. I want to recreate this website. 2:42 website HTML, CSS, and JS. Period. Okay. 2:46 Okay, so those are basically those are 2:48 the languages that I want to use. JS. 2:50 Okay, so it's an electric. It's a Okay, 2:52 that's going to work. Let's just go 2:53 next. Here we go. And let love coding 2:57 begin, baby. So yeah, this one. I like 3:00 doing this late night. Oh man, this is 3:02 so good. David Johnson, we're going to 3:04 call you, bro, and we're going to hook 3:05 you up. I promise you're going to have 3:06 the sickest site. So he has some Yelp. 3:09 Let's see what reviews he has. Oh, he's 3:12 got amazing reviews. 5.020 reviews. Ah, 3:16 this so good. And so what we're going to 3:18 do is we're gonna actually tell Lovable 3:20 to use his reviews. This is fantastic. 3:24 And then also, let's pull up some info 3:26 from David's LinkedIn. So we're going to 3:28 give also his LinkedIn. So if you guys 3:30 haven't watched my channel, my name is 3:32 Mars AI. I'm a no code developer. I have 3:34 an incredible community of like 2600 who 3:36 are all builders, creators, designers. 3:39 We got no code people. We got full stack 3:42 people. We're building, creating, 3:44 launching different products. Somebody 3:46 just launched a full-blown SAS that got 3:48 featured on Product Hunt. Look at this 3:50 guy right here. Boom habits launched. 3:52 Got his first hundred users. We're all 3:54 collaborating. We're all creating and 3:56 having a great time. So, definitely 3:58 check out the links below. And of 3:59 course, if you want to try Lovable, I 4:01 got a link below and it buys me a cup of 4:03 coffee for my late night sessions and I 4:05 always appreciate that. But yeah, fun. 4:07 This is all about giving back because we 4:10 have the power now. We have the tools. 4:11 Now, there's no reason why I'm not I 4:14 can't take 30 minutes to an hour and 4:15 help somebody out locally. I'm going to 4:17 go and call this guy. We're going to 4:19 contact him, send him an email, and say, 4:20 "Yo, we got you a new website. Bang. 4:22 Let's do it." So, that's the idea. This 4:25 is part two. The first one I did, um, I 4:28 reached out to the guy. He hasn't 4:29 written me back yet. He's super busy 4:31 plumber, but we're going to get him back 4:33 soon, and I'll make a follow-up video 4:35 for that. We ready for version one? This 4:37 literally took about 2 minutes. Here we 4:39 go. V1 for what's this guy's name? Ocean 4:42 Beach Electric. David Johnson. Here is 4:45 your new website. This is literally the 4:47 first prompt. V1. I haven't done 4:49 anything. Let's see. It's so freaking 4:52 good. Look at this. This is nuts. 4:56 Powering your home with excellence. 4:58 Professional electrical service. Our 4:59 services. We got services, about us, 5:01 area, testimonial, contact. We got their 5:04 phone number. We got a little We got to 5:06 just fix the color on that. We even 5:08 created a logo. Our services, 5:11 professional electrical services. Look 5:13 at all these rollovers. Look how nice 5:15 this looks. We got schedule a call. San 5:17 Diego's most trusted electrical service 5:20 since 2005. Look at this image it 5:22 created. Servicing all of San Diego 5:25 County. What our clients say. We got 5:28 reviews. Wow, this is insane. This is 5:31 even better than the first one. Phone 5:33 number, email, address, hours. I mean, 5:35 site. I can literally sell the site for 5:37 a thousand dollars, if not 2,000. It's 5:40 incredible. Oh my god. I'm I'm boy. So, 5:44 David Johnson, you got yourself a new 5:46 site. I don't even need to do anything 5:47 else, but I'm going to show you just 5:49 because it's lovable what you can do. 5:51 So, I went in and downloaded a bunch of 5:53 images from his review site. Here's some 5:56 some images. I'm going to drag those in 5:58 there and I'm going to say make an image 6:00 gallery and add these images. Also, I 6:03 want you to go on his Yelp and pull all 6:07 the reviews and put them on the website. 6:10 Here's his Yelp. Are you watching the 6:12 magic? Okay, we're doing this for fun. 6:14 We're doing this for free to help David 6:17 out. But imagine what you could do for 6:20 your business, for running an agency or 6:23 whatever the hell you do. It's amazing. 6:26 The no code stuff is the best. I love 6:28 Lovable for landing pages. I think it 6:30 does an amazing job with websites and 6:33 how quickly it does it. I mean, 6:34 literally one prompt. I gave it some 6:36 information. Now, we're adding some 6:38 images and we're going to have a 6:39 completed site here very shortly. I 6:41 think it's going to be a short video 6:42 today, but it's an absolute banger. So, 6:44 I'm going to put David's stuff below. 6:46 Shoot him a message, call him, email 6:49 him, and let him know that his website 6:50 is done. And I'm going to publish it, 6:52 too, also, don't forget. And then he's 6:54 going to be able to just put it on his 6:55 server, and he's going to have a 6:56 full-blown website. Crazy. And if you 6:59 guys have a website that we should redo, 7:01 let me know in the comments section. And 7:03 of course, save this video so you guys 7:06 can watch it later. All right, drum 7:08 roll, please. Second prompt. I swear to 7:10 God. Look, initial prompt. And then I 7:14 said, add these images and add the 7:17 reviews. Two prompt, lovable website. No 7:20 joke. Let's hit preview and let's be 7:22 blown away together cuz I am blown away. 7:25 I don't care how many projects I've done 7:27 and how complex, I'm still blown away. 7:30 So, we added all of the images. Look at 7:33 this project gallery. Look at that. 7:35 Bang. And then here is our reviews 7:40 directly from his Yelp. Getting crazy 7:44 out here. Yeah. And of course, people 7:47 are going to say, "Go sell this website. 7:48 Why why aren't you selling this?" 7:51 Because we don't need to. We want to 7:52 hook them up. Okay. Okay, so I need to 7:54 just fix this one thing. Okay, because I 7:56 don't like it. This is pissing me off 7:58 right here. So, I'll do a third prompt 8:00 and I'm going to show you how to 8:01 actually fix. So, we're going to just 8:03 take that image and then we're going to 8:04 say make this font more contrast. I put 8:08 fun instead of font, but you get the 8:10 point. So, I think that's going to wrap 8:12 up this video. I'm going to put um the 8:14 link below and um show you guys how this 8:17 is done. So, it's going to finish the 8:18 hero component and then I'm going to 8:20 publish this in two seconds and then I'm 8:22 going to include that image, the link 8:24 actually to the website below and then 8:26 you guys can take a look at it yourself. 8:28 So, here we go. It's updating the hero 8:30 section because it made the font white 8:33 on white. And let's take a look at it 8:35 now. Look how beautiful that is. Ready 8:38 to serve you. Schedule a consultation. 8:41 It's got a little animation to it. Man, 8:43 this is stunning. Stunning. And I 8:45 actually do like how it actually changed 8:46 now. Look, it made this a lot nicer. 8:49 This map project gallery. We have a 8:51 completed site. We just built this site 8:54 with Lovable Love Coding and uh we're 8:56 going to send this to our boy right 8:58 here, David Johnson, who's got probably 9:01 the worst site I've seen in 25 years. 9:03 And we're going to hook him up and we're 9:04 going to make him modern and we're going 9:06 to do it for free and we're going to 9:07 make it badass. So, David, look out for 9:11 our email. Make sure you pick up our 9:12 phone and we're going to hook you up. 9:14 And I'll link the link below for you 9:15 guys. And uh hope you enjoyed that. 9:18 Marsonai, no code dev. Join the 9:20 community. Hit the links below. Check 9:22 out Lovable if you want. Buy me a cup of 9:24 coffee. Oh, one last thing. How to 9:25 publish this. Everybody's like, "Oh, you 9:27 need to publish. How do you publish? I 9:28 need that." Anyways, you click on 9:30 publish and that's it. And if you have a 9:32 domain, you can just connect the domain 9:33 right here. Add a domain you own. It's 9:35 that easy. So, first I'm going to rename 9:38 this project setting. Rename this 9:40 project. Hit enter. Oh, I clicked 9:42 rename. My bad. Okay, there we go. And 9:45 now we got our project, Ocean Beach. And 9:47 we're going to hit publish. And now 9:49 we're going to do that. And you're going 9:50 to have your new URL that he's going to 9:53 be able to put. If he doesn't want to 9:54 host it on his own domain, I'll happily 9:56 host it for him. But it's that simple. 9:58 So, I'm going to include this link 9:59 below. You guys could check out the 10:01 website. So, here is the final link. 10:03 Ocean 10:05 Beachlectric.lovable.app. And that does 10:06 it for the video. Hope you guys enjoyed 10:08 that. There it is. So sick. It's 12:12 10:12 in the morning, but I'm still going 10:13 making videos for you guys, and I love 10:15 doing it. And our community is free, of 10:16 course. So, I do appreciate that. And 10:18 I'll see you guys in the next video, and 10:19 let me know what I should do next. 10:21 Peace. Love goating out.