ÿþ<?php // This file contains the header navigation ?><!-- Navigation --> <nav class="mx-auto z-50 px-6 pt-4"> <div class="bg-brand shadow-lg rounded-[60px]"> <div class="container mx-auto px-6"> <div class="flex justify-between items-center h-24"> <!-- Logo and Menu --> <div class="flex items-center"> <a href="index.php" class="relative group"> <img src="assets/images/logo-white.webp" alt="Nourel Logo" class="h-10 w-auto"> <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-white group-hover:w-full transition-all duration-300"></span> </a> <div class="hidden md:flex items-center ml-8"> <div class="h-16 w-1 bg-white mx-8"></div> <div class="flex items-center space-x-8"> <a href="index.php" class="text-white hover:text-white/80 transition duration-300 relative group text-lg whitespace-nowrap"> <i class="fas fa-home mr-2"></i> Home <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-white group-hover:w-full transition-all duration-300"></span> </a> <a href="about.php" class="text-white hover:text-white/80 transition duration-300 relative group text-lg whitespace-nowrap"> <i class="fas fa-info-circle mr-2"></i> About Us <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-white group-hover:w-full transition-all duration-300"></span> </a> <a href="products.php" class="text-white hover:text-white/80 transition duration-300 relative group text-lg whitespace-nowrap"> <i class="fas fa-box mr-2"></i> Products <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-white group-hover:w-full transition-all duration-300"></span> </a> <a href="blog.php" class="text-white hover:text-white/80 transition duration-300 relative group text-lg whitespace-nowrap"> <i class="fas fa-blog mr-2"></i> Blog <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-white group-hover:w-full transition-all duration-300"></span> </a> <a href="contact.php" class="text-white hover:text-white/80 transition duration-300 relative group text-lg whitespace-nowrap"> <i class="fas fa-envelope mr-2"></i> Contact <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-white group-hover:w-full transition-all duration-300"></span> </a> </div> </div> </div> <!-- Search and Mobile Menu Button --> <div class="flex items-center space-x-6"> <div class="hidden md:block relative"> <div class="relative bg-gradient-to-r from-white to-white p-1 rounded-full"> <input type="text" placeholder="Type to search..." class="w-64 px-6 py-3 rounded-full bg-white text-gray-700 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-300 transition duration-300 text-sm"> <button class="absolute right-2 top-1/2 transform -translate-y-1/2 bg-white hover:bg-white text-white rounded-full w-8 h-8 flex items-center justify-center transition duration-300"> <i class="fas fa-search text-sm text-green-900"></i> </button> </div> </div> <div class="md:hidden flex items-center space-x-4"> <button class="text-white focus:outline-none"> <i class="fas fa-search text-xl"></i> </button> <button id="mobileMenuButton" class="text-white focus:outline-none"> <i class="fas fa-bars text-xl"></i> </button> </div> </div> </div> </div> </div> </nav> <!-- Mobile Menu --> <div id="mobileMenu" class="md:hidden hidden absolute w-full bg-brand shadow-lg rounded-b-3xl -mt-4 pt-4"> <div class="container mx-auto px-4 py-4"> <div class="flex flex-col space-y-4"> <div class="relative"> <input type="text" placeholder="Search products..." class="w-full px-4 py-2.5 rounded-lg bg-white text-gray-700 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-white/50 transition duration-300"> <button class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-brand transition duration-300"> <i class="fas fa-search"></i> </button> </div> <a href="index.php" class="text-white hover:text-white/80 transition duration-300 py-3 border-b border-white/10 text-lg"> <i class="fas fa-home mr-2"></i> Home </a> <a href="about.php" class="text-white hover:text-white/80 transition duration-300 py-3 border-b border-white/10 text-lg"> <i class="fas fa-info-circle mr-2"></i> About Us </a> <a href="products.php" class="text-white hover:text-white/80 transition duration-300 py-3 border-b border-white/10 text-lg"> <i class="fas fa-box mr-2"></i> Products </a> <a href="blog.php" class="text-white hover:text-white/80 transition duration-300 py-3 border-b border-white/10 text-lg"> <i class="fas fa-blog mr-2"></i> Blog </a> <a href="contact.php#contact" class="text-white hover:text-white/80 transition duration-300 py-3 border-b border-white/10 text-lg"> <i class="fas fa-envelope mr-2"></i> Contact </a> </div> </div> </div> <!-- Include search functionality --> <script src="assets/js/search.js"></script>

Our Blog

Stay updated with our insights on botanical extracts, industry trends, and sustainable practices.

Shiitake Magic
Featured • January 15, 2025 • Health & Wellness

Shiitake Magic: Transform Your Wellness with This Super Mushroom

Discover how shiitake mushrooms fight cancer, boost immunity, protect your gut, and offer remarkable health benefits backed by scientific research. The mushroom that's changing medicine.

Read Full Article

Latest Articles

Shiitake Mushroom
January 15, 2025 • Health & Wellness

Shiitake Magic: Transform Your Wellness with This Super Mushroom

Discover how shiitake mushrooms fight cancer, boost immunity, protect your gut, and offer remarkable health benefits backed by scientific research.

Read More
Sustainability in Extraction
May 15, 2025 • Sustainability

The Future of Sustainable Botanical Extraction

Exploring innovative methods to minimize environmental impact while maximizing extract potency and purity.

Read More
Quality Control
April 28, 2025 • Quality

Understanding Quality Markers in Botanical Extracts

A deep dive into the key indicators that define premium quality in plant-based extractions.

Read More
Herbal Innovations
March 12, 2025 • Innovation

Emerging Trends in Botanical Extract Applications

How plant-based extracts are finding new uses in cosmetics, nutraceuticals, and functional foods.

Read More
Extraction Process
February 20, 2025 • Process

The Science Behind Botanical Extraction

Understanding the complex processes that transform raw plant materials into potent, pure botanical extracts.

Read More
Plant Selection
January 15, 2025 • Research

Selecting the Right Plants for Extraction

Learn how we identify and source the highest quality plants for our extraction processes.

Read More
Industry News
December 10, 2024 • Industry

The Growing Market for Botanical Extracts

An overview of the expanding global market and the opportunities it presents for businesses and consumers.

Read More

Subscribe to Our Newsletter

Get the latest articles, product updates, and industry insights delivered to your inbox.