<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Lunergy APP Download</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:Arial,sans-serif;
background:#f5f7fa;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
padding:20px;
}
.card{
background:white;
width:100%;
max-width:420px;
border-radius:24px;
padding:40px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}
h1{
font-size:32px;
margin-bottom:12px;
color:#111;
}
p{
color:#666;
margin-bottom:40px;
line-height:1.6;
}
.btn{
display:block;
text-decoration:none;
padding:16px;
border-radius:14px;
margin-bottom:16px;
color:white;
font-size:18px;
font-weight:bold;
transition:0.2s;
}
.btn:hover{
transform:translateY(-2px);
}
.ios{
background:black;
}
.android{
background:#34A853;
}
</style>
</head>
<body>
<div class="card">
<h1>Download Lunergy APP</h1>
<p>
Manage your Lunergy energy system easily.
</p>
<a class="btn ios"
href="https://apps.apple.com/">
Download on the App Store
</a>
<a class="btn android"
href="https://play.google.com/store">
Get it on Google Play
</a>
</div>
</body>
</html>