persian-rug-palace / index.html
rezasabir123's picture
در لینک خدمات ما۴ زیر لینک شستشوی فرش-مبلمان-موکت-تخت خواب ایجاد کن و نه لینک جداگانه
e6337a3 verified
Raw
History Blame Contribute Delete
8.08 kB
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>قالیشویی کاپیتان - خدمات تخصصی شستشو</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');
</style>
</head>
<body class="font-vazir bg-gray-50">
<custom-navbar></custom-navbar>
<!-- Hero Section -->
<section class="relative bg-gradient-to-r from-amber-800 to-amber-600 text-white py-20">
<div class="absolute inset-0 bg-black opacity-30"></div>
<div class="container mx-auto px-4 relative z-10">
<div class="max-w-2xl">
<h1 class="text-4xl md:text-6xl font-bold mb-6">خدمات تخصصی شستشو</h1>
<p class="text-xl mb-8">شستشوی فرش، موکت، مبلمان و تشک تخت با بهترین کیفیت</p>
<a href="/products.html" class="bg-white text-amber-800 px-8 py-3 rounded-lg font-semibold hover:bg-amber-100 transition duration-300">
مشاهده محصولات
</a>
</div>
</div>
</section>
<!-- Featured Categories -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">خدمات ما</h2>
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div class="bg-amber-50 rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition duration-300">
<img src="https://huggingface.co/spaces/rezasabir123/persian-rug-palace/resolve/main/images/bb.jpg" alt="شستشوی فرش" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3">شستشوی فرش</h3>
<p class="text-gray-600 mb-4">شستشوی تخصصی انواع فرش دستباف و ماشینی</p>
<a href="https://www.shahabcarpet.com/carpet-cleaning/" class="text-amber-700 font-semibold hover:text-amber-800">مشاهده بیشتر</a>
</div>
</div>
<div class="bg-amber-50 rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition duration-300">
<img src="https://huggingface.co/spaces/rezasabir123/persian-rug-palace/resolve/main/images/ad.jpg" alt="شستشوی موکت" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3">شستشوی موکت</h3>
<p class="text-gray-600 mb-4">شستشوی تخصصی انواع موکت با بهترین مواد شوینده</p>
<a href="https://www.shahabcarpet.com/carpet-cleaning-2/" class="text-amber-700 font-semibold hover:text-amber-800">مشاهده بیشتر</a>
</div>
</div>
<div class="bg-amber-50 rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition duration-300">
<img src="https://huggingface.co/spaces/rezasabir123/persian-rug-palace/resolve/main/images/bb.jpg" alt="شستشوی مبلمان" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3">شستشوی مبلمان</h3>
<p class="text-gray-600 mb-4">شستشوی انواع مبلمان منزل و اداری</p>
<a href="https://www.shahabcarpet.com/washing-furniture/" class="text-amber-700 font-semibold hover:text-amber-800">مشاهده بیشتر</a>
</div>
</div>
</div>
</div>
</section>
<!-- About Preview -->
<section class="py-16 bg-gray-100">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<div>
<img src="http://static.photos/workspace/640x360/4" alt="درباره ما" class="rounded-lg shadow-lg">
</div>
<div>
<h2 class="text-3xl font-bold text-gray-800 mb-6">درباره قالیشویی کاپیتان</h2>
<p class="text-gray-600 mb-6 leading-relaxed">
قالیشویی کاپیتان با سال‌ها تجربه در زمینه شستشوی تخصصی انواع فرش، موکت، مبلمان و تشک تخت، ارائه دهنده بهترین خدمات با کیفیت عالی است.
</p>
<a href="/about.html" class="bg-amber-700 text-white px-6 py-3 rounded-lg font-semibold hover:bg-amber-800 transition duration-300">
بیشتر بدانید
</a>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">نظرات مشتریان</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-gray-50 p-6 rounded-lg shadow-md">
<div class="text-amber-500 mb-4">
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
</div>
<p class="text-gray-600 mb-4">کیفیت فرش‌ها واقعاً عالی بود. بسیار راضی هستم.</p>
<p class="text-gray-800 font-semibold">- محمد رضایی</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-md">
<div class="text-amber-500 mb-4">
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
</div>
<p class="text-gray-600 mb-4">خدمات پس از فروش بسیار عالی و پشتیبانی کامل.</p>
<p class="text-gray-800 font-semibold">- فاطمه حسینی</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-md">
<div class="text-amber-500 mb-4">
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
<i data-feather="star" class="inline"></i>
</div>
<p class="text-gray-600 mb-4">تنوع طرح و رنگ بسیار بالا و کیفیت بی‌نظیر.</p>
<p class="text-gray-800 font-semibold">- علی محمدی</p>
</div>
</div>
</div>
</section>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>feather.replace();</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>