<![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com" rel="stylesheet">
<title>Marketeam Replicate</title>
<style>
body {
font-family: 'Inter', sans-serif;
margin: 0;
background-color: #0b0b0e;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.main-card {
width: 1200px;
height: 800px;
background: radial-gradient(circle at 10% 20%, #f7d794 0%, #778beb 20%, #2c2c54 50%, #000000 90%);
border-radius: 40px;
overflow: hidden;
position: relative;
padding: 40px 60px;
box-shadow: 0 50px 100px rgba(0,0,0,0.5);
}
.orbit-ring {
position: absolute;
border: 1.5px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.profile-bubble {
position: absolute;
width: 48px;
height: 48px;
border-radius: 50%;
background-size: cover;
border: 2px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 0 15px rgba(139, 92, 246, 0.5);
}
.cta-btn {
background: #000;
border: 1px solid rgba(255,255,255,0.2);
transition: 0.3s;
}
.cta-btn:hover { background: #222; }
</style>
</head>
<body>
<!-- Navbar -->
<nav>
M
Marketeam
<a href="#">Your Team</a>
<a href="#">Solutions</a>
<a href="#">Blog</a>
<a href="#">Pricing</a>
<a href="#">Log In</a>
<button>Join Now</button>
</nav>
<!-- Hero -->
<!-- Left -->
<h1>
Unlock Top <br>
Marketing Talent <br>
You Thought Was <br>
Out of Reach — <br>
<!-- ✅ WHITE TEXT -->
Now Just One <br>
Click Away!
</h1>
<button>
Start Project
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4
4a.5.5 0 0 1 0 .708l-4
4a.5.5 0 0 1-.708-.708L13.293
8.5H1.5A.5.5 0 0 1 1 8z"/>
</svg>
</button>
David
<!-- Right -->
<h3>20k+</h3>
<p>Specialists</p>
<!-- Footer -->
▲ DREAMURE
SWITCH.WIN
● sphere
PinSpace
Visionix
</body>
</html>]]>
