<!DOCTYPE html>
<html lang="en-GB">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Easy Energy Media - Digital Ecosystem</title>
    <meta name="description" content="Easy Energy Media Group is a leading UK-based digital publishing and consultancy firm focused on the renewable energy sector and consumer efficiency.">
    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        brand: '#0f766e', // Teal color for energy vibes
                        dark: '#1e293b',
                    }
                }
            }
        }
    </script>
    
    <!-- STRUCTURED DATA (Essential for Google Trust) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Easy Energy Media Ltd",
      "url": "https://www.easyenergy.biz",
      "logo": "https://www.easyenergy.biz/logo.png",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "71-75 Shelton Street",
        "addressLocality": "Covent Garden, London",
        "postalCode": "WC2H 9JQ",
        "addressCountry": "UK"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+44-20-7946-0123",
        "contactType": "customer service"
      }
    }
    </script>
</head>
<body class="bg-gray-50 text-gray-800 font-sans flex flex-col min-h-screen">

    <!-- Navigation -->
    <!-- NAV -->
<nav class="bg-white shadow-md sticky top-0 z-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between items-center h-16">
            
            <!-- Logo -->
            <div class="flex items-center">
                <span class="font-bold text-2xl text-brand">
                    Easy Energy<span class="text-gray-500">.biz</span>
                </span>
            </div>

            <!-- Desktop Menu -->
            <div class="hidden sm:flex space-x-8">
                <a href="/" class="text-gray-500 hover:text-gray-900 text-sm font-medium">Home</a>
                <a href="about.html" class="text-gray-500 hover:text-gray-900 text-sm font-medium">Corporate Profile</a>
                <a href="services.html" class="text-gray-500 hover:text-gray-900 text-sm font-medium">Brand Portfolio</a>
                <a href="contact.html" class="text-gray-500 hover:text-gray-900 text-sm font-medium">Investor Relations</a>
            </div>

            <!-- Mobile Button -->
            <button id="menuBtn" class="sm:hidden inline-flex items-center justify-center rounded-md p-2 text-gray-600 hover:bg-gray-100 focus:outline-none">
                <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M4 6h16M4 12h16M4 18h16" />
                </svg>
            </button>
        </div>
    </div>

    <!-- Mobile Menu Panel -->
    <div id="mobileMenu" class="hidden sm:hidden border-t border-gray-200 bg-white">
        <div class="px-4 py-4 space-y-3">
            <a href="/" class="block text-gray-700 font-medium py-2">Home</a>
            <a href="about.html" class="block text-brand font-semibold py-2">Corporate Profile</a>
            <a href="services.html" class="block text-gray-700 font-medium py-2">Brand Portfolio</a>
            <a href="contact.html" class="block text-gray-700 font-medium py-2">Investor Relations</a>
        </div>
    </div>
</nav>

<script>
    document.getElementById('menuBtn').addEventListener('click', function () {
        document.getElementById('mobileMenu').classList.toggle('hidden');
    });
