Mannu
596cfcca34
Read-only mirror of the client's existing system as it stood before our work began. Taken from matthijsexpand@149.210.159.152 (TransIP VPS, Lelystad NL) with the client's written permission. Contents: - home-weddingcaketopper/ Next.js app, proxy.py, supabase schema - var-www/ static webroots for all three domains - etc-nginx/ vhost configs (previously unversioned, server-only) Excluded: node_modules (704M, regenerable), .next (17M, regenerable), and env file contents (present on local disk, gitignored — see README). Not our IP. Not covered by the proposal's assignment clause.
129 lines
5.7 KiB
HTML
129 lines
5.7 KiB
HTML
<!doctype html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>WeddingCakeTopper.nl</title>
|
|
<style>
|
|
body { margin:0; font-family: Arial, sans-serif; background:#fffaf7; color:#2f2523; }
|
|
h1,h2,h3 { font-family: Georgia, serif; font-weight:400; }
|
|
.container { max-width:1180px; margin:auto; padding:32px 24px; }
|
|
header { display:flex; justify-content:space-between; align-items:center; margin-bottom:80px; }
|
|
.brand { font-size:28px; color:#b88a44; font-family:Georgia,serif; }
|
|
.tagline { color:#8b6f61; font-size:14px; }
|
|
.btn { display:inline-block; background:#b88a44; color:white; padding:16px 28px; border-radius:999px; text-decoration:none; font-weight:bold; }
|
|
.btn:hover { background:#9f7435; }
|
|
.btn-outline { background:transparent; color:#6f4f36; border:1px solid #d8bfa3; }
|
|
.hero { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
|
|
.eyebrow { text-transform:uppercase; letter-spacing:4px; color:#b88a44; font-size:13px; }
|
|
h1 { font-size:64px; line-height:1.05; margin:20px 0; }
|
|
p { color:#6f5b52; line-height:1.7; font-size:18px; }
|
|
.card { background:white; border:1px solid #f1dfd2; border-radius:36px; padding:36px; box-shadow:0 20px 50px rgba(0,0,0,.08); }
|
|
.section { padding:80px 24px; }
|
|
.white { background:white; }
|
|
.center { text-align:center; }
|
|
.grid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
|
|
.grid2 { display:grid; grid-template-columns:repeat(2,1fr); gap:32px; max-width:850px; margin:auto; }
|
|
.price { font-size:56px; color:#b88a44; font-family:Georgia,serif; margin:20px 0; }
|
|
.badge { display:inline-block; background:#b88a44; color:white; padding:8px 16px; border-radius:999px; font-size:14px; margin-bottom:16px; }
|
|
.pill { display:inline-block; background:#fffaf7; border:1px solid #f1dfd2; padding:14px 22px; border-radius:999px; margin:8px; }
|
|
.dark { background:#2f2523; color:white; }
|
|
.dark p { color:#e8d7c9; }
|
|
.icon { font-size:34px; color:#b88a44; margin-bottom:12px; }
|
|
@media(max-width:800px){ .hero,.grid2,.grid4{grid-template-columns:1fr;} h1{font-size:44px;} header{display:block;} header .btn{margin-top:20px;} }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<main>
|
|
<section class="container">
|
|
<header>
|
|
<div>
|
|
<div class="brand">WeddingCakeTopper.nl</div>
|
|
<div class="tagline">Made for your love story</div>
|
|
</div>
|
|
<a class="btn" href="/ontwerp/">Start jullie ontwerp</a>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<div>
|
|
<div class="eyebrow">Gepersonaliseerde wedding cake toppers</div>
|
|
<h1>Jullie liefde, vereeuwigd op de bruidstaart</h1>
|
|
<p>Upload jullie foto's, kies jullie stijl en ontvang een unieke 3D-geprinte wedding cake topper die perfect past bij jullie grote dag.</p>
|
|
<a class="btn" href="/ontwerp/">Start jullie ontwerp</a>
|
|
<a class="btn btn-outline" href="#prijzen">Bekijk prijzen</a>
|
|
</div>
|
|
|
|
<div class="card center">
|
|
<img
|
|
src="/images/logo.png"
|
|
alt="WeddingCakeTopper.nl"
|
|
style="max-width:420px;width:100%;display:block;margin:0 auto 20px auto;"
|
|
>
|
|
<p>Van klassiek bruidspaar tot gezin met kinderen of huisdieren. Jullie verhaal, als unieke topper.</p>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="section white">
|
|
<div class="container center">
|
|
<h2>Zo werkt het</h2>
|
|
<div class="grid4">
|
|
<div class="card"><div class="icon">1</div><h3>Upload foto's</h3><p>Voeg foto's toe van beide partners.</p></div>
|
|
<div class="card"><div class="icon">2</div><h3>Kies jullie stijl</h3><p>Romantisch, modern of speelse karikatuur.</p></div>
|
|
<div class="card"><div class="icon">3</div><h3>Voeg extra's toe</h3><p>Kinderen of huisdieren kunnen mee op de topper.</p></div>
|
|
<div class="card"><div class="icon">4</div><h3>Wij maken hem</h3><p>Ontworpen en 3D-geprint in Nederland.</p></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="prijzen" class="section">
|
|
<div class="container center">
|
|
<h2>Kies jullie formaat</h2>
|
|
<p>Gepersonaliseerd op basis van jullie foto's.</p>
|
|
|
|
<div class="grid2">
|
|
<div class="card">
|
|
<h3>Kleine topper</h3>
|
|
<p>12 cm hoog</p>
|
|
<div class="price">€69</div>
|
|
<p>Perfect voor kleinere bruidstaarten of subtiele decoratie.</p>
|
|
<a class="btn" href="/ontwerp/">Start ontwerp</a>
|
|
</div>
|
|
|
|
<div class="card" style="border:2px solid #b88a44;">
|
|
<span class="badge">Meest gekozen</span>
|
|
<h3>Grote topper</h3>
|
|
<p>19 cm hoog</p>
|
|
<div class="price">€99</div>
|
|
<p>Een echte eyecatcher bovenop jullie bruidstaart.</p>
|
|
<a class="btn" href="/ontwerp/">Start ontwerp</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section white center">
|
|
<div class="container">
|
|
<h2>Voor ieder liefdesverhaal</h2>
|
|
<p>Bruid & bruidegom, bruid & bruid of bruidegom & bruidegom. Iedere liefde verdient een unieke topper.</p>
|
|
<div>
|
|
<span class="pill">Bruid & bruidegom</span>
|
|
<span class="pill">Bruid & bruid</span>
|
|
<span class="pill">Bruidegom & bruidegom</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section dark center">
|
|
<div class="container">
|
|
<h2>Klaar om jullie topper te ontwerpen?</h2>
|
|
<p>De ontwerptool is bijna klaar. Binnenkort upload je hier jullie foto's en maken we direct een eerste voorbeeld.</p>
|
|
<a class="btn" href="/ontwerp/">Start jullie ontwerp</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
</body>
|
|
</html>
|