I Build Websites For a Living. This AI Did It in 90 Seconds.

I took an outdated local business website and rebuilt it into this cleaner homepage, real booking, and something I'd actually be comfortable showing to a client. So the question is whether AI can go beyond just, you know, a nice looking mockup and can actually handle the messy parts, the edits, the mobile layout, the publishing, the handoff. So I'm using Reatti to build a site like this from scratch, and we'll see how it does. So I've mentioned a few times that I run a local webshop here in Lincoln on the side. I'm mainly been focused on HVAC companies here recently, but the sites that I usually get called about are almost always the same. They're built in 2014. They don't have any way to book on them. It's a contact form that maybe doesn't even go anywhere. Quotes to fix something like this from these companies that reach out. It's, you know, $3,000 is what people are quoting them. And it'll take six weeks to get it done. So what I offer is to do it with no money down and just a hundred dollars a month for hosting. I help with SEO and all that. But I'm going to be looking at Reatti here today. That's the tool link and discount code are in the description, but I want to see how it does producing a good website for these companies and see if this is something I can use in my own business. So this is the whole starting place is just a chat box here. So you're probably used to seeing this. This is where AI has been is these to these chat bots where you just tell it what you want. But Reatti has a couple things that I haven't seen in other places. So you can start from scratch. You know, that's what we're used to on most of these, you know, builder sites. They also have, you can start from a website link. So you can take an existing website, put it here and you'll either change it or build something completely new, but it'll go look at that website link. And they also have AI readable site and also start from a business card, which that is pretty cool. So if you just have a business card, you want a website, you can do it that way. But I'm going to go ahead and just do from scratch. I want to see it build the booking system in particular, not just, you know, a landing page, but can it actually handle the wiring underneath of a booking system? So build a website for a barber shop called Ridgeline Barbers. I have two barbers, both available for bookings from 10 AM to 6 PM with appointments scheduled in one hour slots. Add a booking system to support this. So you notice what's there. I don't talk about colors or fonts. I'm actually not a great designer. I don't have an eye for design. I'm not an artist. So I really rely on AI to help with those aspects, but I want to tell it about the business, the staff, the hours, and then really the one thing that I'm looking for it to do is build this booking system. Let's go ahead and send that and get going. So one thing before it starts building is reality flags based on what I typed in that the appointment booking system that I talked about should use its existing built in booking feature instead of a hand coded form. So they already have a booking system in here that you can, it can automatically put into any website. So yes, I'm going to go ahead and click it. Set up booking. Then they kind of have like a booking system walkthrough here. So you can set your availability right here. So I'm doing 9 AM to 5 PM just Monday through Friday. You can say like the minimum duration that you want people to be able to book for. I'm actually going to say 30 minutes. I think that's, how long does the haircut take? My hair doesn't take, take that long. We'll say 30 minutes and we're going to create booking. All right, so now reality has that initial prompt that I put in and then now it also is going to use their booking system creator and going to put that in here as well. So it says it'll take about five minutes. I'm going to time it. We'll see how long it takes. You'll see me in like five seconds. All right, so this was a great example of under promise over deliver cause it said five minutes. It actually took about a minute and 30 seconds. So very fast got this put together so you can see, I always love to see what AI actually did. Again, it makes me feel productive like, Hey, I did this cause I told AI to do it, but it created the TSX page, created the booking calendar, you know, put it on tailwind. So these are all real programming things that it went and did. So it looks really nice. They grab just an image here, which I might, if this was a real company I was doing this for, I might grab an image from their actual barbershop. That'd be more authentic. You can obviously go in and change this if this doesn't match what the pricing actually is for the, for that particular customer. And these are make believe, man, I definitely would go to these guys for haircuts though. But yeah, you could use real images of the barber, of course, in their real name. And then here is the booking system that it put together. We are going to test this here in a bit, but good to see that it's there. So up here we can switch to mobile view. This is something you always want to check because a lot of websites, in fact, a lot of people who come to me looking for websites, their biggest problem is that their existing website doesn't work on mobile. And most people are looking around on mobile devices nowadays, especially if they're looking for like a haircut or something, they're going to be doing it probably on their phone. So, but this just, you know, out of the box handled mobile very well. So then I noticed they have this select to edit. So instead of, you know, when you want to make a change, instead of like kind of trying to tell AI what you're looking to change, you can actually select something. So let's say I want to change something in this hero. It will say this paragraph here. I don't like the text here. Well, actually I can go in and just edit it myself. So that's pretty cool. I don't even need to use AI. So it's kind of AI and a site editor all in one. We'll take this hero image and we'll just tell AI, find a different hero image. But again, this is a big upgrade from where AI used to be, where you prompted. And then if it didn't come out the way you wanted, you had to kind of do a new prompt to re redo the whole thing, but AI is getting better. And now you can just edit it as you go. That saves just a lot of time. So you can see, I said find a different hero image and it found me something else. So again, that's another one we could use, but you can change individual sections. So, and then just tried one more, uh, just kind of want to see how that goes. I like to hear it suggests what else we might want to add. So at a photo gallery section, definitely agree, especially for a barber. This is really smart by AI because that's probably the main thing people want to see when they're trying to pick a barber is like, Hey, what else have they done? You know, that you could kind of testimonials there. And then also add a gift card packages. That's a good idea too. So these are just suggestions from Riyadh. I can just click those and add those. So one thing I noticed AI does this a lot, but it made up these testimonials and I know why it did it because it's looking at, Hey, what do you, what would a good barber shop have that would convert well get a lot of people to use it. And of course one answer is testimonials. So AI makes them up. I don't obviously want to do that on website. I don't make up testimonials. I'd want to go check for their real testimonials. I'm going to tell Riyadh delete every invented review, star rating, customer name, and founding year on the site. This is a new shop with no reviews yet. Replace that section with an honest one about what the first customers can expect. So, and again, love AI. I can have typos. I'm not even going to fix it because AI will know what I mean. All right. So it did, it deleted that section and put just, here's what you should expect when you're there. So that's great. So then there's this appointments button down here. So this is where you set, you know, how often you're, your availability, how often you're open. I am going to go back to just one hour just to keep things simple. The calendar updated successfully. So now I actually want to check the appointment setting. Just see how it works. So I have the site up here. So you have a URL here. I'm going to scroll down. Let's say I want to schedule for, we'll say for later today, 13 to 14 James Pelton 402. I put my phone number there. You guys going to text me? We'll say my phone number five, five, five, five, five, five, five, five, five. Then what do I want? We'll say classic cut. And I think Marcus confirm booking. So then we can go into appointments here and it showed up. So right there. So that booking system works again. After a minute and a half, we have a full booking system. There are companies that will pay just for a booking system. Like they'll pay a thousand dollars for you to set up a booking system for them. And again, you can do it in a minute here. So another feature that I realized here, they have this talk with us here, and I'm going to say, ask to move the booking. I just made James Pelton five, five, five, five, five, five, five, move it to September 3rd at 3 PM. So, and this uses, so this is an AI chat agent that comes with the website already there. And again, I just told it my name and my phone number, and then it's saying, and when I want to move the booking to, and it actually found me in the database and then saying, okay, I'm going to move you. You want to go ahead and do that? Yes. Okay. And it says it's moved. So I just want to go in here and just refresh and make sure. So it did. They moved it to Thursday, September 3rd at 3 PM. So that's kind of a cool feature. It has an AI chat bot that is just built in with it. I didn't say anything about building that or anything, but part of their, their booking system there works. So again, if I was going to sell this to an actual barber shop, that's a big selling point right there. Say, AI can automatically manage appointments for you. So next thing I want to do is take payment through Stripe when a customer confirms their booking. So not only do we want to do appointment booking, but I actually want to hook up payments so that they pay when they book. So, and it tells me what it needs to actually hook up payments. So it actually needs a database of some kind, and then it wants Stripe. That's what I use for payments. So that makes perfect sense. So let's just use reality backend. That seems like it'd be the cheapest. So then it has a couple of questions for me. And I love when AI asks questions to clarify what we're trying to do. But what should the customer be charged when they confirm a booking? Do we want the full price deposit or a flat booking fee? Let's do the full price. And then do you want the booking to only be saved after payment succeeds or always save the appointment and record payment alongside it? I want it to always do the appointment in case maybe payment didn't work for one reason or another and just market paid or unpaid. So then it gets going at connecting the database. All right. Again, took about 20 seconds. Database is connected. Just what a day and age we live in where it used to be. I was a, you know, software developer for 20 years. If you want to connect a database to your website, it takes a lot of work. Okay. It's a lot of work to get the infrastructure set up, to get the code, the connectors. But this is one click and we have a database connected. Let's do connect Stripe. So then for Stripe, you just need a Stripe API key. So I can do another tutorial if you want of getting that set up. But when you have a Stripe account, it's pretty easy to click create API key. You can paste it in here and then payments hooked into your booking system. So I'm going to go up here to publish. So you get a subdomain for free. So you get, you know, what I showed you over here, you get a something.reality.co so that at least you can show that to people. You can send it, you know, before the barbershop wants to pay for it. I can show them, Hey, here's the link to check it out for yourself. I like too, that every change you make goes in as a new version. So you can publish the latest version, but maybe you're working on experimenting with something like, I don't quite have payments set up. So maybe I don't want latest launch. I want version six to be what's published to this subdomain. So I think that's a, that's a neat feature. You can go back to old versions. So then they do have this publish on custom domain. So if you don't want this as your website, which I'm sure, you know, that wouldn't be your final place, but you can connect an existing domain. You can even buy a domain right through here and get it set up very easy. You don't have to know DNS or anything like that. AI takes care of all of that. So I'm just going to click publish. Well, I want to see how long that it takes to publish this time to about five seconds. So again, just like that, that easy to get this up and published and have a version ready to send to people. So just a little bit more about what all is in here. So first off SEO, which is that search engine optimization, but that's an important part of getting your website viewed. A lot of people who reach out to me, especially local businesses who are wanting a website, they ask about SEO. They're like, Hey, how do we show up in Google? How do we rank in Google? So it has all these settings here, your metadata and your technical SEO. It can handle, you also can submit your site to Google. So Google will go index it and make sure it's showing up in search results. So they have analytics. So you can see how many people visited, how many page views you can see the visitors as they come to the site, what pages they went to, where they came from, what devices they were using, where, what, you know, what country they were from. So cool data here, social media. This could probably be its own video, but reality can actually handle your social media for you. So it takes what's on your website and it can actually, it puts together a content schedule for you, which is this, this is super cool. You can connect your Facebook, your Instagram, your X, and your LinkedIn and actually get content. It bases it what's by, what's on your website. And I like it's using images. That's good. Text only social media doesn't work great right now. So it's including images in each of those. So if you need a form on your website, you can add those in here. Leads show up in here. So when somebody chats on the website, they actually show up as a lead. So if you had a form or a contact form or any of those types of things, those will show up in here as leads. Then of course, the appointment booking feature, which we already showed here. Um, again, I could do a whole nother video. Let me know in the comments if you want me to, but you can connect a database and actually do e-commerce through this as well. So you can get products on the page that you're selling. Those can show up here and then your orders can show up here as well. If you're a tech person, you can go look at the database. You know, you can set up functions and put your, you know, your, your different API keys and stuff in secrets. So a lot of functionality here. I didn't even have time to go into all of it in this video. So what does it cost? Who is this for? So if you're kind of just building your own thing, the starter plan, their cheapest plan is $15 per month. If you're paying annually, it's quite a bit cheaper if you pay annually than if you pay monthly, but that gets you quite a bit here and gets includes one free custom domain. So that's cool. Pro is one step up. That's the plan that I'm on. You get a ton of credits and you actually get the credits for the year up front. So that's kind of nice if you're an agency and are going to be doing this for a lot of people, you might want to go with this agency pro plan here. And from my experience, this is the price that you pay. So there's no, you know, there's no hosting bill on top or plugins that start charging you later. Like this is what you pay. So I think that's pretty reasonable for what we just saw I could do. So down here it goes through what's on each plan in more detail. So, and they do have a free plan as well. So you can kind of see it finished before you pay anything, but I do have a link down below in the description. The code James Pelton takes 20% off. So it's even going to be cheaper than what you're seeing there on the screen. So I'll leave a link to, to the live barbershop site. If you want to check that out, you can book yourself an appointment. Marcus might not be able to get to you since he is not real, but feel free to go check it out and book yourself a haircut. So thank you guys so much for watching. Really appreciate you. Just being part of the, I love checking out all the different tools. There's so many creative people in this world and they're all with AI. People are building a lot of things and it's really, I enjoy it. It's kind of a hobby that I'm blessed to be able to put this on YouTube where I can just go check out what people are building. So thank you guys so much. Please like, and subscribe. God bless you all and have a great rest of your day.