76 lines
2.9 KiB
HTML
76 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Home / 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>
|
||
body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-height: 100vh; /* This ensures the body takes at least the full height of the viewport */
|
||
}
|
||
.hero {
|
||
padding: 100px 0;
|
||
text-align: center;
|
||
background: linear-gradient(rgba(18, 18, 18, 0.9), rgba(18, 18, 18, 0.9)), url('https://images.unsplash.com/photo-1556761175-5973dc0f32e7') no-repeat center center;
|
||
background-size: cover;
|
||
color: white;
|
||
}
|
||
.hero h1 {
|
||
font-weight: 800;
|
||
font-size: 3rem;
|
||
}
|
||
.section-title {
|
||
margin-bottom: 2rem;
|
||
}
|
||
/* This pushes the content sections to take up available space */
|
||
main {
|
||
flex-grow: 1;
|
||
}
|
||
</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-circle-nodes me-2"></i>Valorant Digital</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<main>
|
||
<section class="hero">
|
||
<div class="container">
|
||
<h1 class="display-4">AI Content Systems for Agencies</h1>
|
||
<p class="lead mt-3">We install done-for-you AI systems that help agencies deliver branded client content — faster, more consistently, and with less effort.</p>
|
||
<a href="garuda.html" class="btn btn-lg btn-outline-light mt-4">Explore Project Garuda</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-screwdriver-wrench me-2"></i> What We Do</h3>
|
||
<p>We build and deploy AI infrastructure for agencies to automate content workflows without losing brand control.</p>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<h3 class="text-primary"><i class="fa-solid fa-people-group me-2"></i> Who We Help</h3>
|
||
<p>Marketing and creative agencies that deliver client content — and want to do it with less stress, in less time.</p>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<h3 class="text-primary"><i class="fa-solid fa-circle-check me-2"></i> Built Different</h3>
|
||
<p>Fully installed and configured. Built for brand voice, not bulk. No training. No prompt writing. No tool fatigue.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="bg-dark text-center text-light py-4">
|
||
<div class="container">
|
||
<p class="mb-0 fw-bold">Valorant Digital © 2025 – Built for Agency Operators</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|