<!DOCTYPE html>

<html>

<head>

<title>LokaLinc</title>

<style>

body{

font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial;

background:#f4f6fb;

margin:0;

height:100vh;

display:flex;

align-items:center;

justify-content:center;

}

.card{

background:white;

padding:50px;

border-radius:14px;

text-align:center;

box-shadow:0 20px 40px rgba(0,0,0,0.08);

max-width:420px;

}

h1{

margin:0;

font-size:32px;

}

.tagline{

color:#666;

margin-top:8px;

margin-bottom:25px;

}

.desc{

color:#555;

margin-bottom:30px;

}

.buttons a{

display:inline-block;

padding:12px 20px;

margin:6px;

border-radius:8px;

text-decoration:none;

font-weight:600;

}

.play{

background:#000;

color:white;

}

.appstore{

background:#007aff;

color:white;

}

.footer{

margin-top:25px;

font-size:12px;

color:#888;

}

</style>

</head>

<body>

<h1>LokaLinc</h1>

<div class="tagline">Living and Moving Together</div>

A community platform helping people in Germany connect for housing,

travel support and everyday expat needs.

</div>

<a class="play" href="#">Get it on Google Play</a>

<a class="appstore" href="#">Download on App Store</a>

</div>

Currently available inside the mobile app.

</div>

</body>

</html>