moha2025 / index.html
ascestark's picture
Update index.html
9010428 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Premium Halal Goat & Sheep Meat Exporter | Dubai-Based Supplier | لحم الماعز الحلال الممتاز</title>
<meta name="description" content="Premium halal goat meat and sheep exports from Kenya's Masai Savannah. Specializing in Dobber and Blackhead sheep, whole cuts for Middle Eastern markets. تصدير لحم الماعز الحلال الممتاز من كينيا">
<meta name="keywords" content="goat meat exporter, halal meat Dubai, Kenyan goat meat, sheep exporter, Dobber sheep, Blackhead sheep, whole cuts meat, Masai Savannah meat, premium halal meat">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<!-- Structured Data for SEO -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Premium Halal Meat Exporter",
"url": "https://yourdomain.com",
"logo": "https://yourdomain.com/logo.png",
"description": "Premium halal goat and sheep meat exporter from Kenya's Masai Savannah region",
"address": {
"@type": "PostalAddress",
"addressLocality": "Nairobi",
"addressCountry": "Kenya"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+254-72142434",
"contactType": "customer service"
}
}
</script>
</head>
<body class="font-sans bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-lg fixed w-full z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<span class="text-xl font-bold text-green-800">SAVANNAH PREMIUM MEATS</span>
<span class="text-xl font-bold text-green-800 mr-2"> | Premium Halal Meats</span>
</div>
<div class="hidden md:flex items-center space-x-8">
<a href="#home" class="text-gray-700 hover:text-green-700">Home</a>
<a href="#products" class="text-gray-700 hover:text-green-700">Products</a>
<a href="#about" class="text-gray-700 hover:text-green-700">About</a>
<a href="#quality" class="text-gray-700 hover:text-green-700">Quality</a>
<a href="#contact" class="bg-green-700 text-white px-4 py-2 rounded-lg hover:bg-green-800 transition">Inquire Now</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="pt-20 bg-gradient-to-r from-green-900 to-green-700 text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div data-aos="fade-right">
<h1 class="text-4xl md:text-5xl font-bold mb-6">Premium Halal Meat from Kenya's Finest Pastures | لحم الماعز الحلال الممتاز</h1>
<p class="text-lg mb-8">Exporting superior quality goat and sheep meat from the pristine Masai Savannah and Northeastern Kenya to discerning clients across the Middle East.</p>
<div class="flex flex-wrap gap-4">
<a href="#contact" class="bg-white text-green-800 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">Request Quote</a>
<a href="#products" class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-green-800 transition">View Products</a>
</div>
</div>
<div data-aos="fade-left" class="relative">
<img src="https://media.istockphoto.com/id/2224339435/photo/cool-storage-with-cow-carcasses-in-beef-factory.jpg?s=612x612&w=0&k=20&c=8Bf6UxAPYvYHdQLaj99DOe_NjAMRnTyXznBPWVX9xAI=" alt="Premium goat meat from Masai Savannah" class="rounded-lg shadow-2xl">
<div class="absolute -bottom-4 -right-4 bg-white text-green-800 p-4 rounded-lg shadow-lg">
<div class="flex items-center">
<i data-feather="award" class="mr-2"></i>
<span class="font-semibold">Certified Halal Export | حلال معتمد</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Products Section -->
<section id="products" class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16" data-aos="fade-up">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Our Premium Meat Products</h2>
<p class="text-lg text-gray-600">Sourced from the finest breeds, raised in natural environments</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-gray-50 rounded-lg p-6 shadow-md hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="100">
<div class="mb-4">
<img src="https://cdn.pixabay.com/photo/2020/04/13/15/59/goat-5039018_640.jpg">
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Masai Goat Meat</h3>
<p class="text-gray-600 mb-4">Premium quality goat meat from free-range Masai Savannah goats, known for their lean texture and rich flavor.</p>
<ul class="text-sm text-gray-600 space-y-1">
<li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-600"></i> Whole carcass or custom cuts</li>
<li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-600"></i> Halal certified processing</li>
<li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-600"></i> Vacuum packed for freshness</li>
</ul>
</div>
<div class="bg-gray-50 rounded-lg p-6 shadow-md hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="200">
<div class="mb-4">
<img src="http://static.photos/food/640x360/20" alt="Dobber Sheep" class="w-full h-48 object-cover rounded-lg">
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Dobber Sheep</h3>
<p class="text-gray-600 mb-4">Premium Dobber sheep meat, known for its excellent marbling and tender texture, perfect for Middle Eastern cuisine.</p>
<ul class="text-sm text-gray-600 space-y-1">
<li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-600"></i> Whole and half carcass options</li>
<li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-600"></i> Custom cutting available</li>
<li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-600"></i> ISO certified processing</li>
</ul>
</div>
<div class="bg-gray-50 rounded-lg p-6 shadow-md hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="300">
<div class="mb-4">
<img src="http://static.photos/food/640x360/30" alt="Blackhead Sheep" class="w-full h-48 object-cover rounded-lg">
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-极速快3">Blackhead Sheep</h3>
<p class="text-gray-600 mb-4">Superior Blackhead Persian sheep, renowned for their quality meat that meets the highest standards of Middle Eastern markets.</p>
<ul class="text-sm text-gray-600 space-y-1">
<li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-600"></i> Export-ready packaging</li>
<li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-600"></i> Strict quality control</li>
<li class="flex items-center"><i data-feather="check" class="w-4 h-4 mr-2 text-green-600"></i> Temperature controlled shipping</li>
</ul>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="py-20 bg-gray-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div data-aos="fade-right">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-6">Why Choose Our Meat? | لماذا تختار لحومنا؟</h2>
<p class="text-lg text-gray-600 mb-6">With years of experience exporting to Arabic countries, we understand the specific requirements and preferences of Middle Eastern markets.<br>بخبرة سنوات في التصدير إلى الدول العربية، نحن نتفهم المتطلبات والتفضيلات الخاصة بأسواق الشرق الأوسط</p>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-green-100 p-2 rounded-full mr-4">
<i data-feather="map-pin" class="w-6 h-6 text-green-700"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800">Strategic Dubai Location</h4>
<p class="text-gray-600">Now based in Dubai for better logistics and customer service across the region</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-green-100 p-2 rounded-full mr-4">
<i data-feather="heart" class="w-6 h-6 text-green-700"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800">Natural Grazing</h4>
<p class="text-gray-600">Animals graze freely on natural pastures, ensuring superior meat quality</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-green-100 p-2 rounded-full mr-4">
<i data-feather="shield" class="w-6 h-6 text-green-700"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800">Quality Assurance</h4>
<p class="text-gray-600">Rigorous quality control from farm to export, meeting international standards</p>
</div>
</div>
</div>
</div>
<div data-aos="fade-left">
<img src="http://static.photos/food/640x360/50" alt="Natural grazing in Masai Savannah" class="rounded-lg shadow-lg">
</div>
</div>
</div>
</section>
<!-- Quality Process -->
<section id="quality" class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16" data-aos="fade-up">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Our Quality Process</h2>
<p class="text-lg text-gray-600">From pasture to plate, we maintain the highest standards</p>
</div>
<div class="grid md:grid-cols-4 gap-8">
<div class="text-center" data-aos="fade-up" data-aos-delay="100">
<div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="compass" class="w-8 h-8 text-green-700"></i>
</div>
<h3 class="font-semibold text-gray-800 mb-2">Natural Grazing</h3>
<p class="text-sm text-gray-600">Free-range animals grazing on nutrient-rich savannah pastures</p>
</div>
<div class="text-center" data-aos="fade-up" data-aos-delay="200">
<div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="scissors" class="w-8 h-8 text-green-700"></i>
</div>
<h3 class="font-semibold text-gray-800 mb-2">Expert Processing</h3>
<p class="text-sm text-gray-600">Halal certified processing with modern facilities</p>
</div>
<div class="text-center" data-aos="fade-up" data-aos-delay="300">
<div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="package" class="w-8 h-8 text-green-700"></i>
</div>
<h3 class="font-semibold text-gray-800 mb-2">Quality Packaging</h3>
<p class="text-sm text-gray-600">Vacuum sealing and temperature-controlled packaging</p>
</div>
<div class="text-center" data-aos="fade-up" data-aos-delay="400">
<div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="truck" class="w-8 h-8 text-green-700"></i>
</div>
<h3 class="font-semibold text-gray-800 mb-2">Efficient Logistics</h3>
<p class="text-sm text-gray-600">Fast and reliable shipping from Dubai hub</p>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="py-20 bg-green-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16" data-aos="f极速快ade-up">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Trusted by Clients Across the Middle East</h2>
</div>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="100">
<div class="flex items-center mb-4">
<div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mr-4">
<i data-feather="user" class="text-green-700"></i>
</div>
<div>
<h4 class="font-semibold">Ahmed Al-Mansoori</h4>
<p class="text-sm text-gray-600">Restaurant Owner, Qatar</p>
</div>
</div>
<p class="text-gray-600">"The quality of their goat meat is exceptional. Our customers consistently praise the flavor and tenderness."</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="200">
<div class="flex items-center mb-4">
<div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mr-4">
<i data-feather="user" class="text-green-700"></i>
</div>
<div>
<h4 class="font-semibold">Mohammed Hassan</h4>
<p class="text-sm text-gray-600">Wholesale Distributor, UAE</p>
</div>
</div>
<p class="text-gray-600">"Their relocation to Dubai has made logistics much smoother. The Dobber sheep quality is consistently excellent."</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="300">
<div class="flex items-center mb-4">
<div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mr-4">
<i data-feather="user" class="text-green-700"></i>
</div>
<div>
<h4 class="font-semibold">Fatima Al-Rashid</h4>
<p class="text-sm text-gray-600">Hotel Chain, Saudi Arabia</p>
</div>
</div>
<p class="text-gray-600">"We've been working with them for years. Their Blackhead sheep meets our strict quality standards perfectly."</p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-20 bg-gray-900 text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-2 gap-12">
<div data-aos="fade-right">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Place Your Order?</h2>
<p class="text-lg mb-8">Contact us for pricing, availability, and custom requirements. Our Dubai-based team is ready to assist you.</p>
<div class="space-y-4">
<div class="flex items-center">
<div class="bg-green-700 p-2 rounded-full mr-4">
<i data-feather="mail" class="w-6 h-6"></i>
</div>
<div>
<h4 class="font-semibold">Email</h4>
<p>info@savannahmeats.com</p>
</div>
</div>
<div class="flex items-center">
<div class="bg-green-700 p-2 rounded-full mr-4">
<i data-feather="phone" class="w-6 h-6"></i>
</div>
<div>
<h4 class="font-semibold">Phone</h4>
<p>+971-XXX-XXXX</p>
</div>
</div>
<div class="flex items-center">
<div class="bg-green-700 p-2 rounded-full mr-4">
<i data-feather="map-pin" class="w-6 h-6"></i>
</div>
<div>
<h4 class="font-semibold">Location</h4>
<p>Dubai, United Arab Emirates</p>
</div>
</div>
</div>
</div>
<div data-aos="fade-left">
<form class="bg-white text-gray-800 p-8 rounded-lg shadow-lg">
<h3 class="text-2xl font-bold mb-6">Send Inquiry</h3>
<div class="space-y-4">
<div>
<label class="block text-sm font-medium mb-2">Your Name | اسمك</label>
<input type="text" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-transparent">
</div>
<div>
<label class="block text-sm font-medium mb-2">Email Address | البريد الإلكتروني</label>
<input type="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-transparent">
</div>
<div>
<label class="block text-sm font-medium mb-2">Phone Number | رقم الهاتف</label>
<input type="tel" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-transparent">
</div>
<div>
<label class="block text-sm font-medium mb-2">Product Interest | المنتج المطلوب</label>
<select class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-transparent">
<option>Masai Goat Meat</option>
<option>Dobber Sheep</option>
<option>Blackhead Sheep</option>
<option>Multiple Products</option>
</select>
</div>
<div>
<label class="block text-sm font-medium mb-2">Message | الرسالة</label>
<textarea rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-transparent"></textarea>
</div>
<button type="submit" class="w-full bg-green-700 text-white py-3 rounded-lg font-semibold hover:bg-green-800 transition">Submit Inquiry | إرسال الاستفسار</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-4 gap-8">
<div>
<h4 class="text-lg font-semibold mb-4">Savannah Premium Meats</h4>
<p class="text-gray-400">Exporting premium halal meat from Kenya's finest pastures to the Middle East.</p>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Products</h4>
<ul class="space-y-2 text-gray-400">
<li><a href="#" class="hover:text-white">Masai Goat Meat</a></li>
<li><a href="#" class="hover:text-white">Dobber Sheep</a></li>
<li><a href="#" class="hover:text-white">Blackhead Sheep</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Quick Links</h4>
<ul class="space-y-2 text-gray-400">
<li><a href="#about" class="hover:text-white">About Us</a></li>
<li><a href="#quality" class="hover:text-white">Quality Process</a></li>
<li><a href="#contact" class="hover:text-white">Contact</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Connect</h4>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="linkedin"></i></a>
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
</div>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
<p>&copy; 2024 Savannah Premium Meats. All rights reserved.</p>
</div>
</div>
</footer>
<script>
AOS.init({
duration: 1000,
once: true
});
feather.replace();
</script>
</body>
</html>