</script>


    <!-- Hero Section -->
    <div class="relative bg-white overflow-hidden">
        <div class="max-w-7xl mx-auto">
            <div class="relative z-10 pb-8 bg-white sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32">
                <main class="mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28">
                    <div class="sm:text-center lg:text-left">
                        <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
                            <span class="block xl:inline">Injecting New Energy into</span>
                            <span class="block text-brand">Digital Publishing</span>
                        </h1>
                        <p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
                            We are a London-based media holding company managing a diverse ecosystem of niche consumer information portals. From home improvement to wellness, we power the conversations that matter.
                        </p>
                        <div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
                            <div class="rounded-md shadow">
                                <a href="services.html" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-brand hover:bg-teal-700 md:py-4 md:text-lg">
                                    Our Verticals
                                </a>
                            </div>
                            <div class="mt-3 sm:mt-0 sm:ml-3">
                                <a href="about.html" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-brand bg-teal-100 hover:bg-teal-200 md:py-4 md:text-lg">
                                    About The Group
                                </a>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
        </div>
        <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2 bg-gray-200">
            <!-- Changed image to a modern open office/creative space to imply "Startups/Media" -->
            <img class="h-56 w-full object-cover sm:h-72 md:h-96 lg:w-full lg:h-full" src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Creative Media Office London">
        </div>
    </div>

    <!-- TRUST SIGNAL: Industry Stats Bar -->
    <div class="bg-brand">
        <div class="max-w-7xl mx-auto py-12 px-4 sm:py-16 sm:px-6 lg:px-8 lg:py-10">
            <div class="max-w-4xl mx-auto text-center">
                <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
                    A Growing Digital Ecosystem
                </h2>
                <p class="mt-3 text-xl text-teal-200 sm:mt-4">
                    Connecting brands with high-intent audiences through targeted content.
                </p>
            </div>
            <dl class="mt-10 text-center sm:max-w-3xl sm:mx-auto sm:grid sm:grid-cols-3 sm:gap-8">
                <div class="flex flex-col">
                    <dt class="order-2 mt-2 text-lg leading-6 font-medium text-teal-200">Monthly Unique Visitors</dt>
                    <dd class="order-1 text-5xl font-extrabold text-white">120k+</dd>
                </div>
                <div class="flex flex-col mt-10 sm:mt-0">
                    <dt class="order-2 mt-2 text-lg leading-6 font-medium text-teal-200">Niche Portals</dt>
                    <dd class="order-1 text-5xl font-extrabold text-white">25+</dd>
                </div>
                <div class="flex flex-col mt-10 sm:mt-0">
                    <dt class="order-2 mt-2 text-lg leading-6 font-medium text-teal-200">Content Partners</dt>
                    <dd class="order-1 text-5xl font-extrabold text-white">80+</dd>
                </div>
            </dl>
        </div>
    </div>

    <!-- Features Section -->
    <div class="py-12 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="lg:text-center mb-12">
                <h2 class="text-base text-brand font-semibold tracking-wide uppercase">Our Philosophy</h2>
                <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
                    Architecture of Information
                </p>
                <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
                    Easy Energy Media acquires, develops, and manages web properties that provide specific, high-value data to consumers across the UK and Europe.
                </p>
            </div>

            <div class="mt-10">
                <dl class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10">
                    <div class="relative bg-white p-6 rounded-lg shadow-sm border border-gray-100">
                        <dt>
                            <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-brand text-white">
                                <!-- Heroicon name: globe-alt -->
                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
                                </svg>
                            </div>
                            <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Diverse Verticals</p>
                        </dt>
                        <dd class="mt-2 ml-16 text-base text-gray-500">
                            Our portfolio spans distinct sectors including interior design, personal health, lifestyle technology, and consumer finance. We believe in the power of niche expertise.
                        </dd>
                    </div>

                    <div class="relative bg-white p-6 rounded-lg shadow-sm border border-gray-100">
                        <dt>
                            <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-brand text-white">
                                <!-- Heroicon name: lightning-bolt -->
                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
                                </svg>
                            </div>
                            <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Incubation Strategy</p>
                        </dt>
                        <dd class="mt-2 ml-16 text-base text-gray-500">
                            We identify emerging trends and deploy rapid-growth content platforms. Our "Easy Energy" approach refers to the vitality we inject into stagnant content markets.
                        </dd>
                    </div>
                </dl>
            </div>
        </div>
    </div>

    <div class="bg-white border-t border-gray-200">
        <div class="mx-auto py-12 px-4 max-w-7xl sm:px-6 lg:px-8 lg:py-24">
            <div class="space-y-12">
                <div class="space-y-5 sm:space-y-4 md:max-w-xl lg:max-w-3xl xl:max-w-none">
                    <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">Board of Directors</h2>
                    <p class="text-xl text-gray-500">Guided by veterans in digital acquisition and publishing.</p>
                </div>
                <ul role="list" class="space-y-12 sm:grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-12 sm:space-y-0 lg:grid-cols-3 lg:gap-x-8">
                    <!-- Person 1 -->
                    <li>
                        <div class="space-y-4">
                            <div class="aspect-w-3 aspect-h-2">
                                <img class="object-cover shadow-lg rounded-lg h-52 w-full object-top" src="https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=500&h=500&q=80" alt="Sarah Jenkins">
                            </div>
                            <div class="space-y-2">
                                <div class="text-lg leading-6 font-medium space-y-1">
                                    <h3>Sarah Jenkins</h3>
                                    <p class="text-brand">Chief Executive Officer</p>
                                </div>
                                <div class="text-lg">
                                    <p class="text-gray-500">20 years in digital media M&A. Former VP at Global Reach Publishing.</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- Person 2 -->
                    <li>
                        <div class="space-y-4">
                            <div class="aspect-w-3 aspect-h-2">
                                <img class="object-cover shadow-lg rounded-lg h-52 w-full object-top" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=500&h=500&q=80" alt="David Ross">
                            </div>
                            <div class="space-y-2">
                                <div class="text-lg leading-6 font-medium space-y-1">
                                    <h3>David Ross</h3>
                                    <p class="text-brand">Head of Portfolio Strategy</p>
                                </div>
                                <div class="text-lg">
                                    <p class="text-gray-500">Specializing in SEO architecture and niche market identification.</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- Person 3 -->
                    <li>
                        <div class="space-y-4">
                            <div class="aspect-w-3 aspect-h-2">
                                <img class="object-cover shadow-lg rounded-lg h-52 w-full object-top" src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=500&h=500&q=80" alt="Elena Wright">
                            </div>
                            <div class="space-y-2">
                                <div class="text-lg leading-6 font-medium space-y-1">
                                    <h3>Elena Wright</h3>
                                    <p class="text-brand">Director of Brand Partnerships</p>
                                </div>
                                <div class="text-lg">
                                    <p class="text-gray-500">Connecting advertisers with our network of consumer advice blogs.</p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="bg-gray-50 pt-16 pb-20 px-4 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8">
        <div class="relative max-w-7xl mx-auto">
            <div class="text-center">
                <h2 class="text-3xl tracking-tight font-extrabold text-gray-900 sm:text-4xl">Group News</h2>
                <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4">
                    Latest acquisitions and portfolio updates.
                </p>
            </div>
            <div class="mt-12 max-w-lg mx-auto grid gap-5 lg:grid-cols-3 lg:max-w-none">
                <!-- Card 1 -->
                <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
                    <div class="flex-1 bg-white p-6 flex flex-col justify-between">
                        <div class="flex-1">
                            <p class="text-sm font-medium text-brand">Portfolio Update</p>
                            <a href="#" class="block mt-2">
                                <p class="text-xl font-semibold text-gray-900">Expansion into Home & Decor</p>
                                <p class="mt-3 text-base text-gray-500">Easy Energy Media is proud to launch three new portals dedicated to interior design and sustainable renovation materials.</p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- Card 2 -->
                <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
                    <div class="flex-1 bg-white p-6 flex flex-col justify-between">
                        <div class="flex-1">
                            <p class="text-sm font-medium text-brand">Industry Analysis</p>
                            <a href="#" class="block mt-2">
                                <p class="text-xl font-semibold text-gray-900">The Shift to Niche Publishing</p>
                                <p class="mt-3 text-base text-gray-500">Why generalist news sites are losing ground to specialized, expert-led micro-blogs in the post-2025 search landscape.</p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- Card 3 -->
                <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
                    <div class="flex-1 bg-white p-6 flex flex-col justify-between">
                        <div class="flex-1">
                            <p class="text-sm font-medium text-brand">Corporate</p>
                            <a href="#" class="block mt-2">
                                <p class="text-xl font-semibold text-gray-900">Q3 Performance Report</p>
                                <p class="mt-3 text-base text-gray-500">Our lifestyle vertical has seen a 40% year-on-year growth in organic traffic across the UK and Nordics.</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="w-full h-96 bg-gray-300">
        <!-- Kept the map, this is excellent for trust -->
        <iframe 
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2482.907952864273!2d-0.12574482343809623!3d51.51490331015694!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487604ccab37652b%3A0x2213717424164175!2s71-75%20Shelton%20St%2C%20London%20WC2H%209JQ%2C%20UK!5e0!3m2!1sen!2suk!4v1700000000000!5m2!1sen!2suk" 
            width="100%" 
            height="100%" 
            style="border:0;" 
            allowfullscreen="" 
            loading="lazy" 
            referrerpolicy="no-referrer-when-downgrade">
        </iframe>
    </div>

