94 lines
3.8 KiB
HTML
94 lines
3.8 KiB
HTML
<!-- valorantdigital.com/garuda landing page -->
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Project Garuda / Valorant Digital</title>
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/superhero/bootstrap.min.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
|
||
<style>
|
||
.hero {
|
||
padding: 100px 0;
|
||
text-align: center;
|
||
background: linear-gradient(rgba(18, 18, 18, 0.85), rgba(18, 18, 18, 0.85)), url('https://images.unsplash.com/photo-1498050108023-c5249f4df085') no-repeat center center;
|
||
background-size: cover;
|
||
color: white;
|
||
}
|
||
.hero h1 {
|
||
font-weight: 800;
|
||
font-size: 3.5rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||
<div class="container">
|
||
<a class="navbar-brand fw-bold" href="/"><i class="fa-solid fa-robot me-2"></i>Garuda</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<section class="hero">
|
||
<div class="container">
|
||
<h1>Stop Prompting. Start Producing.</h1>
|
||
<p class="lead mt-4">Garuda is the AI content factory that turns your brand voice into publish-ready content at scale. One input. One result. Every time.</p>
|
||
<a href="#get-started" class="btn btn-lg btn-outline-light mt-4">Launch My Factory</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="container py-5 text-light">
|
||
<div class="row text-center">
|
||
<div class="col-md-4 mb-4">
|
||
<h3 class="text-primary"><i class="fa-solid fa-user-pen me-2"></i> Your Voice, Every Time</h3>
|
||
<p>Lock in your clients' brand and tone. Garuda writes content that sounds like them — not like AI.</p>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<h3 class="text-primary"><i class="fa-solid fa-gauge-high me-2"></i> Operational Speed</h3>
|
||
<p>No fluff. No fiddling. Drop in the topic and get publish-ready content in minutes.</p>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<h3 class="text-primary"><i class="fa-solid fa-gears me-2"></i> Fully Installed</h3>
|
||
<p>We don’t hand you tools — we build the entire system for your team, ready to run.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="bg-light py-5 text-dark">
|
||
<div class="container text-center">
|
||
<h2 class="section-title">How It Works</h2>
|
||
<div class="row">
|
||
<div class="col-md-4 mb-4">
|
||
<i class="fa-solid fa-file-circle-plus fa-2x text-primary mb-2"></i>
|
||
<h5>Step 1: Submit a Topic</h5>
|
||
<p>Your input. Their brand. We handle the rest.</p>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<i class="fa-solid fa-brain fa-2x text-primary mb-2"></i>
|
||
<h5>Step 2: Garuda Generates</h5>
|
||
<p>We combine brand voice, format, and purpose into one high-precision prompt.</p>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<i class="fa-solid fa-paper-plane fa-2x text-primary mb-2"></i>
|
||
<h5>Step 3: You Get Output</h5>
|
||
<p>Clean content. Headline. CTA. Ready to ship or publish.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="container py-5" id="get-started">
|
||
<div class="text-center text-light">
|
||
<h2 class="section-title">Make Your First Request</h2>
|
||
<p class="lead">We’ll handle your brand voice, audience, formatting, and even headline generation. You just give us the topic.</p>
|
||
<a href="mailto:hello@valorantdigital.com" class="btn btn-lg btn-primary mt-4">Request Demo</a>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="bg-dark text-center text-light py-4">
|
||
<div class="container">
|
||
<p class="mb-0 fw-bold">Garuda © 2025 – Built for Operators</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|