patx/demo
push
Commit 1da1527 · patx · 2026-06-01T08:35:14-04:00
Comments
No comments yet.
Diff
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8031b08
--- /dev/null
+++ b/index.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>SF Cleaners USA LLC | Professional House Cleaning Miami</title>
+ <script src="https://cdn.tailwindcss.com"></script>
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
+ <style>
+ .hero-bg {
+ background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=1920');
+ background-size: cover;
+ background-position: center;
+ }
+ </style>
+</head>
+<body class="font-sans text-gray-800">
+
+ <!-- Navbar -->
+ <nav class="bg-white shadow-md sticky top-0 z-50">
+ <div class="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
+ <div class="flex items-center gap-3">
+ <div class="w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center text-white text-2xl">
+ 🧹
+ </div>
+ <h1 class="text-2xl font-bold text-blue-700">SF Cleaners USA</h1>
+ </div>
+ <div class="hidden md:flex gap-8 text-lg">
+ <a href="#services" class="hover:text-blue-600 transition">Services</a>
+ <a href="#about" class="hover:text-blue-600 transition">About</a>
+ <a href="#reviews" class="hover:text-blue-600 transition">Reviews</a>
+ <a href="#contact" class="hover:text-blue-600 transition">Contact</a>
+ </div>
+ <a href="tel:7869611390" class="bg-blue-600 text-white px-6 py-3 rounded-full hover:bg-blue-700 transition font-semibold">
+ 📞 (786) 961-1390
+ </a>
+ </div>
+ </nav>
+
+ <!-- Hero -->
+ <section class="hero-bg text-white py-32">
+ <div class="max-w-7xl mx-auto px-6 text-center">
+ <h2 class="text-5xl md:text-6xl font-bold mb-6 leading-tight">
+ Clean That Keeps<br>Your Home Aligned ✨
+ </h2>
+ <p class="text-xl md:text-2xl mb-10 max-w-2xl mx-auto">
+ Professional deep cleaning & recurring service in Miami. Peace, balance, and a spotless home.
+ </p>
+ <div class="flex flex-col sm:flex-row gap-4 justify-center">
+ <a href="tel:7869611390" class="bg-white text-blue-700 px-10 py-4 rounded-full text-lg font-semibold hover:bg-gray-100 transition">
+ Call Now: (786) 961-1390
+ </a>
+ <a href="#contact" class="border-2 border-white px-10 py-4 rounded-full text-lg font-semibold hover:bg-white/10 transition">
+ Get a Free Quote
+ </a>
+ </div>
+ <p class="mt-8 text-sm">⭐ 5.0 (8 Reviews)</p>
+ </div>
+ </section>
+
+ <!-- Services -->
+ <section id="services" class="py-20 bg-gray-50">
+ <div class="max-w-7xl mx-auto px-6">
+ <h2 class="text-4xl font-bold text-center mb-12">Our Services</h2>
+ <div class="grid md:grid-cols-3 gap-8">
+ <div class="bg-white p-8 rounded-2xl shadow hover:shadow-xl transition">
+ <i class="fa-solid fa-broom text-4xl text-blue-600 mb-4"></i>
+ <h3 class="text-2xl font-semibold mb-3">Deep Cleaning</h3>
+ <p class="text-gray-600">Thorough cleaning of every corner, including baseboards, fans, and hard-to-reach areas.</p>
+ </div>
+ <div class="bg-white p-8 rounded-2xl shadow hover:shadow-xl transition">
+ <i class="fa-solid fa-sync text-4xl text-blue-600 mb-4"></i>
+ <h3 class="text-2xl font-semibold mb-3">Recurring Cleaning</h3>
+ <p class="text-gray-600">Weekly, bi-weekly, or monthly cleaning to maintain a consistently fresh home.</p>
+ </div>
+ <div class="bg-white p-8 rounded-2xl shadow hover:shadow-xl transition">
+ <i class="fa-solid fa-sparkles text-4xl text-blue-600 mb-4"></i>
+ <h3 class="text-2xl font-semibold mb-3">Move-In / Move-Out</h3>
+ <p class="text-gray-600">Make your new home spotless or prepare your old one for the next tenant.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- About -->
+ <section id="about" class="py-20">
+ <div class="max-w-7xl mx-auto px-6">
+ <div class="grid md:grid-cols-2 gap-12 items-center">
+ <div>
+ <h2 class="text-4xl font-bold mb-6">A Clean Home Creates Balance</h2>
+ <p class="text-lg text-gray-600 leading-relaxed">
+ At <strong>SF Cleaners USA LLC</strong>, we believe a clean space brings peace, reduces overwhelm, and improves your daily flow.
+ Our team provides consistent, detail-oriented cleaning that transforms your home into a healthier, more comfortable environment.
+ </p>
+ <ul class="mt-6 space-y-3">
+ <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500"></i> Reliable & Professional Team</li>
+ <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500"></i> Eco-Friendly Products Available</li>
+ <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500"></i> Attention to Every Detail</li>
+ <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500"></i> Fully Insured & Background Checked</li>
+ </ul>
+ </div>
+ <div class="bg-gray-100 p-8 rounded-3xl">
+ <div class="text-center">
+ <div class="text-6xl mb-4">🧽✨</div>
+ <p class="italic text-xl">"When your space stays organized and fresh, everything feels easier."</p>
+ <p class="mt-6 font-semibold">— SF Cleaners Team</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- Reviews -->
+ <section id="reviews" class="py-20 bg-gray-50">
+ <div class="max-w-7xl mx-auto px-6">
+ <h2 class="text-4xl font-bold text-center mb-12">What Our Clients Say</h2>
+ <div class="grid md:grid-cols-2 gap-8">
+ <div class="bg-white p-8 rounded-2xl shadow">
+ <p class="italic">"Best cleaning service we've ever had! They pay attention to every detail. Our home feels brand new every time."</p>
+ <p class="mt-6 font-semibold">— Maria Rodriguez, Miami</p>
+ </div>
+ <div class="bg-white p-8 rounded-2xl shadow">
+ <p class="italic">"Reliable, professional, and trustworthy. We use them every two weeks and couldn't be happier."</p>
+ <p class="mt-6 font-semibold">— David Thompson, Coral Gables</p>
+ </div>
+ </div>
+ <p class="text-center mt-8 text-xl font-medium">⭐ 5.0 Average Rating (8 Reviews)</p>
+ </div>
+ </section>
+
+ <!-- Contact -->
+ <section id="contact" class="py-20 bg-blue-700 text-white">
+ <div class="max-w-7xl mx-auto px-6 text-center">
+ <h2 class="text-4xl font-bold mb-8">Ready for a Spotless Home?</h2>
+ <p class="text-xl mb-10">Call us today for a free estimate</p>
+ <a href="tel:7869611390" class="inline-block bg-white text-blue-700 text-3xl font-bold px-12 py-6 rounded-2xl hover:bg-gray-100 transition">
+ 📞 (786) 961-1390
+ </a>
+ <p class="mt-10">Serving Miami, Fort Lauderdale & surrounding areas</p>
+ </div>
+ </section>
+
+ <!-- Footer -->
+ <footer class="bg-gray-900 text-gray-400 py-12">
+ <div class="max-w-7xl mx-auto px-6 text-center">
+ <p class="text-2xl font-bold text-white mb-2">SF Cleaners USA LLC</p>
+ <p>Miami, Florida</p>
+ <p class="mt-6">© 2026 SF Cleaners USA LLC. All Rights Reserved.</p>
+ </div>
+ </footer>
+
+</body>
+</html>