| Current Path : /var/www/html/pics/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/pics/demo.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo — Konvalo</title>
<link rel="stylesheet" href="shared.css">
<style>
.demo-grid { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start; }
.demo-form-card {
background:white;border:1.5px solid #EBE5FF;border-radius:var(--radius);
padding:40px 36px;box-shadow:0 8px 40px rgba(91,63,166,0.08);
}
.demo-form-card h2 { font-family:'Syne',sans-serif;font-weight:800;font-size:1.5rem;margin-bottom:8px; }
.demo-form-card p { font-size:0.9rem;color:var(--ink-muted);margin-bottom:28px;line-height:1.6; }
.form-group { margin-bottom:18px; }
.form-group label { display:block;font-size:0.82rem;font-weight:500;color:var(--ink);margin-bottom:6px; }
.form-group input, .form-group select, .form-group textarea {
width:100%;border:1.5px solid #DDD6F5;border-radius:10px;
padding:11px 14px;font-size:0.9rem;font-family:'DM Sans',sans-serif;
color:var(--ink);background:white;transition:border-color 0.2s;outline:none;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--purple); }
.form-row { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.btn-submit {
width:100%;background:var(--purple);color:white;border:none;cursor:pointer;
padding:14px;border-radius:100px;font-family:'Syne',sans-serif;font-weight:700;
font-size:0.95rem;transition:background 0.2s,transform 0.15s;margin-top:8px;
}
.btn-submit:hover { background:var(--purple-dark);transform:translateY(-1px); }
.demo-why { display:flex;flex-direction:column;gap:20px; }
.why-item { display:flex;gap:16px;align-items:flex-start; }
.why-icon { width:44px;height:44px;flex-shrink:0;background:#F0EBFF;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem; }
.why-item h4 { font-family:'Syne',sans-serif;font-weight:700;font-size:0.95rem;margin-bottom:4px; }
.why-item p { font-size:0.87rem;color:var(--ink-muted);line-height:1.55; }
.social-proof { margin-top:40px;background:var(--sky-light);border-radius:var(--radius);padding:24px; }
.sp-title { font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:16px; }
.sp-stats { display:flex;gap:24px; }
.sp-stat .sv { font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--purple); }
.sp-stat .sl { font-size:0.78rem;color:var(--ink-muted);margin-top:2px; }
@media(max-width:900px){
.demo-grid { grid-template-columns:1fr;gap:40px; }
.form-row { grid-template-columns:1fr; }
}
</style>
</head>
<body>
<nav>
<a href="index.html" class="nav-logo">konvalo</a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="product.html">Product</a></li>
<li><a href="howitworks.html">How it works</a></li>
<li><a href="usecases.html">Use cases</a></li>
<li><a href="demo.html" class="active">Demo</a></li>
<li><a href="contact.html" class="nav-cta">Request Demo</a></li>
</ul>
</nav>
<section class="page-hero">
<div class="cloud c1"></div><div class="cloud c3"></div>
<div class="page-hero-inner">
<span class="section-tag fadeup">Request a Demo</span>
<h1 class="fadeup-1">See Konvalo<br>in action.</h1>
<p class="fadeup-2">Get a personalized 30-minute walkthrough tailored to your group structure and consolidation challenges.</p>
</div>
</section>
<div class="section-wrap">
<div class="demo-grid">
<div class="demo-form-card">
<h2>Book your demo</h2>
<p>Fill in the form below and our team will be in touch within one business day to schedule your personalized session.</p>
<div class="form-row">
<div class="form-group"><label>First name</label><input type="text" placeholder="Marie"></div>
<div class="form-group"><label>Last name</label><input type="text" placeholder="Dupont"></div>
</div>
<div class="form-group"><label>Work email</label><input type="email" placeholder="marie@company.com"></div>
<div class="form-group"><label>Company name</label><input type="text" placeholder="Acme Group"></div>
<div class="form-group">
<label>Number of legal entities</label>
<select>
<option>2–5 entities</option>
<option>6–15 entities</option>
<option>16–50 entities</option>
<option>50+ entities</option>
</select>
</div>
<div class="form-group">
<label>Current ERP / accounting system</label>
<select>
<option>SAP</option>
<option>Microsoft Dynamics</option>
<option>Sage</option>
<option>Oracle NetSuite</option>
<option>Excel / Manual</option>
<option>Other</option>
</select>
</div>
<div class="form-group"><label>What's your biggest consolidation challenge? (optional)</label><textarea rows="3" placeholder="e.g. Month-end close takes 3 weeks, intercompany reconciliation is done manually in Excel..."></textarea></div>
<button class="btn-submit">Request My Demo →</button>
</div>
<div>
<div class="demo-why">
<div style="margin-bottom:8px">
<span class="section-tag">What to expect</span>
<h2 class="section-title" style="margin-top:10px">A demo built<br>around you.</h2>
<p style="font-size:0.95rem;color:var(--ink-muted);line-height:1.7;margin-bottom:28px">We don't do generic product tours. Your demo is tailored to your entity structure, your current tools, and your biggest pain points.</p>
</div>
<div class="why-item"><div class="why-icon">🗓️</div><div><h4>30-minute session</h4><p>A focused, efficient walkthrough of the features most relevant to your situation.</p></div></div>
<div class="why-item"><div class="why-icon">🏢</div><div><h4>Your entity structure</h4><p>We model a simplified version of your group to show exactly how Konvalo would work for you.</p></div></div>
<div class="why-item"><div class="why-icon">💬</div><div><h4>Q&A with an expert</h4><p>Direct access to a Konvalo product specialist who understands your industry and challenges.</p></div></div>
<div class="why-item"><div class="why-icon">📋</div><div><h4>Next steps plan</h4><p>A clear implementation timeline and effort estimate — no obligation required.</p></div></div>
</div>
<div class="social-proof">
<div class="sp-title">Trusted by finance teams across Europe</div>
<div class="sp-stats">
<div class="sp-stat"><div class="sv">90%</div><div class="sl">Faster close</div></div>
<div class="sp-stat"><div class="sv">2–4 wk</div><div class="sl">Avg. onboarding</div></div>
<div class="sp-stat"><div class="sv">100%</div><div class="sl">Audit trail</div></div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="footer-top">
<div class="footer-brand"><a href="index.html" class="f-logo">konvalo</a><p>Continuous consolidation for modern companies.</p></div>
<div class="footer-col"><h5>Product</h5><ul><li><a href="product.html">Overview</a></li><li><a href="howitworks.html">How it works</a></li><li><a href="usecases.html">Use cases</a></li><li><a href="demo.html">Demo</a></li></ul></div>
<div class="footer-col"><h5>Company</h5><ul><li><a href="contact.html">Contact</a></li><li><a href="legal.html">Legal notice</a></li></ul></div>
<div class="footer-col"><h5>Get started</h5><ul><li><a href="contact.html">Request Demo</a></li></ul></div>
</div>
<div class="footer-bottom"><span>© 2025 Konvalo. All rights reserved.</span><span class="footer-powered">Powered by <a href="#">STRAT</a></span></div>
</footer>
</body>
</html>