Compare commits
9 Commits
experiment
...
production
| Author | SHA1 | Date | |
|---|---|---|---|
|
e7bb86cd78 | ||
| da4865ada5 | |||
| aaf8947f5f | |||
| 9ab20d470b | |||
| f69a24285e | |||
| ad2003d791 | |||
| 46920af6be | |||
| 3e104ff3b1 | |||
| 43e4e6604f |
0
legacy/.gitignore → .gitignore
vendored
0
legacy/.gitignore → .gitignore
vendored
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 88 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
93
.legacy/garuda.html
Normal file
93
.legacy/garuda.html
Normal file
@@ -0,0 +1,93 @@
|
||||
<!-- 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>
|
||||
93
.legacy/garuda/index.html
Normal file
93
.legacy/garuda/index.html
Normal file
@@ -0,0 +1,93 @@
|
||||
<!-- 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>
|
||||
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 95 KiB After Width: | Height: | Size: 95 KiB |
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
348
.legacy/landing.html
Normal file
348
.legacy/landing.html
Normal file
@@ -0,0 +1,348 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Valorant Digital - AI Content Factories</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<meta content="Valorant Digital, AI Content Factory, Content Operations" name="keywords">
|
||||
<meta content="We build AI content factories for brands that are tired of the high costs and brand inconsistency in their content production." name="description">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link href="https://placehold.co/32x32/0d6efd/ffffff?text=VD" rel="icon">
|
||||
|
||||
<!-- Bootswatch Lux Theme -->
|
||||
<link href="https://bootswatch.com/5/lux/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Icon Font Stylesheet -->
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom Stylesheet -->
|
||||
<style>
|
||||
.navbar {
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
.hero-header {
|
||||
background: linear-gradient(rgba(15, 32, 39, .7), rgba(15, 32, 39, .7)), url(https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80) center center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.section-title::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 150px;
|
||||
height: 5px;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
transform: translateX(-50%);
|
||||
background: var(--bs-primary);
|
||||
}
|
||||
.service-box {
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
.service-box:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
|
||||
}
|
||||
.back-to-top {
|
||||
position: fixed;
|
||||
display: none;
|
||||
right: 45px;
|
||||
bottom: 45px;
|
||||
z-index: 99;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body data-bs-spy="scroll" data-bs-target=".navbar" data-bs-offset="100">
|
||||
<!-- Spinner Start -->
|
||||
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Spinner End -->
|
||||
|
||||
|
||||
<!-- Navbar Start -->
|
||||
<div class="container-fluid position-relative p-0">
|
||||
<nav class="navbar navbar-expand-lg navbar-light px-5 py-3 py-lg-0 sticky-top shadow-sm">
|
||||
<a href="index.html" class="navbar-brand p-0">
|
||||
<h1 class="m-0"><i class="fa fa-robot me-2 text-primary"></i>Valorant Digital</h1>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav ms-auto py-0">
|
||||
<a href="#home" class="nav-item nav-link active">Home</a>
|
||||
<a href="#problem" class="nav-item nav-link">The Problem</a>
|
||||
<a href="#solution" class="nav-item nav-link">The Solution</a>
|
||||
<a href="#offer" class="nav-item nav-link">The Offer</a>
|
||||
</div>
|
||||
<a href="/content-factory" class="btn btn-primary py-2 px-4 ms-3">Book a Strategy Call</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Navbar End -->
|
||||
|
||||
<!-- Hero Header Start -->
|
||||
<div class="container-fluid hero-header mb-5" id="home">
|
||||
<div class="container py-5">
|
||||
<div class="row justify-content-center py-5">
|
||||
<div class="col-lg-10 text-center">
|
||||
<h1 class="display-3 text-white animated slideInDown">Stop the Content Chaos. Install Your AI Factory.</h1>
|
||||
<p class="fs-4 text-white mb-4 animated slideInDown">We build AI content factories for brands that are tired of the high costs and brand inconsistency in their content production.</p>
|
||||
<a href="/content-factory" class="btn btn-primary btn-lg py-md-3 px-md-5 me-3 animated slideInLeft">Book a Strategy Call</a>
|
||||
<a href="#problem" class="btn btn-outline-light btn-lg py-md-3 px-md-5 animated slideInRight">Learn How</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Hero Header End -->
|
||||
|
||||
|
||||
<!-- The Problem Start -->
|
||||
<div class="container-fluid py-5" id="problem">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">The Diagnosis</h5>
|
||||
<h1 class="mb-0">Your Content Workflow Is Broken</h1>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-box bg-light shadow rounded d-flex flex-column align-items-center justify-content-center text-center p-4 h-100">
|
||||
<div class="service-icon mb-3">
|
||||
<i class="fa fa-not-equal fa-3x text-primary"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">Inconsistent Brand Voice</h4>
|
||||
<p class="m-0">Your content sounds like it was written by ten different people, because it was. Your brand's unique identity is lost in a sea of generic AI outputs and freelancer fatigue.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-box bg-light shadow rounded d-flex flex-column align-items-center justify-content-center text-center p-4 h-100">
|
||||
<div class="service-icon mb-3">
|
||||
<i class="fa fa-sack-dollar fa-3x text-primary"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">Escalating Costs</h4>
|
||||
<p class="m-0">You're trapped in a cycle of paying per-word or per-hour with no clear ROI. Every new article is a new negotiation, and your budget evaporates with unpredictable results.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-box bg-light shadow rounded d-flex flex-column align-items-center justify-content-center text-center p-4 h-100">
|
||||
<div class="service-icon mb-3">
|
||||
<i class="fa fa-person-running fa-3x text-primary"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">A Scaling Nightmare</h4>
|
||||
<p class="m-0">Trying to double your content output requires doubling your management overhead, your team, and your chaos. True scale feels impossible without the whole system breaking.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- The Problem End -->
|
||||
|
||||
<!-- The Solution Start -->
|
||||
<div class="container-fluid py-5" id="solution">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">The System</h5>
|
||||
<h1 class="mb-0">We Install a Content Factory, Not Just a Tool</h1>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-signature text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="mb-2">Guaranteed Brand Voice</h5>
|
||||
<p class="mb-0">We codify your unique persona, backstory, and audience into the engine. Every piece of content is unmistakably yours.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-bolt text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="mb-2">Radical Efficiency</h5>
|
||||
<p class="mb-0">Eliminate the operational drag of managing writers and revisions. Produce high-quality content on demand, not in weeks.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-coins text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="mb-2">Absolute Cost Control</h5>
|
||||
<p class="mb-0">Granular token and cost tracking on every job gives you the exact price of your content down to the penny.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-chart-line text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="mb-2">Predictable Scale</h5>
|
||||
<p class="mb-0">Go from 5 to 50 articles a month without a linear increase in chaos or cost. Your factory scales with you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6" style="min-height: 500px;">
|
||||
<div class="position-relative h-100">
|
||||
<img class="position-absolute w-100 h-100 rounded" src="https://images.unsplash.com/photo-1516321497487-e288fb19713f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80" style="object-fit: cover;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- The Solution End -->
|
||||
|
||||
|
||||
<!-- The Offer Start -->
|
||||
<div class="container-fluid py-5" id="offer">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 800px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">The Implementation</h5>
|
||||
<h1 class="mb-0">We Sell One Thing: A Complete Content Factory Installation</h1>
|
||||
<p class="mt-3 fs-5">This is not a SaaS subscription. It's a high-touch, "done-with-you" professional service to permanently upgrade your content operations.</p>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="bg-light rounded shadow position-relative" style="z-index: 1;">
|
||||
<div class="border-bottom py-4 px-5 mb-4">
|
||||
<h4 class="text-primary mb-1">The Content Factory Implementation</h4>
|
||||
<small class="text-uppercase">For brands that are serious about scale.</small>
|
||||
</div>
|
||||
<div class="p-5 pt-0">
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-3 d-flex"><i class="fa fa-check text-primary pt-1 me-3"></i><span><strong>Strategic Deep Dive:</strong> A mandatory workshop to diagnose your workflow, costs, and brand voice.</span></li>
|
||||
<li class="mb-3 d-flex"><i class="fa fa-check text-primary pt-1 me-3"></i><span><strong>Asset Onboarding:</strong> We build your foundational library of authors, audiences, and content types for you.</span></li>
|
||||
<li class="mb-3 d-flex"><i class="fa fa-check text-primary pt-1 me-3"></i><span><strong>Private Engine Deployment:</strong> A dedicated instance of the Project Garuda API for your exclusive use.</span></li>
|
||||
<li class="mb-3 d-flex"><i class="fa fa-check text-primary pt-1 me-3"></i><span><strong>Team Training & Documentation:</strong> We train your key operators and hand you the keys to your new factory.</span></li>
|
||||
</ul>
|
||||
<a href="/content-factory" class="btn btn-primary py-2 px-4 mt-4">Book Your Strategy Call</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- The Offer End -->
|
||||
|
||||
|
||||
<!-- Footer Start -->
|
||||
<div class="container-fluid bg-dark text-light mt-5">
|
||||
<div class="container">
|
||||
<div class="row gx-5">
|
||||
<div class="col-lg-4 col-md-6 footer-about">
|
||||
<div class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4">
|
||||
<a href="index.html" class="navbar-brand">
|
||||
<h1 class="m-0 text-white"><i class="fa fa-robot me-2"></i>Valorant Digital</h1>
|
||||
</a>
|
||||
<p class="mt-3 mb-4">We build AI content factories for brands that are tired of the high costs and brand inconsistency in their content production.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 col-md-6">
|
||||
<div class="row gx-5">
|
||||
<div class="col-lg-6 col-md-12 pt-5 mb-5">
|
||||
<div class="section-title section-title-sm position-relative pb-3 mb-4">
|
||||
<h3 class="text-light mb-0">Get In Touch</h3>
|
||||
</div>
|
||||
<div class="d-flex mb-2">
|
||||
<i class="bi bi-geo-alt text-primary me-2"></i>
|
||||
<p class="mb-0">Honolulu, HI, USA</p>
|
||||
</div>
|
||||
<div class="d-flex mb-2">
|
||||
<i class="bi bi-envelope-open text-primary me-2"></i>
|
||||
<p class="mb-0">connect@valorantdigital.com</p>
|
||||
</div>
|
||||
<div class="d-flex mt-4">
|
||||
<a class="btn btn-outline-light btn-square me-2" href="#"><i class="fab fa-twitter fw-normal"></i></a>
|
||||
<a class="btn btn-outline-light btn-square me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 pt-0 pt-lg-5 mb-5">
|
||||
<div class="section-title section-title-sm position-relative pb-3 mb-4">
|
||||
<h3 class="text-light mb-0">Quick Links</h3>
|
||||
</div>
|
||||
<div class="link-animated d-flex flex-column justify-content-start">
|
||||
<a class="text-light mb-2" href="#home"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
|
||||
<a class="text-light mb-2" href="#problem"><i class="bi bi-arrow-right text-primary me-2"></i>The Problem</a>
|
||||
<a class="text-light mb-2" href="#solution"><i class="bi bi-arrow-right text-primary me-2"></i>The Solution</a>
|
||||
<a class="text-light mb-2" href="#offer"><i class="bi bi-arrow-right text-primary me-2"></i>The Offer</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid text-white" style="background: #000;">
|
||||
<div class="container text-center">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-lg-8 col-md-6">
|
||||
<div class="d-flex align-items-center justify-content-center" style="height: 75px;">
|
||||
<p class="mb-0">© <a class="text-white border-bottom" href="#">Valorant Digital</a>. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer End -->
|
||||
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>
|
||||
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<!-- A basic script to handle spinner and back-to-top button visibility -->
|
||||
<script>
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
// Spinner
|
||||
var spinner = function () {
|
||||
setTimeout(function () {
|
||||
if ($('#spinner').length > 0) {
|
||||
$('#spinner').removeClass('show');
|
||||
}
|
||||
}, 1);
|
||||
};
|
||||
spinner();
|
||||
|
||||
// Back to top button
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 300) {
|
||||
$('.back-to-top').fadeIn('slow');
|
||||
} else {
|
||||
$('.back-to-top').fadeOut('slow');
|
||||
}
|
||||
});
|
||||
$('.back-to-top').click(function () {
|
||||
$('html, body').animate({scrollTop: 0}, 100, 'easeInOutExpo');
|
||||
return false;
|
||||
});
|
||||
|
||||
// Smooth scrolling for anchor links
|
||||
$('a.nav-link').on('click', function(event) {
|
||||
if (this.hash !== "") {
|
||||
event.preventDefault();
|
||||
var hash = this.hash;
|
||||
$('html, body').animate({
|
||||
scrollTop: $(hash).offset().top
|
||||
}, 800, function(){
|
||||
window.location.hash = hash;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
BIN
AriaOS.png
Normal file
BIN
AriaOS.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
0
legacy/Jenkinsfile → Jenkinsfile
vendored
0
legacy/Jenkinsfile → Jenkinsfile
vendored
@@ -1,8 +1,8 @@
|
||||
services:
|
||||
|
||||
www.valorantdigital.com:
|
||||
valorantdigital.com:
|
||||
|
||||
container_name: www.valorantdigital.com
|
||||
container_name: valorantdigital.com
|
||||
|
||||
image: softwareshinobi/www.valorantdigital.com
|
||||
|
||||
@@ -15,4 +15,3 @@ services:
|
||||
ports:
|
||||
|
||||
- 8000:80
|
||||
|
||||
383
index.html
383
index.html
@@ -1,348 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Valorant Digital - AI Content Factories</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<meta content="Valorant Digital, AI Content Factory, Content Operations" name="keywords">
|
||||
<meta content="We build AI content factories for brands that are tired of the high costs and brand inconsistency in their content production." name="description">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link href="https://placehold.co/32x32/0d6efd/ffffff?text=VD" rel="icon">
|
||||
|
||||
<!-- Bootswatch Lux Theme -->
|
||||
<link href="https://bootswatch.com/5/lux/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Icon Font Stylesheet -->
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom Stylesheet -->
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>AI Content Systems / Valorant Digital </title>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/lux/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
|
||||
<style>
|
||||
.navbar {
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
backdrop-filter: blur(10px);
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh; /* This ensures the body takes at least the full height of the viewport */
|
||||
}
|
||||
.hero-header {
|
||||
background: linear-gradient(rgba(15, 32, 39, .7), rgba(15, 32, 39, .7)), url(https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80) center center no-repeat;
|
||||
.hero {
|
||||
padding: 100px 0;
|
||||
text-align: center;
|
||||
background: linear-gradient(rgba(18, 18, 18, 0.9), rgba(18, 18, 18, 0.9)), url('valorantdigital.png') no-repeat center center;
|
||||
background-size: cover;
|
||||
color: white;
|
||||
}
|
||||
.section-title::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 150px;
|
||||
height: 5px;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
transform: translateX(-50%);
|
||||
background: var(--bs-primary);
|
||||
.hero h1 {
|
||||
font-weight: 800;
|
||||
font-size: 3rem;
|
||||
}
|
||||
.service-box {
|
||||
transition: transform 0.3s ease-in-out;
|
||||
.section-title {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.service-box:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
|
||||
}
|
||||
.back-to-top {
|
||||
position: fixed;
|
||||
display: none;
|
||||
right: 45px;
|
||||
bottom: 45px;
|
||||
z-index: 99;
|
||||
/* This pushes the content sections to take up available space */
|
||||
main {
|
||||
flex-grow: 1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body data-bs-spy="scroll" data-bs-target=".navbar" data-bs-offset="100">
|
||||
<!-- Spinner Start -->
|
||||
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Spinner End -->
|
||||
|
||||
|
||||
<!-- Navbar Start -->
|
||||
<div class="container-fluid position-relative p-0">
|
||||
<nav class="navbar navbar-expand-lg navbar-light px-5 py-3 py-lg-0 sticky-top shadow-sm">
|
||||
<a href="index.html" class="navbar-brand p-0">
|
||||
<h1 class="m-0"><i class="fa fa-robot me-2 text-primary"></i>Valorant Digital</h1>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav ms-auto py-0">
|
||||
<a href="#home" class="nav-item nav-link active">Home</a>
|
||||
<a href="#problem" class="nav-item nav-link">The Problem</a>
|
||||
<a href="#solution" class="nav-item nav-link">The Solution</a>
|
||||
<a href="#offer" class="nav-item nav-link">The Offer</a>
|
||||
</div>
|
||||
<a href="/content-factory" class="btn btn-primary py-2 px-4 ms-3">Book a Strategy Call</a>
|
||||
<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>
|
||||
</div>
|
||||
<!-- Navbar End -->
|
||||
|
||||
<!-- Hero Header Start -->
|
||||
<div class="container-fluid hero-header mb-5" id="home">
|
||||
<div class="container py-5">
|
||||
<div class="row justify-content-center py-5">
|
||||
<div class="col-lg-10 text-center">
|
||||
<h1 class="display-3 text-white animated slideInDown">Stop the Content Chaos. Install Your AI Factory.</h1>
|
||||
<p class="fs-4 text-white mb-4 animated slideInDown">We build AI content factories for brands that are tired of the high costs and brand inconsistency in their content production.</p>
|
||||
<a href="/content-factory" class="btn btn-primary btn-lg py-md-3 px-md-5 me-3 animated slideInLeft">Book a Strategy Call</a>
|
||||
<a href="#problem" class="btn btn-outline-light btn-lg py-md-3 px-md-5 animated slideInRight">Learn How</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Hero Header End -->
|
||||
|
||||
|
||||
<!-- The Problem Start -->
|
||||
<div class="container-fluid py-5" id="problem">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">The Diagnosis</h5>
|
||||
<h1 class="mb-0">Your Content Workflow Is Broken</h1>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-box bg-light shadow rounded d-flex flex-column align-items-center justify-content-center text-center p-4 h-100">
|
||||
<div class="service-icon mb-3">
|
||||
<i class="fa fa-not-equal fa-3x text-primary"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">Inconsistent Brand Voice</h4>
|
||||
<p class="m-0">Your content sounds like it was written by ten different people, because it was. Your brand's unique identity is lost in a sea of generic AI outputs and freelancer fatigue.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-box bg-light shadow rounded d-flex flex-column align-items-center justify-content-center text-center p-4 h-100">
|
||||
<div class="service-icon mb-3">
|
||||
<i class="fa fa-sack-dollar fa-3x text-primary"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">Escalating Costs</h4>
|
||||
<p class="m-0">You're trapped in a cycle of paying per-word or per-hour with no clear ROI. Every new article is a new negotiation, and your budget evaporates with unpredictable results.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-box bg-light shadow rounded d-flex flex-column align-items-center justify-content-center text-center p-4 h-100">
|
||||
<div class="service-icon mb-3">
|
||||
<i class="fa fa-person-running fa-3x text-primary"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">A Scaling Nightmare</h4>
|
||||
<p class="m-0">Trying to double your content output requires doubling your management overhead, your team, and your chaos. True scale feels impossible without the whole system breaking.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- The Problem End -->
|
||||
|
||||
<!-- The Solution Start -->
|
||||
<div class="container-fluid py-5" id="solution">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">The System</h5>
|
||||
<h1 class="mb-0">We Install a Content Factory, Not Just a Tool</h1>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-signature text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="mb-2">Guaranteed Brand Voice</h5>
|
||||
<p class="mb-0">We codify your unique persona, backstory, and audience into the engine. Every piece of content is unmistakably yours.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-bolt text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="mb-2">Radical Efficiency</h5>
|
||||
<p class="mb-0">Eliminate the operational drag of managing writers and revisions. Produce high-quality content on demand, not in weeks.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-coins text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="mb-2">Absolute Cost Control</h5>
|
||||
<p class="mb-0">Granular token and cost tracking on every job gives you the exact price of your content down to the penny.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-chart-line text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="mb-2">Predictable Scale</h5>
|
||||
<p class="mb-0">Go from 5 to 50 articles a month without a linear increase in chaos or cost. Your factory scales with you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6" style="min-height: 500px;">
|
||||
<div class="position-relative h-100">
|
||||
<img class="position-absolute w-100 h-100 rounded" src="https://images.unsplash.com/photo-1516321497487-e288fb19713f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80" style="object-fit: cover;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- The Solution End -->
|
||||
|
||||
|
||||
<!-- The Offer Start -->
|
||||
<div class="container-fluid py-5" id="offer">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 800px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">The Implementation</h5>
|
||||
<h1 class="mb-0">We Sell One Thing: A Complete Content Factory Installation</h1>
|
||||
<p class="mt-3 fs-5">This is not a SaaS subscription. It's a high-touch, "done-with-you" professional service to permanently upgrade your content operations.</p>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="bg-light rounded shadow position-relative" style="z-index: 1;">
|
||||
<div class="border-bottom py-4 px-5 mb-4">
|
||||
<h4 class="text-primary mb-1">The Content Factory Implementation</h4>
|
||||
<small class="text-uppercase">For brands that are serious about scale.</small>
|
||||
</div>
|
||||
<div class="p-5 pt-0">
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-3 d-flex"><i class="fa fa-check text-primary pt-1 me-3"></i><span><strong>Strategic Deep Dive:</strong> A mandatory workshop to diagnose your workflow, costs, and brand voice.</span></li>
|
||||
<li class="mb-3 d-flex"><i class="fa fa-check text-primary pt-1 me-3"></i><span><strong>Asset Onboarding:</strong> We build your foundational library of authors, audiences, and content types for you.</span></li>
|
||||
<li class="mb-3 d-flex"><i class="fa fa-check text-primary pt-1 me-3"></i><span><strong>Private Engine Deployment:</strong> A dedicated instance of the Project Garuda API for your exclusive use.</span></li>
|
||||
<li class="mb-3 d-flex"><i class="fa fa-check text-primary pt-1 me-3"></i><span><strong>Team Training & Documentation:</strong> We train your key operators and hand you the keys to your new factory.</span></li>
|
||||
</ul>
|
||||
<a href="/content-factory" class="btn btn-primary py-2 px-4 mt-4">Book Your Strategy Call</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- The Offer End -->
|
||||
|
||||
|
||||
<!-- Footer Start -->
|
||||
<div class="container-fluid bg-dark text-light mt-5">
|
||||
<main>
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="row gx-5">
|
||||
<div class="col-lg-4 col-md-6 footer-about">
|
||||
<div class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4">
|
||||
<a href="index.html" class="navbar-brand">
|
||||
<h1 class="m-0 text-white"><i class="fa fa-robot me-2"></i>Valorant Digital</h1>
|
||||
</a>
|
||||
<p class="mt-3 mb-4">We build AI content factories for brands that are tired of the high costs and brand inconsistency in their content production.</p>
|
||||
<!-- New headline and sub-headline with a sleek, Aria-inspired tone -->
|
||||
<h1 class="display-4 text-white">The New Standard in Content Operations</h1>
|
||||
<p class="lead mt-3">We architect integrated content and governance platforms. This allows agencies to scale their output with seamless control and a premium level of precision.</p>
|
||||
<a href="https://ariaos.online" target="AriaOS" class="btn btn-lg btn-outline-light mt-4">Experience Aria OS</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 col-md-6">
|
||||
<div class="row gx-5">
|
||||
<div class="col-lg-6 col-md-12 pt-5 mb-5">
|
||||
<div class="section-title section-title-sm position-relative pb-3 mb-4">
|
||||
<h3 class="text-light mb-0">Get In Touch</h3>
|
||||
</div>
|
||||
<div class="d-flex mb-2">
|
||||
<i class="bi bi-geo-alt text-primary me-2"></i>
|
||||
<p class="mb-0">Honolulu, HI, USA</p>
|
||||
</div>
|
||||
<div class="d-flex mb-2">
|
||||
<i class="bi bi-envelope-open text-primary me-2"></i>
|
||||
<p class="mb-0">connect@valorantdigital.com</p>
|
||||
</div>
|
||||
<div class="d-flex mt-4">
|
||||
<a class="btn btn-outline-light btn-square me-2" href="#"><i class="fab fa-twitter fw-normal"></i></a>
|
||||
<a class="btn btn-outline-light btn-square me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 pt-0 pt-lg-5 mb-5">
|
||||
<div class="section-title section-title-sm position-relative pb-3 mb-4">
|
||||
<h3 class="text-light mb-0">Quick Links</h3>
|
||||
</div>
|
||||
<div class="link-animated d-flex flex-column justify-content-start">
|
||||
<a class="text-light mb-2" href="#home"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
|
||||
<a class="text-light mb-2" href="#problem"><i class="bi bi-arrow-right text-primary me-2"></i>The Problem</a>
|
||||
<a class="text-light mb-2" href="#solution"><i class="bi bi-arrow-right text-primary me-2"></i>The Solution</a>
|
||||
<a class="text-light mb-2" href="#offer"><i class="bi bi-arrow-right text-primary me-2"></i>The Offer</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid text-white" style="background: #000;">
|
||||
<div class="container text-center">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-lg-8 col-md-6">
|
||||
<div class="d-flex align-items-center justify-content-center" style="height: 75px;">
|
||||
<p class="mb-0">© <a class="text-white border-bottom" href="#">Valorant Digital</a>. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer End -->
|
||||
</section>
|
||||
|
||||
<section class="container py-5 text-dark">
|
||||
<div class="row text-center">
|
||||
<!-- Content sections rewritten with a concise, direct tone -->
|
||||
<div class="col-md-4 mb-4">
|
||||
<h3 class="text-primary"><i class="fa-solid fa-screwdriver-wrench me-2"></i> What We Create</h3>
|
||||
<p>We build sophisticated AI infrastructure. Our systems are purpose-built to streamline agency workflows while maintaining absolute command over every brand's identity.</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 Partner With:</h3>
|
||||
<p>Agencies ready to transcend production ceilings. We provide the leverage needed to achieve scalable growth and deliver impeccable client content.</p>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<h3 class="text-primary"><i class="fa-solid fa-circle-check me-2"></i> The Valorant Difference:</h3>
|
||||
<p>Our platforms are designed for instant impact and operational elegance. We ensure a unified voice and surgical precision across all your client deliverables.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>
|
||||
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<!-- A basic script to handle spinner and back-to-top button visibility -->
|
||||
<script>
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
// Spinner
|
||||
var spinner = function () {
|
||||
setTimeout(function () {
|
||||
if ($('#spinner').length > 0) {
|
||||
$('#spinner').removeClass('show');
|
||||
}
|
||||
}, 1);
|
||||
};
|
||||
spinner();
|
||||
|
||||
// Back to top button
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 300) {
|
||||
$('.back-to-top').fadeIn('slow');
|
||||
} else {
|
||||
$('.back-to-top').fadeOut('slow');
|
||||
}
|
||||
});
|
||||
$('.back-to-top').click(function () {
|
||||
$('html, body').animate({scrollTop: 0}, 100, 'easeInOutExpo');
|
||||
return false;
|
||||
});
|
||||
|
||||
// Smooth scrolling for anchor links
|
||||
$('a.nav-link').on('click', function(event) {
|
||||
if (this.hash !== "") {
|
||||
event.preventDefault();
|
||||
var hash = this.hash;
|
||||
$('html, body').animate({
|
||||
scrollTop: $(hash).offset().top
|
||||
}, 800, function(){
|
||||
window.location.hash = hash;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
</script>
|
||||
|
||||
<footer class="bg-dark text-center text-light py-4">
|
||||
<div class="container">
|
||||
<p class="mb-0 fw-bold">Valorant Digital © 2025 – Engineered for Agency Excellence</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,2 +0,0 @@
|
||||
# valorantdigital.com
|
||||
valorantdigital.com
|
||||
@@ -1,572 +0,0 @@
|
||||
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Valorant Digital - AI Content Factories</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<meta content="AI Content Factory, Content Operations, Generative AI, Marketing Services" name="keywords">
|
||||
<meta content="We build AI content factories for brands that are tired of the high costs and brand inconsistency in their content production." name="description">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link href="https://placehold.co/32x32/0d6efd/ffffff?text=VD" rel="icon">
|
||||
|
||||
<!-- Google Web Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Icon Font Stylesheet -->
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
|
||||
|
||||
<!-- Libraries Stylesheet -->
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Customized Bootstrap Stylesheet -->
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Template Stylesheet -->
|
||||
<style>
|
||||
:root {
|
||||
--primary: #0D6EFD;
|
||||
--secondary: #6C757D;
|
||||
--light: #F8F9FA;
|
||||
--dark: #212529;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: var(--primary);
|
||||
margin: 100px auto;
|
||||
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
|
||||
animation: sk-rotateplane 1.2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes sk-rotateplane {
|
||||
0% { -webkit-transform: perspective(120px) }
|
||||
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
|
||||
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
|
||||
}
|
||||
|
||||
@keyframes sk-rotateplane {
|
||||
0% {
|
||||
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||||
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||||
} 50% {
|
||||
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||||
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||||
} 100% {
|
||||
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||||
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||||
}
|
||||
}
|
||||
|
||||
.back-to-top {
|
||||
position: fixed;
|
||||
display: none;
|
||||
right: 45px;
|
||||
bottom: 45px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.section-title::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 150px;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: var(--primary);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.section-title.text-center::before {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.service-item .service-icon {
|
||||
position: absolute;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
top: -45px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: var(--primary);
|
||||
border-radius: 50px;
|
||||
transition: .5s;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Spinner Start -->
|
||||
<div id="spinner" class="bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||||
<div class="spinner"></div>
|
||||
</div>
|
||||
<!-- Spinner End -->
|
||||
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid bg-dark px-5 d-none d-lg-block">
|
||||
<div class="row gx-0">
|
||||
<div class="col-lg-8 text-center text-lg-start mb-2 mb-lg-0">
|
||||
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||
<small class="me-3 text-light"><i class="fa fa-map-marker-alt me-2"></i>Honolulu, HI, USA</small>
|
||||
<small class="text-light"><i class="fa fa-envelope-open me-2"></i>connect@valorantdigital.com</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center text-lg-end">
|
||||
<div class="d-inline-flex align-items-center" style="height: 45px;">
|
||||
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal"></i></a>
|
||||
<a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
|
||||
<!-- Navbar & Carousel Start -->
|
||||
<div class="container-fluid position-relative p-0">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark px-5 py-3 py-lg-0 sticky-top shadow-sm">
|
||||
<a href="index.html" class="navbar-brand p-0">
|
||||
<h1 class="m-0"><i class="fa fa-robot me-2"></i>Valorant Digital</h1>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="fa fa-bars"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav ms-auto py-0">
|
||||
<a href="#home" class="nav-item nav-link active">Home</a>
|
||||
<a href="#about" class="nav-item nav-link">Our System</a>
|
||||
<a href="#services" class="nav-item nav-link">The Process</a>
|
||||
<a href="#pricing" class="nav-item nav-link">The Offer</a>
|
||||
<a href="#testimonials" class="nav-item nav-link">Proof</a>
|
||||
</div>
|
||||
<a href="/content-factory" class="btn btn-primary py-2 px-4 ms-3">Book a Strategy Call</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div id="header-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img class="w-100" src="https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80" alt="Image">
|
||||
<div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
|
||||
<div class="p-3" style="max-width: 900px;">
|
||||
<h5 class="text-white text-uppercase mb-3 animated slideInDown">AI Content Factories for Brands</h5>
|
||||
<h1 class="display-1 text-white mb-md-4 animated zoomIn">Stop the Content Chaos. Install Your AI Factory.</h1>
|
||||
<a href="/content-factory" class="btn btn-primary py-md-3 px-md-5 me-3 animated slideInLeft">Book a Strategy Call</a>
|
||||
<a href="#about" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight">Learn How</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="w-100" src="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1784&q=80" alt="Image">
|
||||
<div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
|
||||
<div class="p-3" style="max-width: 900px;">
|
||||
<h5 class="text-white text-uppercase mb-3 animated slideInDown">Systems & Process, Not Just Prompts</h5>
|
||||
<h1 class="display-1 text-white mb-md-4 animated zoomIn">Replace Your Workflow. Not Just Your Writer.</h1>
|
||||
<a href="/content-factory" class="btn btn-primary py-md-3 px-md-5 me-3 animated slideInLeft">Book a Strategy Call</a>
|
||||
<a href="#about" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight">See the System</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#header-carousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#header-carousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Navbar & Carousel End -->
|
||||
|
||||
<!-- Facts Start -->
|
||||
<div class="container-fluid facts py-5 pt-lg-0" id="facts">
|
||||
<div class="container py-5 pt-lg-0">
|
||||
<div class="row gx-0">
|
||||
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.1s">
|
||||
<div class="bg-primary shadow d-flex align-items-center justify-content-center p-4" style="height: 150px;">
|
||||
<div class="bg-white d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-ruler-combined text-primary"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="text-white mb-0">Brand Consistency</h5>
|
||||
<h1 class="text-white mb-0">99%+</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.3s">
|
||||
<div class="bg-light shadow d-flex align-items-center justify-content-center p-4" style="height: 150px;">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-bolt-lightning text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="text-primary mb-0">Operational Efficiency</h5>
|
||||
<h1 class="mb-0">70% Faster</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.6s">
|
||||
<div class="bg-primary shadow d-flex align-items-center justify-content-center p-4" style="height: 150px;">
|
||||
<div class="bg-white d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-dollar-sign text-primary"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="text-white mb-0">Cost Predictability</h5>
|
||||
<h1 class="text-white mb-0">100%</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Facts Start -->
|
||||
|
||||
|
||||
<!-- About Start -->
|
||||
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" id="about">
|
||||
<div class="container py-5">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-7">
|
||||
<div class="section-title position-relative pb-3 mb-5">
|
||||
<h5 class="fw-bold text-primary text-uppercase">About Us</h5>
|
||||
<h1 class="mb-0">We Are a Systems & Process Company</h1>
|
||||
</div>
|
||||
<p class="mb-4">Valorant Digital builds and installs AI Content Factories for brands drowning in content creation costs and complexity. We are not selling software as a service; we are selling a complete operational upgrade. Our clients don't buy an API; they buy a predictable, scalable, on-brand content assembly line that solves a core business problem.</p>
|
||||
<div class="row g-0 mb-3">
|
||||
<div class="col-sm-6 wow zoomIn" data-wow-delay="0.2s">
|
||||
<h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Guaranteed Brand Voice</h5>
|
||||
<h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Radical Efficiency</h5>
|
||||
</div>
|
||||
<div class="col-sm-6 wow zoomIn" data-wow-delay="0.4s">
|
||||
<h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Absolute Cost Control</h5>
|
||||
<h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Predictable Scale</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-4 wow fadeIn" data-wow-delay="0.6s">
|
||||
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-phone-alt text-white"></i>
|
||||
</div>
|
||||
<div class="ps-4">
|
||||
<h5 class="mb-2">Book a call to diagnose your workflow</h5>
|
||||
<h4 class="text-primary mb-0">No-Obligation Strategy Session</h4>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/content-factory" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s">Book My Call</a>
|
||||
</div>
|
||||
<div class="col-lg-5" style="min-height: 500px;">
|
||||
<div class="position-relative h-100">
|
||||
<img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s" src="https://images.unsplash.com/photo-1521737711867-e3b97375f902?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80" style="object-fit: cover;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- About End -->
|
||||
|
||||
<!-- Features Section Re-purposed for 'Who This Is For' -->
|
||||
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" id="features">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">Ideal Partner</h5>
|
||||
<h1 class="mb-0">We Work With a Specific Type of Client</h1>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-4">
|
||||
<div class="row g-5">
|
||||
<div class="col-12 wow zoomIn" data-wow-delay="0.2s">
|
||||
<div class="bg-primary rounded d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-building text-white"></i>
|
||||
</div>
|
||||
<h4>B2B Marketing Leaders</h4>
|
||||
<p class="mb-0">You have an established content budget but are frustrated by operational bottlenecks and inconsistent results.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="row g-5">
|
||||
<div class="col-12 wow zoomIn" data-wow-delay="0.4s">
|
||||
<div class="bg-primary rounded d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-pen-ruler text-white"></i>
|
||||
</div>
|
||||
<h4>Brands with Inconsistent Voice</h4>
|
||||
<p class="mb-0">You are struggling with high freelancer costs and a diluted brand message across your content channels.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="row g-5">
|
||||
<div class="col-12 wow zoomIn" data-wow-delay="0.6s">
|
||||
<div class="bg-primary rounded d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
|
||||
<i class="fa fa-handshake-angle text-white"></i>
|
||||
</div>
|
||||
<h4>Agencies That Need Scale</h4>
|
||||
<p class="mb-0">You're looking to scale profitable content production for your clients without exponentially increasing overhead.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Features End -->
|
||||
|
||||
|
||||
<!-- Service Start -->
|
||||
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" id="services">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">Our Process</h5>
|
||||
<h1 class="mb-0">Our 3-Step Implementation Process</h1>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.3s">
|
||||
<div class="service-item bg-light rounded d-flex flex-column align-items-center justify-content-center text-center">
|
||||
<div class="service-icon"><i class="fa fa-magnifying-glass-chart text-white"></i></div>
|
||||
<h4 class="mb-3">1. Diagnose & Strategize</h4>
|
||||
<p class="m-0">A mandatory deep dive to map your brand, voice, and current workflow. We identify bottlenecks and quantify the costs of your existing system.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.6s">
|
||||
<div class="service-item bg-light rounded d-flex flex-column align-items-center justify-content-center text-center">
|
||||
<div class="service-icon"><i class="fa fa-gears text-white"></i></div>
|
||||
<h4 class="mb-3">2. Build & Onboard</h4>
|
||||
<p class="m-0">We configure your dedicated AI engine and onboard your core assets—authors, audiences, and content types. Your brand voice is built into the machine.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.9s">
|
||||
<div class="service-item bg-light rounded d-flex flex-column align-items-center justify-content-center text-center">
|
||||
<div class="service-icon"><i class="fa fa-person-chalkboard text-white"></i></div>
|
||||
<h4 class="mb-3">3. Deploy & Train</h4>
|
||||
<p class="m-0">We hand you the keys to your new factory and train your team to operate it at scale. You are now in full control of your content production.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service End -->
|
||||
|
||||
|
||||
<!-- Pricing Plan Start -->
|
||||
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" id="pricing">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">Our Offer</h5>
|
||||
<h1 class="mb-0">One Offer, One Outcome: A Complete System</h1>
|
||||
</div>
|
||||
<p class="text-center mb-5">We don't offer confusing tiers. We provide a single, comprehensive implementation designed to permanently upgrade your content operations.
|
||||
</p>
|
||||
<div class="row g-0">
|
||||
<div class="col-lg-4 wow slideInUp" data-wow-delay="0.6s">
|
||||
<div class="bg-light rounded">
|
||||
<div class="border-bottom py-4 px-5 mb-4"><h4 class="text-primary mb-1">Strategic Onboarding</h4></div>
|
||||
<div class="p-5 pt-0">
|
||||
<div class="d-flex justify-content-between mb-3"><span>Deep Dive Workshop</span><i class="fa fa-check text-primary pt-1"></i></div>
|
||||
<div class="d-flex justify-content-between mb-3"><span>Workflow Analysis</span><i class="fa fa-check text-primary pt-1"></i></div>
|
||||
<div class="d-flex justify-content-between mb-3"><span>Cost Quantification</span><i class="fa fa-check text-primary pt-1"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 wow slideInUp" data-wow-delay="0.3s">
|
||||
<div class="bg-white rounded shadow position-relative" style="z-index: 1;">
|
||||
<div class="border-bottom py-4 px-5 mb-4"><h4 class="text-primary mb-1">Factory Implementation</h4></div>
|
||||
<div class="p-5 pt-0">
|
||||
<div class="d-flex justify-content-between mb-3"><span>Private Engine Deployment</span><i class="fa fa-check text-primary pt-1"></i></div>
|
||||
<div class="d-flex justify-content-between mb-3"><span>Core Asset Onboarding</span><i class="fa fa-check text-primary pt-1"></i></div>
|
||||
<div class="d-flex justify-content-between mb-3"><span>API Integration Support</span><i class="fa fa-check text-primary pt-1"></i></div>
|
||||
<a href="/content-factory" class="btn btn-primary py-2 px-4 mt-4">Book Your Call</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 wow slideInUp" data-wow-delay="0.9s">
|
||||
<div class="bg-light rounded">
|
||||
<div class="border-bottom py-4 px-5 mb-4"><h4 class="text-primary mb-1">Training & Support</h4></div>
|
||||
<div class="p-5 pt-0">
|
||||
<div class="d-flex justify-content-between mb-3"><span>Team Training Session</span><i class="fa fa-check text-primary pt-1"></i></div>
|
||||
<div class="d-flex justify-content-between mb-3"><span>Full Documentation</span><i class="fa fa-check text-primary pt-1"></i></div>
|
||||
<div class="d-flex justify-content-between mb-2"><span>Ongoing Support</span><i class="fa fa-check text-primary pt-1"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Pricing Plan End -->
|
||||
|
||||
<!-- Testimonial Start -->
|
||||
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" id="testimonials">
|
||||
<div class="container py-5">
|
||||
<div class="section-title text-center position-relative pb-3 mb-4 mx-auto" style="max-width: 600px;">
|
||||
<h5 class="fw-bold text-primary text-uppercase">Social Proof</h5>
|
||||
<h1 class="mb-0">Claims Without Proof Are Noise</h1>
|
||||
</div>
|
||||
<div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="testimonial-item bg-light my-4">
|
||||
<div class="d-flex align-items-center border-bottom pt-5 pb-4 px-5">
|
||||
<img class="img-fluid rounded" src="https://placehold.co/60x60/333/fff?text=AS" style="width: 60px; height: 60px;">
|
||||
<div class="ps-4">
|
||||
<h4 class="text-primary mb-1">Amanda Sterling</h4>
|
||||
<small class="text-uppercase">VP of Marketing, B2B SaaS Co.</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4 pb-5 px-5">
|
||||
Valorant Digital didn't just give us an AI tool; they fixed our entire content operation. We cut our time-to-publish by 70% and our brand voice has never been more consistent.
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-item bg-light my-4">
|
||||
<div class="d-flex align-items-center border-bottom pt-5 pb-4 px-5">
|
||||
<img class="img-fluid rounded" src="https://placehold.co/60x60/333/fff?text=MJ" style="width: 60px; height: 60px;">
|
||||
<div class="ps-4">
|
||||
<h4 class="text-primary mb-1">Marcus Jones</h4>
|
||||
<small class="text-uppercase">Founder, Digital Marketing Agency</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4 pb-5 px-5">
|
||||
We thought scaling content for our clients meant hiring an army of freelancers. Valorant Digital gave us a system instead. It's been a game-changer for our agency's profitability and client results.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial End -->
|
||||
|
||||
<!-- Footer Start -->
|
||||
<div class="container-fluid bg-dark text-light mt-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="container">
|
||||
<div class="row gx-5">
|
||||
<div class="col-lg-4 col-md-6 footer-about">
|
||||
<div class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4">
|
||||
<a href="index.html" class="navbar-brand">
|
||||
<h1 class="m-0 text-white"><i class="fa fa-robot me-2"></i>Valorant Digital</h1>
|
||||
</a>
|
||||
<p class="mt-3 mb-4">We install AI-driven content factories to solve brand inconsistency, high costs, and operational chaos for marketing teams.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 col-md-6">
|
||||
<div class="row gx-5">
|
||||
<div class="col-lg-8 col-md-12 pt-5 mb-5">
|
||||
<div class="section-title section-title-sm position-relative pb-3 mb-4">
|
||||
<h3 class="text-light mb-0">Get In Touch</h3>
|
||||
</div>
|
||||
<p class="mb-4">Ready to upgrade from a content workflow to a content factory? Book a no-obligation strategy call to diagnose your current system.</p>
|
||||
<a href="/content-factory" class="btn btn-light py-2 px-4">Book My Strategy Call</a>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
|
||||
<div class="section-title section-title-sm position-relative pb-3 mb-4">
|
||||
<h3 class="text-light mb-0">Contact</h3>
|
||||
</div>
|
||||
<div class="d-flex mb-2">
|
||||
<i class="bi bi-geo-alt text-primary me-2"></i>
|
||||
<p class="mb-0">Honolulu, HI, USA</p>
|
||||
</div>
|
||||
<div class="d-flex mb-2">
|
||||
<i class="bi bi-envelope-open text-primary me-2"></i>
|
||||
<p class="mb-0">connect@valorantdigital.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid text-white" style="background: #061429;">
|
||||
<div class="container text-center">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-lg-8 col-md-6">
|
||||
<div class="d-flex align-items-center justify-content-center" style="height: 75px;">
|
||||
<p class="mb-0">© <a class="text-white border-bottom" href="#">Valorant Digital</a>. All Rights Reserved. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer End -->
|
||||
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
|
||||
|
||||
<!-- Template Javascript -->
|
||||
<script>
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
// Spinner
|
||||
var spinner = function () {
|
||||
setTimeout(function () {
|
||||
if ($('#spinner').length > 0) {
|
||||
$('#spinner').removeClass('show');
|
||||
}
|
||||
}, 1);
|
||||
};
|
||||
spinner();
|
||||
|
||||
// Initiate WOW.js
|
||||
new WOW().init();
|
||||
|
||||
// Sticky Navbar
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 45) {
|
||||
$('.navbar').addClass('sticky-top shadow-sm');
|
||||
} else {
|
||||
$('.navbar').removeClass('sticky-top shadow-sm');
|
||||
}
|
||||
});
|
||||
|
||||
// Back to top button
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 300) {
|
||||
$('.back-to-top').fadeIn('slow');
|
||||
} else {
|
||||
$('.back-to-top').fadeOut('slow');
|
||||
}
|
||||
});
|
||||
$('.back-to-top').click(function () {
|
||||
$('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
|
||||
return false;
|
||||
});
|
||||
|
||||
// Counter-up
|
||||
$('[data-toggle="counter-up"]').counterUp({
|
||||
delay: 10,
|
||||
time: 2000
|
||||
});
|
||||
|
||||
// Testimonials carousel
|
||||
$(".testimonial-carousel").owlCarousel({
|
||||
autoplay: true,
|
||||
smartSpeed: 1000,
|
||||
center: true,
|
||||
dots: true,
|
||||
loop: true,
|
||||
responsive: {
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
768:{
|
||||
items:2
|
||||
},
|
||||
992:{
|
||||
items:3
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
valorantdigital.png
Normal file
BIN
valorantdigital.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Reference in New Issue
Block a user