| <html><head><link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title>Architecture Designer</title></head><body><h1>Architecture Designer</h1> | |
| <div class="flex justify-between items-center p-4 border-b-[1.5px] border-gray-300"></div> | |
| <nav class="flex items-baseline text-xl"> | |
| <h1 class="font-bold text-4xl">Design your home</h1> | |
| <span class="ml-[16px]">|</span> | |
| <a class="text-link" href="#">Print</a> | |
| </nav> | |
| <h1>Design your home</h1> | |
| <p class="mt-[8px]">Welcome to the Architecture Designer! Use the tools below to create a custom architectural design for your home. Start by dragging and dropping the provided components onto the canvas. You can then scale, rotate, and arrange the components as needed. Once you have created your design, print it out to take with you to your builder or contractor. If you need help or have any questions, please don't hesitate to ask. Have fun!</p> | |
| </div> | |
| <canvas class="mt-[16px] h-[600px] w-full" id="canvas"></canvas> | |
| <script></script> | |
| </body></html> |