<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mynora Bio | The Green Energy Revolution in Plastic Waste</title>
<script src="https://cdn.tailwindcss.com"></script>
<!-- Loading the Inter font globally -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #f7f7f7;
color: #1a1a1a;
}
/* Brand colors inspired by the logo: Dark Blue (like bio), Green (like mynora), and Gold/Brown (like the Menorah) */
.color-primary { color: #004c99; } /* Dark Blue */
.bg-primary { background-color: #004c99; }
.color-secondary { color: #2e8b57; } /* Green */
.bg-secondary { background-color: #2e8b57; }
.color-accent { color: #b8860b; } /* Gold/Brown */
.color-highlight-green { color: #90EE90; } /* Light Green for Hero Header */
/* Custom gradient for a richer feel on primary sections */
.bg-rich-primary {
background: linear-gradient(135deg, #004c99 0%, #0066cc 100%);
}
/* Styling for the process steps */
.process-step {
position: relative;
z-index: 10;
}
/* Custom styles for the dashed connecting arrow in the flow chart */
.process-arrow {
/* Basic dashed line using border styles */
border-right: 2px dashed #b8860b; /* Gold/Brown dashed line */
width: 1px; /* Vertical line on mobile */
height: 3rem; /* Vertical line on mobile */
margin: 1rem 0;
align-self: center;
}
@media (min-width: 768px) {
.process-arrow {
border-right: none;
border-top: 2px dashed #b8860b; /* Horizontal line on desktop */
width: 4rem; /* Horizontal line on desktop */
height: 1px;
margin: 0 1.5rem;
}
}
</style>
</head>
<body class="antialiased">
<!-- Top Navigation Bar -->
<header class="sticky top-0 bg-white shadow-xl z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
<!-- Logo (Image) -->
<div class="flex items-center space-x-2">
<!-- Using the uploaded Mynora Bio logo -->
<img src="uploaded:מיינורהbio .jpeg-bc3904fa-b5a0-494f-a741-c4179cd0d404"
alt="Mynora Bio Official Logo"
class="h-10 w-auto">
<span class="text-2xl font-bold color-primary sr-only sm:not-sr-only">Mynora Bio</span>
</div>
<!-- Contact Button -->
<a href="#contact" class="bg-secondary hover:bg-green-700 text-white font-semibold py-2 px-4 rounded-lg transition duration-300 shadow-md transform hover:scale-105">
Contact Us
</a>
</div>
</header>
<main>
<!-- Hero Section: More Visual, Focused on Green Energy -->
<section class="bg-rich-primary text-white py-20 sm:py-32 text-center relative overflow-hidden">
<!-- Background pattern for richness -->
<div class="absolute inset-0 opacity-10 bg-[url('https://api.iconify.design/lucide/leaf.svg?color=%23ffffff')] bg-repeat" style="background-size: 50px;"></div>
<div class="max-w-4xl mx-auto px-4 relative z-10">
<h1 class="text-5xl sm:text-7xl font-extrabold mb-4 leading-tight drop-shadow-lg">
<span class="color-highlight-green">Green Energy Revolution:</span><br> Turning Waste to Wealth
</h1>
<p class="text-xl sm:text-2xl mb-10 font-light opacity-90">
Harnessing **all types of plastic waste** to generate **reliable, sustainable, and clean energy**.
</p>
<!-- Central Icon emphasizing the transformation -->
<div class="flex justify-center items-center space-x-6 text-4xl mb-12">
<span class="bg-white text-green-600 p-4 rounded-full shadow-2xl">🗑️</span>
<svg class="w-12 h-12 text-white animate-pulse" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" /></svg>
<span class="bg-white text-blue-600 p-4 rounded-full shadow-2xl">⚡</span>
</div>
<a href="#solution" class="bg-secondary hover:bg-green-700 text-white font-bold py-4 px-10 text-xl rounded-full transition duration-300 shadow-xl transform hover:scale-105 inline-block border-2 border-white">
Discover Our Green Solution
</a>
</div>
</section>
<!-- The Global Challenge Section: Clearer Icons for Impact -->
<section id="challenge" class="py-16 sm:py-24 max-w-7xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold color-primary text-center mb-12">The Global Challenge: The Unsolved Plastic Waste Crisis</h2>
<div class="grid md:grid-cols-3 gap-8 text-center">
<!-- Card 1: A Growing Crisis (Pollution) -->
<div class="bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition duration-300 border-t-4 border-primary">
<div class="text-5xl mb-4">🌊</div>
<h3 class="text-xl font-semibold mb-3">Oceans & Landfills Overflow</h3>
<p class="text-gray-600">Billions of tons of plastic waste are accumulating worldwide, polluting our oceans and overburdening municipal landfills.</p>
</div>
<!-- Card 2: Environmental Destruction (Microplastics & Habitats) - UPDATED -->
<div class="bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition duration-300 border-t-4 border-secondary">
<div class="text-5xl mb-4">☠️</div>
<h3 class="text-xl font-semibold mb-3">Microplastics & Habitat Destruction</h3>
<p class="text-gray-600">Plastic breaks down into microplastics, damaging ecosystems and marine life, posing a long-term threat to global health.</p>
</div>
<!-- Card 3: Untapped Potential (Resource) -->
<div class="bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition duration-300 border-t-4 border-accent">
<div class="text-5xl mb-4">💎</div>
<h3 class="text-xl font-semibold mb-3">Valuable Untapped Resource</h3>
<p class="text-gray-600">This "waste" is a rich source of locked-in energy that is currently being wasted instead of utilized for power generation.</p>
</div>
</div>
</section>
<!-- Separator: Emphasizing the solution -->
<div class="max-w-7xl mx-auto px-4 py-8">
<div class="h-1 bg-secondary w-full rounded-full opacity-50"></div>
</div>
<!-- Our Solution Section: Visual Process Flow -->
<section id="solution" class="bg-gray-100 py-16 sm:py-24">
<div class="max-w-7xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold color-primary text-center mb-12">The Mynora Bio Process: From Waste to Green Power</h2>
<!-- STEP-BY-STEP VISUAL FLOW (Horizontal for Desktop, Vertical for Mobile) -->
<!-- The flex-col (vertical) is the default, md:flex-row (horizontal) for desktop -->
<div class="flex flex-col md:flex-row items-center justify-center space-y-8 md:space-y-0 md:space-x-4">
<!-- Step 1: Collection -->
<div class="process-step bg-white p-6 rounded-xl shadow-lg border-2 border-gray-200 text-center w-60 md:w-auto transform hover:scale-105 transition duration-300">
<span class="text-5xl mb-2 block">🚛</span>
<h4 class="font-semibold color-primary text-lg">1. Waste Collection</h4>
<p class="text-sm text-gray-500">Receiving **all types of plastic waste** streams.</p>
</div>
<!-- Arrow 1 (Styled for both vertical/horizontal) -->
<div class="process-arrow"></div>
<!-- Step 2: Biological Conversion -->
<div class="process-step bg-white p-6 rounded-xl shadow-lg border-2 border-gray-200 text-center w-60 md:w-auto transform hover:scale-105 transition duration-300">
<span class="text-5xl mb-2 block">🔬</span>
<h4 class="font-semibold color-primary text-lg">2. Bio-Conversion</h4>
<p class="text-sm text-gray-500">Biological decomposition of plastic into natural gas (Methane).</p>
</div>
<!-- Arrow 2 (Styled for both vertical/horizontal) -->
<div class="process-arrow"></div>
<!-- Step 3: Energy Output -->
<div class="process-step bg-white p-6 rounded-xl shadow-lg border-2 border-gray-200 text-center w-60 md:w-auto transform hover:scale-105 transition duration-300">
<span class="text-5xl mb-2 block">⚡</span>
<h4 class="font-semibold color-primary text-lg">3. Green Energy Output</h4>
<p class="text-sm text-gray-500">Gas is converted into reliable electricity for the grid.</p>
</div>
</div>
<!-- TEXT DETAILS -->
<div class="mt-16 bg-white p-8 rounded-xl shadow-xl border-l-4 border-secondary">
<h3 class="text-2xl font-semibold color-secondary mb-4">Sustainable & High-Efficiency Technology</h3>
<div class="grid md:grid-cols-2 gap-6 text-gray-700">
<div>
<p class="mb-3">
**The Technology:** We utilize specialized biological processes to rapidly and efficiently convert complex plastic polymers into biogas. This avoids high-heat processes common in incineration, resulting in a cleaner conversion.
</p>
<p>
**Key Result:** The resulting natural gas is a **renewable energy source** that offers stable, reliable power generation capacity, unlike intermittent sources like solar or wind.
</p>
</div>
<div>
<p class="mb-3">
**Environmental Edge:** Our solution handles **all plastic waste**, diverting massive volumes from landfills and reducing the environmental footprint associated with conventional disposal.
</p>
<p>
**Potential:** Converting 1 million tons of plastic per year is equivalent to approximately 23 trillion BTU of valuable energy.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- NEW GALLERY SECTION -->
<section id="gallery" class="py-16 sm:py-24 max-w-7xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold color-primary text-center mb-12">Project Visuals & Facility Tour</h2>
<div class="grid md:grid-cols-3 gap-6">
<!-- Image 1: Uploaded QR Code -->
<div class="overflow-hidden rounded-xl shadow-xl border-4 border-secondary/50 transform hover:scale-[1.02] transition duration-300">
<!-- The uploaded image is inserted here using its direct access link -->
<img src="uploaded:image_8eed0d.png-11395017-ffbc-4fa8-b2b8-c779e5996542"
alt="Mynora Bio QR Code (Placeholder)"
class="w-full h-auto object-cover" />
<p class="text-center p-2 text-sm text-gray-600 bg-white">Mynora Bio QR Code (Placeholder)</p>
</div>
<!-- Image 2: Placeholder for Facility -->
<div class="overflow-hidden rounded-xl shadow-xl border-4 border-gray-300 transform hover:scale-[1.02] transition duration-300">
<img src="https://placehold.co/800x600/2e8b57/ffffff?text=Facility+Site+Rendering"
alt="Rendering of the Mynora Bio facility"
class="w-full h-auto object-cover" />
<p class="text-center p-2 text-sm text-gray-600 bg-white">Facility Site Rendering (Placeholder)</p>
</div>
<!-- Image 3: Placeholder for Team/Technology -->
<div class="overflow-hidden rounded-xl shadow-xl border-4 border-gray-300 transform hover:scale-[1.02] transition duration-300">
<img src="https://placehold.co/800x600/004c99/ffffff?text=Technology+Demonstration"
alt="Close-up of the bio-conversion reactor"
class="w-full h-auto object-cover" />
<p class="text-center p-2 text-sm text-gray-600 bg-white">Technology Demonstration (Placeholder)</p>
</div>
</div>
<div class="text-center mt-8 text-gray-500 text-sm">
*Please replace the placeholder images and QR code with high-quality photos of your facility and technology.*
</div>
</section>
<!-- END NEW GALLERY SECTION -->
<!-- Environmental Impact and Future Vision Section: Enhanced Focus on Waste and Energy -->
<section class="bg-primary bg-rich-primary text-white py-16 sm:py-24">
<div class="max-w-7xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold text-center mb-12">Our Commitment: Waste Management & Green Energy</h2>
<div class="grid md:grid-cols-2 gap-10">
<!-- Card 1: Circularity (formerly Card 2) -->
<div class="bg-white text-gray-800 p-6 rounded-xl shadow-xl border-t-4 border-accent text-center transform hover:scale-105 transition duration-300">
<span class="text-4xl mb-3 block">🔄</span>
<h3 class="text-xl font-semibold color-primary mb-2">Driving Circularity</h3>
<p class="text-sm">We close the loop for **all plastic waste**, turning it back into a vital energy resource.</p>
</div>
<!-- Card 2: Energy Independence (formerly Card 3) -->
<div class="bg-white text-gray-800 p-6 rounded-xl shadow-xl border-t-4 border-accent text-center transform hover:scale-105 transition duration-300">
<span class="text-4xl mb-3 block">🔋</span>
<h3 class="text-xl font-semibold color-primary mb-2">Stable Green Power</h3>
<p class="text-sm">Providing consistent, dispatchable renewable energy that complements intermittent solar and wind sources.</p>
</div>
</div>
<div class="mt-16 text-center">
<a href="#benefits" class="text-white border-2 border-white font-bold py-3 px-8 text-lg rounded-full transition duration-300 hover:bg-white hover:text-primary inline-block">
View Investment & Community Benefits
</a>
</div>
</div>
</section>
<!-- Benefits for the Community and Investors Section (Content remains largely the same) -->
<section id="benefits" class="py-16 sm:py-24 max-w-7xl mx-auto px-4">
<h2 class="text-3xl sm:text-4xl font-bold color-primary text-center mb-12">Economic Opportunity and Community Impact</h2>
<div class="grid lg:grid-cols-2 gap-10">
<!-- Benefits for Investors -->
<div class="bg-white p-8 rounded-xl shadow-xl border-b-4 border-primary transform hover:translate-y-[-5px] transition duration-300">
<h3 class="text-2xl font-bold color-primary mb-6 flex items-center space-x-3">
<span>💰</span>
<span>For Investors: High Returns and Sustainable Impact</span>
</h3>
<ul class="space-y-3 text-gray-700 list-disc pl-6">
<li><strong>Profitable Market:</strong> Addressing a critical global problem with high demand.</li>
<li><strong>Multiple Revenue Streams:</strong> Selling electricity and gas directly to the grid, waste entrance fees (savings for local authorities), and carbon credit potential.</li>
<li><strong>Job Creation:</strong> Significant opportunity for regional economic development.</li>
<li><strong>Long-Term Viability:</strong> Stable business model driven by continuous waste generation and energy demand.</li>
</ul>
</div>
<!-- Benefits for Local Authorities -->
<div class="bg-white p-8 rounded-xl shadow-xl border-b-4 border-secondary transform hover:translate-y-[-5px] transition duration-300">
<h3 class="text-2xl font-bold color-secondary mb-6 flex items-center space-x-3">
<span>🏘️</span>
<span>For Local Authorities: Waste Solution and Energy Independence</span>
</h3>
<ul class="space-y-3 text-gray-700 list-disc pl-6">
<li><strong>Drastic Waste Reduction:</strong> Significantly reduces the volume of plastic waste sent to landfills (approx. 60% of waste).</li>
<li><strong>Sustainable Waste Management:</strong> An environmentally responsible alternative to traditional landfill methods.</li>
<li><strong>Local Energy Independence:</strong> Production of clean, local gas and electricity, reducing reliance on external sources.</li>
<li><strong>Cleaner Environment:</strong> Improving air quality and preventing methane emissions from landfills.</li>
</ul>
</div>
</div>
</section>
<!-- Call to Action and Contact Section -->
<section id="contact" class="py-16 sm:py-24 bg-white">
<div class="max-w-4xl mx-auto px-4 text-center">
<h2 class="text-3xl sm:text-4xl font-bold color-primary mb-6">Join Us in Building a Sustainable Tomorrow</h2>
<p class="text-xl text-gray-700 mb-10">
Whether you are an investor looking for a high-growth industry or a local authority seeking a revolutionary waste solution, we invite you to contact us.
</p>
<div class="space-y-6 md:space-y-0 md:flex md:justify-center md:space-x-8">
<!-- Individual Contact Details -->
<div class="p-6 bg-gray-100 rounded-xl shadow-lg w-full md:w-1/2">
<h3 class="text-2xl font-semibold color-primary mb-3">Contact Details</h3>
<p class="text-lg mb-1"><strong>Arie Cohen</strong></p>
<a href="mailto:mynoragroup@gmail.com" class="text-lg color-secondary hover:underline block">mynoragroup@gmail.com</a>
<a href="tel:0525986333" class="text-lg color-secondary hover:underline block mt-1">052-598-6333</a>
<!-- Facebook Link -->
<div class="mt-4">
<a href="https://www.facebook.com/profile.php?id=100090230203562" target="_blank" class="text-blue-600 hover:text-blue-800 transition duration-300 inline-flex items-center space-x-2">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.77l-.44 2.89h-2.33v6.987C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
<span>Follow Us on Facebook</span>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-rich-primary text-white py-6">
<div class="max-w-7xl mx-auto px-4 text-center">
<p>© 2025 Mynora Bio. All rights reserved.</p>
<p class="text-sm mt-2">Turning plastic waste into energy and economic growth.</p>
</div>
</footer>
</body>
</html>