cloud-hosting-platform/site-builder
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: Site Builder with PHP API backend

Browse Source 
Visual drag-and-drop website builder using GrapesJS with:
- Multi-page editor with live preview
- File-based asset storage via PHP API (no localStorage base64)
- Template library, Docker support, and Playwright test suite

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Knapp
2026-02-28 19:25:42 +00:00
commit a71b58c2c7
58 changed files with 14464 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
templates/coming-soon.html Normal file
View File

@@ -0,0 +1,46 @@
<!-- Coming Soon Page -->
<section style="min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 30%,#4c1d95 60%,#1e1b4b 100%);position:relative;overflow:hidden;padding:40px 20px;">
<div style="position:absolute;top:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,0.2) 0%,transparent 60%);border-radius:50%;"></div>
<div style="position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,0.15) 0%,transparent 60%);border-radius:50%;"></div>
<div style="position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,0.08) 0%,transparent 50%);border-radius:50%;transform:translate(-50%,-50%);"></div>
<div style="max-width:600px;text-align:center;position:relative;z-index:1;">
<div style="font-size:28px;font-weight:800;color:#fff;margin-bottom:40px;font-family:Inter,sans-serif;letter-spacing:-0.5px;">Nova<span style="color:#a78bfa;">Labs</span></div>
<h1 style="font-size:56px;font-weight:900;color:#fff;margin-bottom:24px;font-family:Inter,sans-serif;line-height:1.1;letter-spacing:-1.5px;">Something amazing is brewing.</h1>
<p style="color:#c4b5fd;font-size:20px;line-height:1.7;margin-bottom:48px;font-family:Inter,sans-serif;">We're building something new to transform the way you work. Sign up to be the first to know when we launch.</p>
<!-- Email Signup -->
<div style="display:flex;gap:12px;max-width:440px;margin:0 auto 24px;flex-wrap:wrap;justify-content:center;">
<input type="email" placeholder="Enter your email" style="flex:1;min-width:200px;padding:16px 20px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);border-radius:10px;color:#fff;font-size:16px;font-family:Inter,sans-serif;outline:none;">
<a href="#" style="display:inline-block;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:10px;font-family:Inter,sans-serif;white-space:nowrap;">Notify Me</a>
</div>
<p style="color:#7c3aed;font-size:13px;margin-bottom:60px;font-family:Inter,sans-serif;">Join 2,400+ others on the waitlist. No spam, ever.</p>
<!-- Features Teaser -->
<div style="display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:60px;">
<div style="padding:20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:12px;min-width:140px;">
<div style="font-size:24px;margin-bottom:8px;">⚡</div>
<div style="color:#e2e8f0;font-size:14px;font-weight:500;font-family:Inter,sans-serif;">Lightning Fast</div>
</div>
<div style="padding:20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:12px;min-width:140px;">
<div style="font-size:24px;margin-bottom:8px;">🔒</div>
<div style="color:#e2e8f0;font-size:14px;font-weight:500;font-family:Inter,sans-serif;">Secure by Default</div>
</div>
<div style="padding:20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:12px;min-width:140px;">
<div style="font-size:24px;margin-bottom:8px;">🎨</div>
<div style="color:#e2e8f0;font-size:14px;font-weight:500;font-family:Inter,sans-serif;">Beautiful UI</div>
</div>
</div>
<!-- Social Links -->
<div style="display:flex;justify-content:center;gap:20px;">
<a href="#" style="color:#a78bfa;text-decoration:none;font-size:14px;font-family:Inter,sans-serif;">Twitter</a>
<a href="#" style="color:#a78bfa;text-decoration:none;font-size:14px;font-family:Inter,sans-serif;">LinkedIn</a>
<a href="#" style="color:#a78bfa;text-decoration:none;font-size:14px;font-family:Inter,sans-serif;">GitHub</a>
</div>
<p style="color:#4c1d95;font-size:12px;margin-top:40px;font-family:Inter,sans-serif;">© 2026 NovaLabs. All rights reserved.</p>
</div>
</section>