<div id="cookie-consent" class="fixed bottom-0 left-0 right-0 bg-white border-t-4 shadow-2xl p-6 z-50 transform transition-all duration-500 ease-in-out"
     style="border-color:#0f766e">
    
    <div class="max-w-8xl mx-auto flex flex-col md:flex-row items-center justify-between gap-4">
        
        <div class="text-sm text-slate-600">
            <strong class="text-slate-900 block mb-1">
                Your privacy matters to us.
            </strong>
            Easy Energy Media and our network partners use cookies to analyse traffic and personalise content across our verticals.
            <a href="privacy.html"
               class="underline font-medium hover:opacity-80"
               style="color:#0f766e">
                Read our Cookie Policy
            </a>.
        </div>

        <div class="flex gap-3">
            <button onclick="openCookiePreferences()"
                    class="px-6 py-2.5 bg-slate-100 text-slate-700 font-semibold rounded-md hover:bg-slate-200 transition text-sm">
                Manage Preferences
            </button>

            <button onclick="acceptCookies()"
                    class="px-6 py-2.5 text-white font-semibold rounded-md transition text-sm shadow-lg"
                    style="background-color:#0f766e; box-shadow:0 10px 20px rgba(15,118,110,.35)">
                Accept All
            </button>
        </div>
    </div>
