Spaces:
Running
Running
| <html lang="fa" dir="rtl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>MedStore فارسی - فروشگاه لوازم پزشکی</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#1e40af', | |
| secondary: '#0ea5e9' | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700&display=swap'); | |
| body { | |
| font-family: 'Vazirmatn', sans-serif; | |
| background-color: #f0f9ff; | |
| } | |
| .product-card { | |
| transition: all 0.3s ease; | |
| } | |
| .product-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| .animate-float { | |
| animation: float 3s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-blue-50"> | |
| <!-- Header --> | |
| <header class="bg-white shadow-md sticky top-0 z-50"> | |
| <div class="container mx-auto px-4 py-3"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex items-center mb-4 md:mb-0"> | |
| <i class="fas fa-heartbeat text-primary text-3xl ml-3"></i> | |
| <h1 class="text-2xl font-bold text-gray-800">MedStore فارسی</h1> | |
| </div> | |
| <nav class="flex flex-wrap justify-center gap-4 mb-4 md:mb-0"> | |
| <a href="index.html" class="text-primary hover:text-secondary font-medium">خانه</a> | |
| <a href="products.html" class="text-gray-600 hover:text-primary font-medium">محصولات</a> | |
| <a href="services.html" class="text-gray-600 hover:text-primary font-medium">خدمات</a> | |
| <a href="about.html" class="text-gray-600 hover:text-primary font-medium">درباره ما</a> | |
| <a href="contact.html" class="text-gray-600 hover:text-primary font-medium">تماس با ما</a> | |
| </nav> | |
| <div class="flex items-center space-x-4"> | |
| <button class="text-gray-600 hover:text-primary"> | |
| <i class="fas fa-search text-xl"></i> | |
| </button> | |
| <button class="text-gray-600 hover:text-primary relative"> | |
| <i class="fas fa-shopping-cart text-xl"></i> | |
| <span class="absolute -top-2 -left-2 bg-red-500 text-white rounded-full w-5 h-5 flex items-center justify-center text-xs">3</span> | |
| </button> | |
| <button class="bg-primary text-white px-4 py-2 rounded-lg hover:bg-blue-800 transition"> | |
| ورود / ثبت نام | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="bg-gradient-to-r from-primary to-secondary py-16"> | |
| <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 text-white text-center md:text-right mb-10 md:mb-0"> | |
| <h2 class="text-4xl md:text-5xl font-bold mb-4">تجهیزات پزشکی با کیفیت بالا</h2> | |
| <p class="text-xl mb-8">ارائه بهترین محصولات پزشکی برای مراکز درمانی و خانه</p> | |
| <div class="flex flex-col sm:flex-row gap-4 justify-center md:justify-start"> | |
| <a href="products.html" class="bg-white text-primary font-bold py-3 px-6 rounded-lg hover:bg-gray-100 transition text-center"> | |
| مشاهده محصولات | |
| </a> | |
| <button class="border-2 border-white text-white font-bold py-3 px-6 rounded-lg hover:bg-white hover:text-primary transition"> | |
| درباره ما | |
| </button> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <img src="http://static.photos/medical/640x360/1" alt="تجهیزات پزشکی" class="rounded-lg shadow-xl animate-float max-w-full h-auto"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Categories Section --> | |
| <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 sm:grid-cols-2 lg:grid-cols-4 gap-8"> | |
| <!-- Category Card 1 --> | |
| <div class="bg-blue-50 rounded-xl p-6 text-center product-card"> | |
| <div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-stethoscope text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">تجهیزات تشخیصی</h3> | |
| <p class="text-gray-600 mb-4">استتوسکوپ، فشارسنج و دیگر تجهیزات تشخیصی</p> | |
| <a href="products.html" class="text-primary font-medium hover:text-secondary">مشاهده محصولات →</a> | |
| </div> | |
| <!-- Category Card 2 --> | |
| <div class="bg-blue-50 rounded-xl p-6 text-center product-card"> | |
| <div class="w-20 h-20 bg-secondary rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-procedures text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">تجهیزات بستری</h3> | |
| <p class="text-gray-600 mb-4">تخت های بیمارستانی، صندلی چرخدار و تجهیزات بستری</p> | |
| <a href="products.html" class="text-primary font-medium hover:text-secondary">مشاهده محصولات →</a> | |
| </div> | |
| <!-- Category Card 3 --> | |
| <div class="bg-blue-50 rounded-xl p-6 text-center product-card"> | |
| <div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-syringe text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">لوازم مصرفی</h3> | |
| <p class="text-gray-600 mb-4">سرنگ، دستکش، ماسک و سایر لوازم یکبار مصرف</p> | |
| <a href="products.html" class="text-primary font-medium hover:text-secondary">مشاهده محصولات →</a> | |
| </div> | |
| <!-- Category Card 4 --> | |
| <div class="bg-blue-50 rounded-xl p-6 text-center product-card"> | |
| <div class="w-20 h-20 bg-secondary rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-brain text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">تجهیزات آزمایشگاهی</h3> | |
| <p class="text-gray-600 mb-4">تجهیزات آزمایش خون، دفعات و سایر تجهیزات آزمایشگاهی</p> | |
| <a href="products.html" class="text-primary font-medium hover:text-secondary">مشاهده محصولات →</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Featured Products --> | |
| <section class="py-16 bg-blue-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800">محصولات پرفروش</h2> | |
| <a href="products.html" class="text-primary font-medium hover:text-secondary">مشاهده همه →</a> | |
| </div> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> | |
| <!-- Product Card 1 --> | |
| <div class="bg-white rounded-xl overflow-hidden shadow-md product-card"> | |
| <img src="http://static.photos/medical/320x240/1" alt="فشارسنج دیجیتال" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <span class="text-sm text-gray-500">تجهیزات تشخیصی</span> | |
| <h3 class="text-xl font-bold text-gray-800 mt-1 mb-2">فشارسنج دیجیتال</h3> | |
| <p class="text-gray-600 mb-4">فشارسنج دیجیتال با دقت بالا برای استفاده در منزل</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-lg font-bold text-primary">2,450,000 ریال</span> | |
| <button class="bg-primary text-white p-2 rounded-full hover:bg-blue-800"> | |
| <i class="fas fa-shopping-cart"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Product Card 2 --> | |
| <div class="bg-white rounded-xl overflow-hidden shadow-md product-card"> | |
| <img src="http://static.photos/medical/320x240/2" alt="استتوسکوپ الکترونیک" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <span class="text-sm text-gray-500">تجهیزات تشخیصی</span> | |
| <h3 class="text-xl font-bold text-gray-800 mt-1 mb-2">استتوسکوپ الکترونیک</h3> | |
| <p class="text-gray-600 mb-4">استتوسکوپ الکترونیک با کیفیت صدای بالا</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-lg font-bold text-primary">8,750,000 ریال</span> | |
| <button class="bg-primary text-white p-2 rounded-full hover:bg-blue-800"> | |
| <i class="fas fa-shopping-cart"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Product Card 3 --> | |
| <div class="bg-white rounded-xl overflow-hidden shadow-md product-card"> | |
| <img src="http://static.photos/medical/320x240/3" alt="تخت بیمارستانی" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <span class="text-sm text-gray-500">تجهیزات بستری</span> | |
| <h3 class="text-xl font-bold text-gray-800 mt-1 mb-2">تخت بیمارستانی برقی</h3> | |
| <p class="text-gray-600 mb-4">تخت بیمارستانی با قابلیت تنظیم ارتفاع و زاویه</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-lg font-bold text-primary">45,000,000 ریال</span> | |
| <button class="bg-primary text-white p-2 rounded-full hover:bg-blue-800"> | |
| <i class="fas fa-shopping-cart"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Product Card 4 --> | |
| <div class="bg-white rounded-xl overflow-hidden shadow-md product-card"> | |
| <img src="http://static.photos/medical/320x240/4" alt="سرنگ یکبار مصرف" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <span class="text-sm text-gray-500">لوازم مصرفی</span> | |
| <h3 class="text-xl font-bold text-gray-800 mt-1 mb-2">سرنگ یکبار مصرف 10cc</h3> | |
| <p class="text-gray-600 mb-4">بسته 100 عدد سرنگ یکبار مصرف استریل</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-lg font-bold text-primary">185,000 ریال</span> | |
| <button class="bg-primary text-white p-2 rounded-full hover:bg-blue-800"> | |
| <i class="fas fa-shopping-cart"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <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="text-center p-6 bg-blue-50 rounded-xl"> | |
| <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-truck text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">ارسال رایگان</h3> | |
| <p class="text-gray-600">ارسال رایگان برای خریدهای بالای 5 میلیون ریال در سراسر کشور</p> | |
| </div> | |
| <div class="text-center p-6 bg-blue-50 rounded-xl"> | |
| <div class="w-16 h-16 bg-secondary rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-shield-alt text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">ضمانت کیفیت</h3> | |
| <p class="text-gray-600">ضمانت بازگشت وجه تا 30 روز در صورت عدم رضایت از محصول</p> | |
| </div> | |
| <div class="text-center p-6 bg-blue-50 rounded-xl"> | |
| <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-headset text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">پشتیبانی 24/7</h3> | |
| <p class="text-gray-600">پشتیبانی فنی و مشاوره تخصصی در تمامی ایام هفته</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-16 bg-blue-50"> | |
| <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-2 gap-8"> | |
| <div class="bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-primary rounded-full flex items-center justify-center text-white font-bold mr-4">ع.م</div> | |
| <div> | |
| <h4 class="font-bold text-gray-800">علی محمدی</h4> | |
| <p class="text-gray-600">مدیریت کلینیک خصوصی</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4">"خرید تجهیزات پزشکی از MedStore فارسی تجربه فوق العاده ای بود. کیفیت محصولات عالی و خدمات پس از فروش بی نظیر است."</p> | |
| <div class="flex text-yellow-400"> | |
| <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 class="bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-secondary rounded-full flex items-center justify-center text-white font-bold mr-4">ز.ح</div> | |
| <div> | |
| <h4 class="font-bold text-gray-800">زهرا حسینی</h4> | |
| <p class="text-gray-600">پرستار ICU</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4">"از محصولات مصرفی خریداری شده بسیار راضی هستم. کیفیت بالا و قیمت مناسب باعث شده تا همیشه از این فروشگاه خرید کنم."</p> | |
| <div class="flex text-yellow-400"> | |
| <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> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-16 bg-gradient-to-r from-primary to-secondary"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">آماده برای خرید تجهیزات پزشکی با کیفیت؟</h2> | |
| <p class="text-xl text-blue-100 mb-8 max-w-2xl mx-auto">هم اکنون عضو شوید و از تخفیف های ویژه اولین خرید بهره مند شوید</p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <button class="bg-white text-primary font-bold py-3 px-8 rounded-lg hover:bg-gray-100 transition"> | |
| ثبت نام کنید | |
| </button> | |
| <button class="border-2 border-white text-white font-bold py-3 px-8 rounded-lg hover:bg-white hover:text-primary transition"> | |
| تماس با ما | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white pt-16 pb-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12"> | |
| <div> | |
| <div class="flex items-center mb-6"> | |
| <i class="fas fa-heartbeat text-secondary text-2xl ml-3"></i> | |
| <h3 class="text-2xl font-bold">MedStore فارسی</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6">فروشگاه تخصصی تجهیزات و لوازم پزشکی با کیفیت بالا و خدمات پس از فروش معتبر</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-telegram"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-whatsapp"></i></a> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-6">دسته بندی محصولات</h4> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">تجهیزات تشخیصی</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">تجهیزات بستری</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">لوازم مصرفی</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">تجهیزات آزمایشگاهی</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">تجهیزات جراحی</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-6">خدمات مشتریان</h4> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">پرسش های متداول</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">شرایط بازگشت کالا</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">حریم خصوصی</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">شرایط و قوانین</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">پشتیبانی آنلاین</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-6">اطلاعات تماس</h4> | |
| <ul class="space-y-3 text-gray-400"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-map-marker-alt mt-1 ml-3"></i> | |
| <span>تهران، خیابان ولیعصر، پلاک 123</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-phone ml-3"></i> | |
| <span>021-12345678</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-envelope ml-3"></i> | |
| <span>info@medstore.ir</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-clock ml-3"></i> | |
| <span>شنبه تا چهارشنبه: 8 الی 17</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 pt-8 text-center text-gray-400"> | |
| <p>© 2023 MedStore فارسی. تمامی حقوق محفوظ است.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> | |