<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>frameloopagency.ro</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background: #000;
color: #fff;
}
.container {
max-width: 1100px;
margin: auto;
padding: 40px 20px;
}
h1 {
font-size: 48px;
line-height: 1.2;
}
.gradient {
background: linear-gradient(90deg, #a855f7, #6366f1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.btn {
display: inline-block;
margin-top: 20px;
padding: 12px 24px;
border-radius: 999px;
background: linear-gradient(90deg, #a855f7, #6366f1);
color: #000;
text-decoration: none;
font-weight: bold;
}
.section {
margin-top: 100px;
}
.card {
background: #111;
padding: 20px;
border-radius: 16px;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>
Stop posting.<br>
<span class="gradient">Start scaling.</span>
</h1>
<p>
We grow brands through content, ads and strategy.
</p>
<a href="#" class="btn">Book a call</a>
<div class="section">
<h2>Services</h2>
<div class="card">
<h3>Content Strategy</h3>
<p>Clear plans built for reach and conversions.</p>
</div>
<div class="card">
<h3>Paid Ads</h3>
<p>Campaigns focused on leads and sales.</p>
</div>
<div class="card">
<h3>Creative Production</h3>
<p>Visuals that make brands stand out.</p>
</div>
</div>
<div class="section">
<h2>Contact</h2>
<p>Email: hello@frameloopagency.ro</p>
</div>
</div>
</body>
</html>