</div>



    <!-- Footer -->
    <footer class="bg-gray-800">
        <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div class="col-span-1 md:col-span-1">
                    <span class="font-bold text-2xl text-white">Easy Energy<span class="text-gray-500">.biz</span></span>
                    <p class="mt-4 text-gray-400 text-sm">
                        A modern media holding company. We build, acquire, and grow digital publishing assets.
                    </p>
                </div>
                <div>
                    <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Corporate</h3>
                    <ul class="mt-4 space-y-4">
                        <li><a href="about.html" class="text-base text-gray-300 hover:text-white">Profile</a></li>
                        <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Our Network</a></li>
                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Careers</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Legal</h3>
                    <ul class="mt-4 space-y-4">
                        <li><a href="privacy.html" class="text-base text-gray-300 hover:text-white">Privacy Policy</a></li>
                        <li><a href="terms.html" class="text-base text-gray-300 hover:text-white">Terms of Use</a></li>
                        <li><a href="#" class="text-base text-gray-300 hover:text-white">Cookie Policy</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Headquarters</h3>
                    <p class="mt-4 text-base text-gray-300">
                        Easy Energy Media Ltd<br>
                        71-75 Shelton Street<br>
                        Covent Garden, London<br>
                        WC2H 9JQ, UK
                    </p>
                    <p class="mt-2 text-base text-brand font-semibold">
                        <a href="mailto:corporate@easyenergy.biz">corporate@easyenergy.biz</a>
                    </p>
                </div>
            </div>
            <div class="mt-8 border-t border-gray-700 pt-8">
                <p class="text-base text-gray-400 xl:text-center">&copy; 2026 Easy Energy Media Ltd. All rights reserved.</p>
            </div>
        </div>
    </footer>

<script>
(function () {
    const COOKIE_KEY = 'cookie_consent_status';
    const banner = document.getElementById('cookie-consent');

    function hideBanner() {
        banner.classList.add('translate-y-full', 'opacity-0');
        setTimeout(() => banner.style.display = 'none', 500);
    }

    document.addEventListener('DOMContentLoaded', () => {
        const consent = localStorage.getItem(COOKIE_KEY);
        if (consent) {
            banner.style.display = 'none';
        }
    });

    window.acceptCookies = function () {
        localStorage.setItem(COOKIE_KEY, 'accepted');
        hideBanner();
    };

    window.openCookiePreferences = function () {
        alert('Cookie preferences panel coming soon.');
    };
})();
</script>

</body>
</html>