Compare commits
1 Commits
production
...
experiment
| Author | SHA1 | Date | |
|---|---|---|---|
| 41a3325540 |
572
legacy/valorant.html
Normal file
572
legacy/valorant.html
Normal file
@@ -0,0 +1,572 @@
|
|||||||
|
|
||||||
|
<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>
|
||||||
Reference in New Issue
Block a user