Spaces:
Running
Running
<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> |