<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nature Grow | Premium Latin American Spices in Bahrain & GCC</title>
<!-- SEO Meta Tags -->
<meta name="title" content="Nature Grow | Premium Latin American Spices in Bahrain & GCC">
<meta name="description" content="Nature Grow delivers ethically sourced cardamom, allspice, and spice blends from Latin America to Bahrain and the GCC. Decades of experience in the spice trade.">
<meta name="keywords" content="Nature Grow, spices Bahrain, cardamom GCC, Latin American spices, allspice Bahrain, spice import Bahrain, premium spices GCC, organic spices Bahrain">
<meta name="author" content="Nature Grow W.L.L.">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.naturegrowbahrain.com">
<meta property="og:title" content="Nature Grow | Premium Latin American Spices in Bahrain & GCC">
<meta property="og:description" content="Ethically sourced spices from Latin America to Bahrain and the GCC. Cardamom, allspice, and custom blends.">
<meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/3/3c/Cardamom_Pods.jpg">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.naturegrowbahrain.com">
<meta name="twitter:title" content="Nature Grow | Premium Latin American Spices in Bahrain & GCC">
<meta name="twitter:description" content="Ethically sourced spices from Latin America to Bahrain and the GCC. Cardamom, allspice, and custom blends.">
<meta name="twitter:image" content="https://upload.wikimedia.org/wikipedia/commons/3/3c/Cardamom_Pods.jpg">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<script>
function toggleLanguage(lang) {
const en = document.querySelectorAll('.lang-en');
const ar = document.querySelectorAll('.lang-ar');
en.forEach(el => el.style.display = lang === 'en' ? 'block' : 'none');
ar.forEach(el => el.style.display = lang === 'ar' ? 'block' : 'none');
}
</script>
<style>
body {
font-family: 'Segoe UI', sans-serif;
margin: 0;
background-color: #f4fff4;
color: #333;
line-height: 1.6;
}
header, footer {
background-color: #2e7d32;
color: white;
padding: 20px;
text-align: center;
}
nav a {
margin: 0 15px;
color: white;
text-decoration: none;
font-weight: bold;
}
section {
padding: 40px 20px;
}
.hero {
background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https://upload.wikimedia.org/wikipedia/commons/3/3c/Cardamom_Pods.jpg') center/cover no-repeat;
color: white;
padding: 100px 20px;
text-align: center;
animation: fadeIn 2s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.product-card {
border: 1px solid #ccc;
padding: 20px;
margin: 20px 0;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.product-card:hover {
transform: scale(1.02);
}
.product-card img {
max-width: 100%;
border-radius: 5px;
}
.contact-form input, .contact-form textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
.contact-form button {
background-color: #2e7d32;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
iframe {
border: none;
width: 100%;
height: 300px;
margin-top: 20px;
border-radius: 8px;
}
@media (max-width: 768px) {
nav a { display: block; margin: 10px 0; }
.hero { padding: 60px 20px; }
}
</style>
</head>
<body>
<header>
<h1>Nature Grow</h1>
<nav>
<a href="#home">Home</a>
<a href="#about">About Us</a>
<a href="#products">Products</a>
<a href="#contact">Contact</a>
</nav>
<div style="margin-top:10px;">
<button onclick="toggleLanguage('en')">English</button>
<button onclick="toggleLanguage('ar')">العربية</button>
</div>
</header>
<section id="home" class="hero">
<h2 class="lang-en">From Latin America to the Gulf</h2>
<h2 class="lang-ar" style="display:none;">من أمريكا اللاتينية إلى الخليج</h2>
<p class="lang-en">Delivering purity in every spice.</p>
<p class="lang-ar" style="display:none;">نقدم النقاء في كل توابل.</p>
</section>
<section id="about">
<h2 class="lang-en">About Us</h2>
<h2 class="lang-ar" style="display:none;">من نحن</h2>
<p class="lang-en">With decades of experience in the spice trade, Nature Grow has built a legacy of trust and quality. Our journey began with a passion for authentic flavor and a commitment to ethical sourcing. Today, we partner with farmers across Latin America and serve clients throughout the GCC, bringing the finest spices to your table.</p>
<p class="lang-ar" style="display:none;">مع عقود من الخبرة في تجارة التوابل، بنت Nature Grow إرثًا من الثقة والجودة. بدأت رحلتنا بشغف بالنكهة الأصيلة والتزام بالمصادر الأخلاقية. اليوم، نتعاون مع مزارعين في أمريكا اللاتينية ونخدم عملاء في جميع أنحاء الخليج، مقدمين أفضل التوابل إلى مائدتكم.</p>
</section>
<section id="products">
<h2 class="lang-en">Our Products</h2>
<h2 class="lang-ar" style="display:none;">منتجاتنا</h2>
<div class="product-card">
<h3 class="lang-en">Cardamom</h3>
<h3 class="lang-ar" style="display:none;">الهيل</h3>
<img src="https://upload.wikimedia.org/wikipedia/commons/3/3c/Cardamom_Pods.jpg" alt="Premium green cardamom pods from Guatemala">
<p class="lang-en">Bold aroma, handpicked from Guatemalan highlands.</p>
<p class="lang-ar" style="display:none;">رائحة قوية، يتم اختيارها يدويًا من مرتفعات غواتيمالا.</p>
</div>
<div class="product-card">
<h3 class="lang-en">Allspice</h3>
<h3 class="lang-ar" style="display:none;">بهار مشكل</h3>
<img src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Allspice.jpg" alt="Whole allspice berries from Jamaica">
<p class="lang-en">Rich and warm, sourced from Jamaican farms.</p>
<p class="lang-ar" style="display:none;">غني ودافئ، يتم الحصول عليه من مزارع جامايكا.</p>
</div>
</section>
<section id="contact">
<h2 class="lang-en">Contact Us</h2>
<h2 class="lang-ar" style="display:none;">اتصل بنا</h2>
<form class="contact
-form" action="mailto:[email protected]" method="post" enctype="text/plain">
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<textarea name="message" rows="5" placeholder="Your Message" required></textarea>
<button type="submit">Send Message</button>
</form>
<iframe src="https://maps.google.com/maps?q=Manama,%20Bahrain&t=&z=13&ie=UTF8&iwloc=&output=embed"></iframe>
</section>
<footer>
<p>© 2025 Nature Grow W.L.L. All rights reserved.</p>
</footer>
</body>
</html>