Convert NotebookLM Into Stunning Website (No Coding Required)

0:00 What if I told you that you could turn a simple research notebook into a fully functional modern website without writing a single line of code? Most people use tools like Notebook LM just to summarize documents and Google Gemini just to answer questions. And honestly, that's leaving a lot on the table. But today, I'm going to show you a workflow that changes everything. One where deep research meets AI powered website generation. And within minutes, you go from raw notes to a premium SAS style website that actually looks like it costs thousands to build. Let's dive in. [music] This is Perveves Durani and you are watching Guru Tech Solutions. All right, let's start by opening

0:46 Notebook LM and creating a brand new notebook. We're going to enter a topic and I want you to pay attention to how specific we're being here. How small businesses and startups can leverage artificial intelligence to scale operations and increase efficiency in 2026. Now, instead of just hitting search, we're going to select the deep research option. This is important. Deep research doesn't give you surface level fluff. It actually scans detailed reports, white papers, and trusted sources. So, the quality of information you get is on a completely different level. Go ahead and click start. And now it begins. It might take a moment or two, so just be patient. Good things take a little time.

1:33 Once it's done, look at that. It's gathered around 67 highquality sources. Not five, not 10, 67. You can click on the sources tab to go through each one. And here's something I really like. You can mark or unmark individual sources depending on which ones you actually want included in your notebook, so you're in full control of what goes in. Once you've finalized your selection, all your chosen sources get added to the notebook automatically, clean, organized, ready to use. Now that our research notebook is set up, let's move over to Google Gemini. Select the same notebook we just created in Notebook LM. Gemini can pull directly from it. Once it loads, head to the model section and

2:20 choose the pro model. We want the more advanced reasoning here, especially since we'll be generating code later. Now, here's our first prompt. And [music] again, notice how intentional this is. I have attached my notebook containing my website assets. Before writing any code, act as a senior web architect. Analyze the notebook and propose a detailed site map and section bysection structure for a single page website. Also specify what content goes into each section and suggest a color palette based on my brand guidelines. Hit submit and let Gemini do its thing. What you're watching right now is Gemini reading through your entire research notebook and turning it into a

3:05 structured website blueprint. [music] Not a rough outline, a proper detailed blueprint. And once it finishes, here it is. You've got a defined brand color palette, a clear visual aesthetic, and a full section bysection layout, all mapped out before a single line of code is written. For example, section one is the hero in value proposition. It includes the headline, sub headline, visual elements, content blocks, and call to action buttons. And it keeps going, building out every single section in full detail. This is the part most people skip. They jump straight into building. But having this structure first, it changes everything. [music] All right. Once you're happy with the structure, we move to the next

3:50 step. Switch over to Gemini canvas mode. This is where the magic really happens. Enter this prompt. This structure looks perfect. Now act as an expert web developer. Generate the complete website code. based on the agreed structure. Use the exact text from the notebook. Write everything as a single HTML file using Tailwind CSS. Include smooth scrolling and interactive hover effects. Submit it and watch. Gemini canvas starts generating the full website live right in front of you. And just like that, your website's ready. You can view the full source code if you're curious, but more importantly, click on preview. And there it is, your live website. Scroll

4:37 through it. Hero section, features, strategy, insights, all of it. The UI is clean. The color palette matches the brand. It's fully responsive and optimized right out of the box. And at the bottom, there's even a login section where new users can enter their name, last name, and work email. That's not a placeholder. That's a functional UI element ready to go. You can also hit share to generate a public link. Copy it. Open a new tab, paste it, and the website loads perfectly in full screen. Animations are smooth, the UI feels premium. Everything works exactly as it should. But here's where most people stop. We're not stopping here. Let's take this even further. Go back to Gemini Canvas and enter one more prompt.

5:23 Act as a senior UI UX designer. Redesign this website to look like a modern SAS platform. improve typography, spacing, animations, and visual hierarchy. Submit it. And now Gemini goes back in and enhances the entire design from a UX perspective. When it's done, the difference is immediately noticeable. [music] Hover over the cards, you'll catch those subtle animations. The typography feels more refined. The spacing is tighter and cleaner. Buttons have smooth hover transitions that just feel right. Even the login section now has micro interactions. Those small details that separate a good website from a great one. And at the top, there's a beautiful liquid glass style

6:10 effect that gives the whole thing a premium modern feel. The kind of thing you'd expect from a well-funded SAS product. So, let's take a step back and look at what we just did. We used Notebook LM for deep structured research. We used Gemini to architect and plan the website. We used Canvas to build it without writing a single line of code manually. And then we used AI again to refine and elevate the UI. That's a full production workflow from a research topic to a live professional website powered entirely by AI. Instead of staring at a blank page or a boring document, you turned a knowledge base into something interactive, modern, and

6:55 actually impressive. If this workflow opened your eyes to what's possible, do me a favor, hit like, subscribe, and tap the bell icon so you don't miss what's coming next. And drop a comment below. I genuinely want to know, what would you build using this system? I'll see you in the next one. [music] >> [music]