|
Server IP : 149.13.87.7 / Your IP : 185.174.145.2 Web Server : nginx System : Linux h2 3.10.0-1160.76.1.el7.x86_64 #1 SMP Wed Aug 10 16:21:17 UTC 2022 x86_64 User : root ( 0) PHP Version : 8.0.28 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /mnt/platforms/workspaces/shortable.org/../annachi4u.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Annachi4u</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<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=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
padding-top: 80px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Plus Jakarta Sans', sans-serif;
}
@media (max-width: 768px) {
body {
padding-top: 72px;
}
}
</style>
<link rel="stylesheet" href="assets/css/dynamic.css">
</head>
<body class="antialiased">
<nav class="fixed w-full z-50 top-0 bg-gradient-to-r from-indigo-600 to-violet-600 text-white shadow-2xl">
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto px-6 py-2">
<a href="./" class="flex items-center space-x-3">
<div class="w-11 h-11 bg-white/20 backdrop-blur-sm rounded-xl flex items-center justify-center border border-white/30">
<span class="text-white font-bold text-lg">A</span>
</div>
<span class="self-center text-xl font-bold">
Annachi4u </span>
</a>
<button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-white rounded-lg md:hidden hover:bg-white/10">
<svg class="w-5 h-5" fill="none" viewBox="0 0 17 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
</svg>
</button>
<div class="hidden w-full md:block md:w-auto" id="navbar-default">
<ul class="font-semibold flex flex-col md:flex-row md:space-x-8 items-center">
<li><a href="/Home</a></li>
<li><a href="about-us.php" class="block py-2 text-white/90 hover:text-white transition-colors">About</a></li>
<li><a href="blog/" class="block py-2 text-white/90 hover:text-white transition-colors">Blog</a></li>
<li>
<a href="contact.php" class="block py-2.5 px-6 bg-white text-indigo-600 rounded-full hover:bg-gray-100 transition-all font-bold shadow-lg">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="py-20 bg-gradient-to-br from-indigo-50 via-white to-violet-50" id="about">
<div class="max-w-screen-xl mx-auto px-4">
<div class="text-center mb-16">
<span class="inline-block px-5 py-2 bg-white text-indigo-700 rounded-full text-sm font-semibold mb-6 shadow-md">
Performance Enhancers </span>
<h2 class="text-5xl md:text-6xl font-black text-gray-900 mb-6">
Drive Sustainable Growth with Our Expert eCommerce Solutions </h2>
</div>
<div class="grid lg:grid-cols-2 gap-12 items-center">
<div class="space-y-8">
<p class="text-xl text-gray-700 leading-relaxed">
Experience the profound impact of as ecommerce experts, we know that understanding your target audience is key to driving sales and revenue. our digital marketing agency offers a range of solutions designed to help you connect with your target customers, from personalized email marketing campaigns to influencer partnerships and more. with our help, you can build lasting relationships with your customers and achieve long-term growth for your business. on your journey. </p>
<div class="grid md:grid-cols-3 gap-6">
<div class="text-center p-6 bg-white rounded-2xl shadow-lg border-t-4 border-indigo-500">
<div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-4">
<i class="fas fa-award text-indigo-600 text-2xl"></i>
</div>
<h4 class="font-bold text-gray-900 mb-2">Award Winning</h4>
<p class="text-sm text-gray-600">Industry recognition</p>
</div>
<div class="text-center p-6 bg-white rounded-2xl shadow-lg border-t-4 border-violet-500">
<div class="w-16 h-16 bg-violet-100 rounded-full flex items-center justify-center mx-auto mb-4">
<i class="fas fa-users text-violet-600 text-2xl"></i>
</div>
<h4 class="font-bold text-gray-900 mb-2">Expert Team</h4>
<p class="text-sm text-gray-600">Skilled professionals</p>
</div>
<div class="text-center p-6 bg-white rounded-2xl shadow-lg border-t-4 border-indigo-500">
<div class="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-4">
<i class="fas fa-chart-line text-indigo-600 text-2xl"></i>
</div>
<h4 class="font-bold text-gray-900 mb-2">Proven Results</h4>
<p class="text-sm text-gray-600">Track record of success</p>
</div>
</div>
<a href="#contact" class="inline-flex items-center gap-3 px-8 py-4 bg-gradient-to-r from-indigo-600 to-violet-600 text-white font-bold rounded-xl hover:shadow-2xl transition-all">
Find More Answers <i class="fas fa-arrow-right"></i>
</a>
</div>
<div class="relative">
<div class="relative z-10">
<img src="https://images.unsplash.com/photo-Q1p7bh3SHj8?w=1200&h=800&fit=crop&auto=format&q=80" alt="About" class="rounded-3xl shadow-2xl border-8 border-white">
</div>
<div class="absolute -z-10 top-8 right-8 w-full h-full bg-gradient-to-br from-indigo-200 to-violet-200 rounded-3xl"></div>
</div>
</div>
</div>
</section>
<section class="bg-gray-50 py-20" id="testimonials">
<div class="max-w-screen-xl mx-auto px-4">
<div class="bg-white rounded-3xl shadow-2xl p-12 lg:p-20">
<div class="text-center mb-12">
<h2 class="text-6xl font-black text-gray-900 mb-4">5-Star Experience</h2>
<p class="text-xl text-gray-600">Join thousands of satisfied customers</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
<div class="text-center p-6 bg-gradient-to-br from-indigo-50 to-white rounded-xl">
<div class="text-4xl font-black text-indigo-600 mb-2">5.0</div>
<div class="flex justify-center mb-2">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
<div class="text-sm text-gray-600">Google Reviews</div>
</div>
<div class="text-center p-6 bg-gradient-to-br from-indigo-50 to-white rounded-xl">
<div class="text-4xl font-black text-indigo-600 mb-2">5.0</div>
<div class="flex justify-center mb-2">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
<div class="text-sm text-gray-600">Google Reviews</div>
</div>
<div class="text-center p-6 bg-gradient-to-br from-indigo-50 to-white rounded-xl">
<div class="text-4xl font-black text-indigo-600 mb-2">5.0</div>
<div class="flex justify-center mb-2">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
<div class="text-sm text-gray-600">Google Reviews</div>
</div>
<div class="text-center p-6 bg-gradient-to-br from-indigo-50 to-white rounded-xl">
<div class="text-4xl font-black text-indigo-600 mb-2">5.0</div>
<div class="flex justify-center mb-2">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
<div class="text-sm text-gray-600">Google Reviews</div>
</div>
</div>
<div class="space-y-6">
<div class="flex items-start space-x-4 p-6 bg-gray-50 rounded-xl">
<img src="https://randomuser.me/api/portraits/men/48.jpg" alt="Christopher Lee" class="w-16 h-16 rounded-xl bg-gray-100 flex-shrink-0">
<div class="flex-1">
<div class="flex items-center justify-between mb-2">
<div class="font-bold text-gray-900">Christopher Lee</div>
<div class="flex">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
</div>
<p class="text-gray-700">"ROI was evident within the first quarter. Their business acumen is second to none."</p>
</div>
</div>
<div class="flex items-start space-x-4 p-6 bg-gray-50 rounded-xl">
<img src="https://randomuser.me/api/portraits/men/70.jpg" alt="Jessica Taylor" class="w-16 h-16 rounded-xl bg-gray-100 flex-shrink-0">
<div class="flex-1">
<div class="flex items-center justify-between mb-2">
<div class="font-bold text-gray-900">Jessica Taylor</div>
<div class="flex">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
</div>
<p class="text-gray-700">"Data-driven decisions became our competitive advantage. They turned complex analytics into actionable insights."</p>
</div>
</div>
<div class="flex items-start space-x-4 p-6 bg-gray-50 rounded-xl">
<img src="https://randomuser.me/api/portraits/men/31.jpg" alt="Monica Stevens" class="w-16 h-16 rounded-xl bg-gray-100 flex-shrink-0">
<div class="flex-1">
<div class="flex items-center justify-between mb-2">
<div class="font-bold text-gray-900">Monica Stevens</div>
<div class="flex">
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
<i class="fas fa-star text-yellow-400 text-xs"></i>
</div>
</div>
<p class="text-gray-700">"Strategic guidance that actually works. They helped us scale from 10 to 100 employees seamlessly."</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-20 bg-gradient-to-br from-indigo-600 to-violet-700 text-white">
<div class="max-w-screen-xl mx-auto px-4">
<div class="grid md:grid-cols-4 gap-8">
<div class="text-center p-8 bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20">
<div class="text-5xl font-black mb-2">500+</div>
<div class="text-white/90 font-semibold">Happy Clients</div>
</div>
<div class="text-center p-8 bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20">
<div class="text-5xl font-black mb-2">98%</div>
<div class="text-white/90 font-semibold">Satisfaction Rate</div>
</div>
<div class="text-center p-8 bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20">
<div class="text-5xl font-black mb-2">24/7</div>
<div class="text-white/90 font-semibold">Support Available</div>
</div>
<div class="text-center p-8 bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20">
<div class="text-5xl font-black mb-2">15+</div>
<div class="text-white/90 font-semibold">Years Experience</div>
</div>
</div>
</div>
</section>
<footer class="bg-white">
<div class="max-w-screen-xl mx-auto px-6 py-16">
<div class="grid lg:grid-cols-6 gap-10">
<div class="lg:col-span-2">
<a href="./" class="inline-flex items-center space-x-3 mb-6">
<span class="text-3xl font-black text-gray-900">Annachi4u</span>
</a>
<p class="text-gray-500 mb-8">Strategic partners for ambitious business brands ready to scale with clarity and confidence.</p>
<div class="flex space-x-3">
<a href="#" class="w-12 h-12 rounded-full border border-gray-200 flex items-center justify-center text-gray-500 hover:border-indigo-600 hover:text-indigo-600 transition"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="w-12 h-12 rounded-full border border-gray-200 flex items-center justify-center text-gray-500 hover:border-indigo-600 hover:text-indigo-600 transition"><i class="fab fa-youtube"></i></a>
<a href="#" class="w-12 h-12 rounded-full border border-gray-200 flex items-center justify-center text-gray-500 hover:border-indigo-600 hover:text-indigo-600 transition"><i class="fab fa-dribbble"></i></a>
</div>
</div>
<div>
<h4 class="text-sm font-bold uppercase tracking-widest text-gray-400 mb-4">Company</h4>
<ul class="space-y-3 text-gray-600">
<li><a href="./" class="hover:text-indigoHome</a></li>
<li><a href="about-us.php" class="hover:text-indigo-600 transition">About</a></li>
<li><a href="blog/" class="hover:text-indigoBlog</a></li>
<li><a href="privacy.php" class="hover:text-indigo-600 transition">Privacy</a></li>
</ul>
</div>
<div>
<h4 class="text-sm font-bold uppercase tracking-widest text-gray-400 mb-4">Solutions</h4>
<ul class="space-y-3 text-gray-600">
</ul>
</div>
<div class="lg:col-span-2">
<h4 class="text-sm font-bold uppercase tracking-widest text-gray-400 mb-4">Insights</h4>
<form class="bg-gray-50 rounded-2xl p-6 space-y-4">
<p class="text-gray-500">Join our monthly briefing with trends, tactics, and tools.</p>
<input type="email" placeholder="Email address" class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-indigo-600 focus:ring-indigo-200">
<button type="submit" class="w-full px-4 py-3 rounded-xl bg-gradient-to-r from-indigo-600 to-violet-600 text-white font-semibold">Subscribe</button>
</form>
</div>
</div>
<div class="border-t border-gray-200 mt-12 pt-8 flex flex-col md:flex-row md:items-center md:justify-between text-sm text-gray-500">
<span>© 2026 Annachi4u. All rights reserved.</span>
<div class="flex space-x-6 mt-4 md:mt-0">
<a href="terms.php" class="hover:text-indigo-600 transition">Terms</a>
<a href="disclaimer.php" class="hover:text-indigo-600 transition">Disclaimer</a>
<a href="contact.php" class="hover:text-indigo-600 transition">Contact</a>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.js"></script>
</body>
</html>
AnonSec - 2021