client-success / index.html
JayStormX8's picture
Add 3 files
3c23831 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sky AI - Client Success Stories</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-250px * 12))}
}
.scroller {
animation: scroll 40s linear infinite;
width: calc(250px * 24);
}
.scroller:hover {
animation-play-state: paused;
}
.testimonial-card {
min-height: 380px;
transition: all 0.3s ease;
}
.testimonial-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.stars {
color: #F59E0B;
}
</style>
</head>
<body class="bg-gray-50">
<section class="py-16 px-4 max-w-7xl mx-auto">
<div class="text-center mb-12">
<h2 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">Trusted by industry leaders</h2>
<div class="flex justify-center items-center">
<div class="stars text-2xl mr-2">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span class="text-gray-700 font-medium">4.97 average rating from 200+ clients</span>
</div>
</div>
<!-- Mobile testimonials (stacked) -->
<div class="md:hidden space-y-6">
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">D</div>
<div>
<h4 class="font-bold text-gray-900">Drew - The Move</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Before Sky AI, our small studio was stuck at $14,700/month. In just 47 days, we expanded to three studios, grew to nine people, and hit $100,000/month. The transformation was incredible!"</p>
</div>
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">T</div>
<div>
<h4 class="font-bold text-gray-900">Tyler - Resquared</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Sky AI built a robust SDR system that put us on the path to becoming a billion-dollar brand. They exceeded all expectations in helping us compete with giants like Salesforce."</p>
</div>
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">M</div>
<div>
<h4 class="font-bold text-gray-900">Marc Sebastian</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"In just one hour, Sky AI helped me reframe my offer and close a client for $15,188—nearly 5x the original deal. I now approach negotiations with complete confidence."</p>
</div>
</div>
<!-- Desktop testimonials (scrolling) -->
<div class="hidden md:block relative overflow-hidden">
<div class="absolute inset-y-0 left-0 w-16 bg-gradient-to-r from-gray-50 to-transparent z-10"></div>
<div class="absolute inset-y-0 right-0 w-16 bg-gradient-to-l from-gray-50 to-transparent z-10"></div>
<div class="scroller flex space-x-6 py-4">
<!-- Testimonial 1 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">D</div>
<div>
<h4 class="font-bold text-gray-900">Drew - The Move</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Before Sky AI, our small studio was stuck at $14,700/month. In just 47 days, we expanded to three studios, grew to nine people, and hit $100,000/month. The transformation was incredible!"</p>
</div>
<!-- Testimonial 2 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">T</div>
<div>
<h4 class="font-bold text-gray-900">Tyler - Resquared</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Sky AI built a robust SDR system that put us on the path to becoming a billion-dollar brand. They exceeded all expectations in helping us compete with giants like Salesforce."</p>
</div>
<!-- Testimonial 3 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">M</div>
<div>
<h4 class="font-bold text-gray-900">Marc Sebastian</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"In just one hour, Sky AI helped me reframe my offer and close a client for $15,188—nearly 5x the original deal. I now approach negotiations with complete confidence."</p>
</div>
<!-- Testimonial 4 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">J</div>
<div>
<h4 class="font-bold text-gray-900">Jay Shetty - Personal Capital</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Sky AI helped build the sales team that transformed Personal Capital, leading to a $1B acquisition just one year after I joined. Their strategies were pivotal to our success."</p>
</div>
<!-- Testimonial 5 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">A</div>
<div>
<h4 class="font-bold text-gray-900">Aricim</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Within 30 minutes, Sky AI helped reshape my offer resulting in a 667% increase in value. Suddenly my offer was irresistible and clients were jumping at the opportunity."</p>
</div>
<!-- Testimonial 6 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">J</div>
<div>
<h4 class="font-bold text-gray-900">Jorge - TRS</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Our profits soared to $257,000/month with Sky AI, leading to $4.4M annual revenue at 40% margins. The impact on our business has been life-changing."</p>
</div>
<!-- Duplicate testimonials for infinite scroll effect -->
<!-- Testimonial 1 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">D</div>
<div>
<h4 class="font-bold text-gray-900">Drew - The Move</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Before Sky AI, our small studio was stuck at $14,700/month. In just 47 days, we expanded to three studios, grew to nine people, and hit $100,000/month. The transformation was incredible!"</p>
</div>
<!-- Testimonial 2 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">T</div>
<div>
<h4 class="font-bold text-gray-900">Tyler - Resquared</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Sky AI built a robust SDR system that put us on the path to becoming a billion-dollar brand. They exceeded all expectations in helping us compete with giants like Salesforce."</p>
</div>
<!-- Testimonial 3 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">M</div>
<div>
<h4 class="font-bold text-gray-900">Marc Sebastian</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"In just one hour, Sky AI helped me reframe my offer and close a client for $15,188—nearly 5x the original deal. I now approach negotiations with complete confidence."</p>
</div>
<!-- Testimonial 4 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">J</div>
<div>
<h4 class="font-bold text-gray-900">Jay Shetty - Personal Capital</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Sky AI helped build the sales team that transformed Personal Capital, leading to a $1B acquisition just one year after I joined. Their strategies were pivotal to our success."</p>
</div>
<!-- Testimonial 5 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">A</div>
<div>
<h4 class="font-bold text-gray-900">Aricim</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Within 30 minutes, Sky AI helped reshape my offer resulting in a 667% increase in value. Suddenly my offer was irresistible and clients were jumping at the opportunity."</p>
</div>
<!-- Testimonial 6 -->
<div class="bg-white rounded-xl shadow-md p-6 testimonial-card flex-shrink-0 w-80">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">J</div>
<div>
<h4 class="font-bold text-gray-900">Jorge - TRS</h4>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-600">"Our profits soared to $257,000/month with Sky AI, leading to $4.4M annual revenue at 40% margins. The impact on our business has been life-changing."</p>
</div>
</div>
</div>
<div class="mt-12 text-center">
<a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 transition-colors duration-200">
See more success stories
<svg class="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</div>
</section>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=JayStormX8/client-success" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>