2a:["$","div",null,{"children":[["$","div","0",{"className":"mb-8","children":["$undefined","$undefined",["$","p",null,{"className":"text-text-dim leading-relaxed mb-4","children":[["$","$1","g0-0",{"children":"Everything in this course comes together in this lesson. You'll build a complete, real webpage with HTML and CSS, host it for free on "}],["$","a","g0-1",{"href":"/saas-stack/vercel","className":"text-amber hover:underline font-medium","children":"Vercel"}],["$","$1","g0-2",{"children":", connect a domain, and watch HTTPS provision automatically."}]]}],"$undefined","$undefined","$undefined","$undefined","$undefined","$undefined","$undefined","$undefined"]}],["$","div","1",{"className":"mb-8","children":[["$","h2",null,{"id":"what-we-re-building","className":"font-display font-bold text-xl text-text mb-3 scroll-mt-20","children":[["$","$1","g0-0",{"children":"What we're building"}]]}],"$undefined","$undefined",["$","ul",null,{"className":"space-y-3 mb-4","children":[["$","li","0",{"className":"flex gap-3","children":[["$","span",null,{"className":"mt-1 shrink-0 w-4 h-4 rounded-full flex items-center justify-center","style":{"border":"1px solid #F9731640","background":"#F9731615"},"children":["$","span",null,{"className":"w-1.5 h-1.5 rounded-full","style":{"background":"#F97316"}}]}],["$","div",null,{"children":[["$","span",null,{"className":"text-sm font-medium text-text","children":[["$","$1","g0-0",{"children":"A personal or product landing page"}]]}],["$","span",null,{"className":"text-sm text-text-dim","children":[" — ",[["$","$1","g0-0",{"children":"Hero section, features, about, contact. A complete, professional single-page site."}]]]}]]}]]}],["$","li","1",{"className":"flex gap-3","children":[["$","span",null,{"className":"mt-1 shrink-0 w-4 h-4 rounded-full flex items-center justify-center","style":{"border":"1px solid #F9731640","background":"#F9731615"},"children":["$","span",null,{"className":"w-1.5 h-1.5 rounded-full","style":{"background":"#F97316"}}]}],["$","div",null,{"children":[["$","span",null,{"className":"text-sm font-medium text-text","children":[["$","$1","g0-0",{"children":"Hosted on "}],["$","a","g0-1",{"href":"/saas-stack/vercel","className":"text-amber hover:underline font-medium","children":"Vercel"}],["$","$1","g0-2",{"children":""}]]}],["$","span",null,{"className":"text-sm text-text-dim","children":[" — ",[["$","$1","g0-0",{"children":"Free tier. Automatic HTTPS. Deploys from GitHub in 30 seconds."}]]]}]]}]]}],["$","li","2",{"className":"flex gap-3","children":[["$","span",null,{"className":"mt-1 shrink-0 w-4 h-4 rounded-full flex items-center justify-center","style":{"border":"1px solid #F9731640","background":"#F9731615"},"children":["$","span",null,{"className":"w-1.5 h-1.5 rounded-full","style":{"background":"#F97316"}}]}],["$","div",null,{"children":[["$","span",null,{"className":"text-sm font-medium text-text","children":[["$","$1","g0-0",{"children":"Custom domain"}]]}],["$","span",null,{"className":"text-sm text-text-dim","children":[" — ",[["$","$1","g0-0",{"children":"We'll walk through buying a domain and pointing it at "}],["$","a","g0-1",{"href":"/saas-stack/vercel","className":"text-amber hover:underline font-medium","children":"Vercel"}],["$","$1","g0-2",{"children":"."}]]]}]]}]]}]]}],"$undefined","$undefined","$undefined","$undefined",["$","div",null,{"className":"mb-4 rounded border overflow-hidden","style":{"borderColor":"#F9731630"},"children":[["$","div",null,{"className":"px-4 py-2.5 border-b","style":{"background":"#F9731610","borderColor":"#F9731625"},"children":["$","p",null,{"className":"text-xs font-semibold","style":{"color":"#F97316"},"children":["▶ ","Build a complete landing page step by step"]}]}],["$","div",null,{"className":"divide-y divide-border","children":[["$","div","0",{"className":"px-4 py-3","children":["$","div",null,{"className":"flex items-start gap-3","children":[["$","span",null,{"className":"font-mono text-xs font-bold shrink-0 w-6 mt-0.5","style":{"color":"#F97316"},"children":[1,"."]}],["$","div",null,{"className":"flex-1 min-w-0","children":[["$","p",null,{"className":"text-sm text-text-dim mb-2","children":"Create index.html with the full skeleton and a hero section"}],["$","div",null,{"className":"bg-bg rounded border border-border px-3 py-2 mb-2 overflow-x-auto","children":["$","pre",null,{"className":"font-mono text-xs text-amber whitespace-pre","children":"\n\n\n \n \n My Product\n \n\n\n

\n MyProduct\n Get started\n

The headline that explains your value

One sentence that says who it's for and what it does.

\n Start for free →\n

\n\n"}]}],"$L2e","$undefined"]}]]}]}],"$L2f","$L30","$L31"]}]]}],"$undefined","$undefined"]}],"$L32","$L33"]}]

Build and Deploy: Your First Complete Website

You've finished the course!