<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Global e Solutions | CCTV Installation, Access Control & Automation in Kerala</title>
<meta name="description" content="Global e Solutions is the leading CCTV Installation, Distribution, and Security System provider in Kochi, Ernakulam, and all of South India. Experts in Access Control, Boom Barriers, Biometrics, and Home Automation since 2001. Get a FREE security consultation!">
<!-- Load Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Load Lucide Icons -->
<script type="module" src="https://unpkg.com/lucide@latest"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #f7f9fb; /* Light background */
}
.text-primary { color: #1e3a8a; } /* Dark Blue */
.bg-primary { background-color: #1e3a8a; }
.bg-secondary { background-color: #dbeafe; } /* Light Blue */
.btn-cta {
@apply px-8 py-3 bg-red-600 text-white font-bold rounded-full shadow-lg transition-all duration-300 hover:bg-red-700 hover:shadow-xl transform hover:scale-105;
}
.service-card {
@apply bg-white p-6 rounded-xl shadow-lg border-t-4 border-primary hover:shadow-2xl transition duration-300 h-full;
}
.keyword-badge {
@apply inline-block bg-blue-100 text-blue-800 text-xs font-medium px-3 py-1 rounded-full m-0.5;
}
</style>
</head>
<body class="text-gray-800">
<!-- Navbar -->
<header class="sticky top-0 z-50 bg-white shadow-md">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-20">
<a href="#" class="flex-shrink-0 text-2xl font-extrabold text-primary">
Global e Solutions
</a>
<nav class="hidden md:flex space-x-8">
<a href="#home" class="text-gray-600 hover:text-primary transition duration-150 font-medium">Home</a>
<a href="#services" class="text-gray-600 hover:text-primary transition duration-150 font-medium">Services</a>
<a href="#products" class="text-gray-600 hover:text-primary transition duration-150 font-medium">Products & Brands</a>
<a href="#contact" class="text-gray-600 hover:text-primary transition duration-150 font-medium">Contact & Enquiry</a>
</nav>
<a href="#contact" class="hidden sm:inline-flex btn-cta text-sm">
<i data-lucide="phone" class="w-4 h-4 mr-2"></i> Get Free Quote
</a>
<!-- Mobile Menu Button -->
<button id="menu-toggle" class="md:hidden p-2 rounded-md text-gray-700 hover:text-primary focus:outline-none">
<i data-lucide="menu" class="w-6 h-6"></i>
</button>
</div>
</div>
<!-- Mobile Menu (Hidden by default) -->
<div id="mobile-menu" class="hidden md:hidden bg-white border-t border-gray-100">
<a href="#home" class="block px-4 py-2 text-base font-medium text-gray-700 hover:bg-gray-50">Home</a>
<a href="#services" class="block px-4 py-2 text-base font-medium text-gray-700 hover:bg-gray-50">Services</a>
<a href="#products" class="block px-4 py-2 text-base font-medium text-gray-700 hover:bg-gray-50">Products</a>
<a href="#contact" class="block px-4 py-2 text-base font-medium text-gray-700 hover:bg-gray-50">Contact & Enquiry</a>
</div>
</header>
<!-- Success/Error Message Box -->
<div id="message-box" class="fixed top-24 right-4 z-50 p-4 rounded-lg shadow-xl text-white hidden" role="alert"></div>
<!-- Hero Section -->
<section id="home" class="bg-primary text-white py-20 md:py-32 relative overflow-hidden">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center">
<span class="text-red-400 font-semibold uppercase tracking-wider mb-3 block">19+ Years of Trusted Security Solutions</span>
<h1 class="text-4xl md:text-6xl font-extrabold leading-tight mb-4">
Pioneering <span class="text-yellow-400">Security Camera Installation</span> & <br class="hidden md:inline"> Automation in Kerala
</h1>
<p class="text-xl md:text-2xl text-blue-200 mb-10 max-w-3xl mx-auto">
Your trusted partner for **CCTV Distribution**, **Access Control**, and **Gate Automation** across **Kochi, Ernakulam, and South India**.
</p>
<a href="#contact" class="btn-cta text-lg">
<i data-lucide="mail" class="w-5 h-5 mr-2"></i> Request a FREE Consultation Today
</a>
</div>
</section>
<!-- About Section / Key Highlights -->
<section id="about" class="py-16 bg-secondary">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-3xl font-bold text-center text-primary mb-12">Why Global e Solutions?</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
<div class="p-6 bg-white rounded-xl shadow-lg">
<i data-lucide="area-chart" class="w-10 h-10 text-red-600 mx-auto mb-4"></i>
<h3 class="text-xl font-semibold mb-2">19+ Years of Expertise</h3>
<p class="text-gray-600">Established since 2001, we deliver high-quality, customized digital security solutions across South India.</p>
</div>
<div class="p-6 bg-white rounded-xl shadow-lg">
<i data-lucide="network" class="w-10 h-10 text-red-600 mx-auto mb-4"></i>
<h3 class="text-xl font-semibold mb-2">Authorized Distributor</h3>
<p class="text-gray-600">Authorized dealers for top brands like Hikvision, Dahua, CP PLUS, Honeywell, and UNV products.</p>
</div>
<div class="p-6 bg-white rounded-xl shadow-lg">
<i data-lucide="map-pin" class="w-10 h-10 text-red-600 mx-auto mb-4"></i>
<h3 class="text-xl font-semibold mb-2">South India Coverage</h3>
<p class="text-gray-600">Servicing Kerala, Tamil Nadu, Karnataka, Goa, and Andhra Pradesh from our Kochi HQ.</p>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-extrabold text-center text-primary mb-4">Our Core Security Services</h2>
<p class="text-center text-xl text-gray-600 mb-12">Comprehensive solutions for Home, Business, and Industrial Security, focusing on robust installation and maintenance.</p>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Service 1: Smart CCTV & Surveillance -->
<div class="service-card">
<div class="flex items-center mb-4">
<i data-lucide="video" class="w-8 h-8 text-primary mr-3"></i>
<h3 class="text-2xl font-bold text-primary">CCTV Installation & Service</h3>
</div>
<p class="text-gray-700 mb-4">We are the leading **CCTV Installation Service Provider in Ernakulam** and Kochi. We handle everything from basic home security to advanced city surveillance projects.</p>
<ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4">
<li>Professional installation of HD, IP, and Wireless Cameras.</li>
<li>CCTV Maintenance Services (AMC) in Kerala.</li>
<li>Residential & Commercial Security Camera Systems.</li>
<li>Remote and Real-Time Monitoring setup.</li>
</ul>
<p class="mt-4">
<span class="keyword-badge">CCTV Installation Kochi</span>
<span class="keyword-badge">CCTV AMC Kerala</span>
<span class="keyword-badge">Security Camera Repair</span>
</p>
</div>
<!-- Service 2: Access Control & Biometrics -->
<div class="service-card">
<div class="flex items-center mb-4">
<i data-lucide="fingerprint" class="w-8 h-8 text-primary mr-3"></i>
<h3 class="text-2xl font-bold text-primary">Biometric Access Control</h3>
</div>
<p class="text-gray-700 mb-4">Secure your premises and streamline attendance with advanced, scalable access control systems tailored for corporate, apartment, and industrial needs.</p>
<ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4">
<li>Biometric Time & Attendance Systems.</li>
<li>Fingerprint, Facial Recognition, and Card Access.</li>
<li>Video Door Phone and Intercom Solutions.</li>
<li>Elevator Access Control System solutions.</li>
</ul>
<p class="mt-4">
<span class="keyword-badge">Biometric Access Control Kerala</span>
<span class="keyword-badge">Time Attendance System Aluva</span>
<span class="keyword-badge">Video Door Phone Dealers</span>
</p>
</div>
<!-- Service 3: Vehicle & Parking Automation -->
<div class="service-card">
<div class="flex items-center mb-4">
<i data-lucide="bar-chart-big" class="w-8 h-8 text-primary mr-3 transform rotate-90"></i>
<h3 class="text-2xl font-bold text-primary">Boom Barrier & Gate Automation</h3>
</div>
<p class="text-gray-700 mb-4">Specialists in automatic entry and exit solutions for vehicle traffic management in residential complexes and commercial parking areas.</p>
<ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4">
<li>Installation of Heavy-Duty **Boom Barriers**.</li>
<li>Flap Barriers and Turnstiles for pedestrian access.</li>
<li>Sliding/Swing Gate Motors and Automatic Doors.</li>
<li>Spike Barriers / Tyre Killers for high security zones.</li>
</ul>
<p class="mt-4">
<span class="keyword-badge">Boom Barrier Dealers Kerala</span>
<span class="keyword-badge">Gate Automation Kochi</span>
<span class="keyword-badge">Tyre Killer Installers</span>
</p>
</div>
</div>
<div class="text-center mt-16">
<a href="#contact" class="btn-cta text-lg">
<i data-lucide="send" class="w-5 h-5 mr-2"></i> Discuss Your Project Security Needs
</a>
</div>
</div>
</section>
<!-- Products & Brands Section -->
<section id="products" class="py-20 bg-gray-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-extrabold text-center text-primary mb-4">Products & Authorized Distribution</h2>
<p class="text-center text-xl text-gray-600 mb-12">We partner with global leaders to provide genuine, cutting-edge security equipment.</p>
<!-- Brands Logos -->
<div class="flex flex-wrap justify-center items-center gap-6 mb-12 opacity-80">
<img class="h-10 sm:h-12" src="https://placehold.co/120x40/0d3a7e/ffffff?text=HIKVISION" alt="Hikvision Authorized Distributor">
<img class="h-10 sm:h-12" src="https://placehold.co/120x40/0d3a7e/ffffff?text=CP+PLUS" alt="CP PLUS Distributor">
<img class="h-10 sm:h-12" src="https://placehold.co/120x40/0d3a7e/ffffff?text=DAHUA" alt="Dahua Dealer">
<img class="h-10 sm:h-12" src="https://placehold.co/120x40/0d3a7e/ffffff?text=HONEYWELL" alt="Honeywell Security Partner">
<img class="h-10 sm:h-12" src="https://placehold.co/120x40/0d3a7e/ffffff?text=UNV" alt="UNV Security Systems">
</div>
<!-- Product Categories -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="p-5 bg-white rounded-xl shadow-lg border-l-4 border-red-600">
<i data-lucide="monitor" class="w-7 h-7 text-red-600 mb-3"></i>
<h4 class="font-semibold text-lg mb-2 text-primary">Advanced CCTV Cameras</h4>
<p class="text-sm text-gray-600">Bullet, Dome, PTZ, 4G, IP Cameras, Smart Hybrid Light, and ColorVu Technology.</p>
</div>
<div class="p-5 bg-white rounded-xl shadow-lg border-l-4 border-red-600">
<i data-lucide="wifi" class="w-7 h-7 text-red-600 mb-3"></i>
<h4 class="font-semibold text-lg mb-2 text-primary">Wireless & Home Security</h4>
<p class="text-sm text-gray-600">EZVIZ WiFi Cameras, Home Automation Systems, and Intruder Alarm Systems.</p>
</div>
<div class="p-5 bg-white rounded-xl shadow-lg border-l-4 border-red-600">
<i data-lucide="lock" class="w-7 h-7 text-red-600 mb-3"></i>
<h4 class="font-semibold text-lg mb-2 text-primary">Recorders & Storage</h4>
<p class="text-sm text-gray-600">HD Digital Video Recorders (DVRs) and Network Video Recorders (NVRs).</p>
</div>
<div class="p-5 bg-white rounded-xl shadow-lg border-l-4 border-red-600">
<i data-lucide="shield" class="w-7 h-7 text-red-600 mb-3"></i>
<h4 class="font-semibold text-lg mb-2 text-primary">Perimeter & Vehicle Access</h4>
<p class="text-sm text-gray-600">**Boom Barriers**, Turnstiles, Spike Barriers, and Gate/Door Automation Motors.</p>
</div>
</div>
</div>
</section>
<!-- Contact & Enquiry Form Section (Max Enquiry Focus) -->
<section id="contact" class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-extrabold text-center text-red-600 mb-4">Ready to Secure Your Space?</h2>
<p class="text-center text-xl text-gray-600 mb-12">Contact **Kerala's Leading Security Experts** for personalized consultation and best pricing on security solutions.</p>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-12">
<!-- Contact Info -->
<div class="lg:col-span-1 bg-secondary p-8 rounded-xl shadow-lg h-full">
<h3 class="text-2xl font-bold text-primary mb-6">Contact Details (24/7 Support)</h3>
<div class="space-y-6">
<!-- Location -->
<div class="flex items-start">
<i data-lucide="map-pin" class="w-6 h-6 text-red-600 mr-4 mt-1 flex-shrink-0"></i>
<div>
<h4 class="font-semibold text-lg text-primary">Headquarters & Showroom</h4>
<p class="text-gray-700 text-sm">Door No. VII/440, First Floor, Parackal Arcade, N.H. 47, Paravur Junction, Thottakkattukara P.O, Aluva, Kochi, Kerala 683108</p>
<p class="text-xs text-gray-500 mt-1">Landmark: Near Paravur Kavala Signal</p>
</div>
</div>
<!-- Phone Numbers -->
<div class="flex items-start">
<i data-lucide="phone-call" class="w-6 h-6 text-red-600 mr-4 mt-1 flex-shrink-0"></i>
<div>
<h4 class="font-semibold text-lg text-primary">Quick Contact Numbers</h4>
<p class="text-gray-700 font-mono">+91 9846179999</p>
<p class="text-gray-700 font-mono">+91 9961602200</p>
<p class="text-gray-700 font-mono">+91 9048803007</p>
</div>
</div>
<!-- Email -->
<div class="flex items-start">
<i data-lucide="mail" class="w-6 h-6 text-red-600 mr-4 mt-1 flex-shrink-0"></i>
<div>
<h4 class="font-semibold text-lg text-primary">Email Support</h4>
<p class="text-gray-700">Global123@gmail.com</p>
<p class="text-gray-700">info@global123.co.in</p>
</div>
</div>
<!-- Business Hours -->
<div class="flex items-start">
<i data-lucide="clock" class="w-6 h-6 text-red-600 mr-4 mt-1 flex-shrink-0"></i>
<div>
<h4 class="font-semibold text-lg text-primary">Business Hours (IST)</h4>
<p class="text-gray-700">Mon - Fri: 8:00 AM to 8:00 PM</p>
<p class="text-gray-700">Sat: 8:00 AM to 7:00 PM</p>
<p class="text-gray-700">Sun: Closed</p>
</div>
</div>
</div>
</div>
<!-- Enquiry Form -->
<div class="lg:col-span-2 bg-white p-8 rounded-xl shadow-2xl border border-gray-200">
<h3 class="text-3xl font-bold text-primary mb-6">Enquiry Form: Get Your Quote</h3>
<form id="enquiry-form" onsubmit="handleFormSubmit(event)">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label for="name" class="block text-sm font-medium text-gray-700 mb-1">Full Name *</label>
<input type="text" id="name" name="name" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-red-500 focus:border-red-500 transition duration-150">
</div>
<div>
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Phone Number *</label>
<input type="tel" id="phone" name="phone" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-red-500 focus:border-red-500 transition duration-150" placeholder="+91 98xxxx xxxxx">
</div>
</div>
<div class="mt-6">
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
<input type="email" id="email" name="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-red-500 focus:border-red-500 transition duration-150">
</div>
<div class="mt-6">
<label for="service" class="block text-sm font-medium text-gray-700 mb-1">Interested Service *</label>
<select id="service" name="service" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-red-500 focus:border-red-500 transition duration-150 bg-white">
<option value="" disabled selected>Select a Service</option>
<option value="CCTV_Installation">CCTV Installation & New System</option>
<option value="CCTV_AMC">CCTV Repair / Annual Maintenance (AMC)</option>
<option value="Access_Control">Access Control & Biometrics</option>
<option value="Boom_Barrier">Boom Barrier / Gate Automation</option>
<option value="CCTV_Distribution">Product Distribution / Wholesale Enquiry</option>
<option value="Other">Other Security or Automation Solution</option>
</select>
</div>
<div class="mt-6">
<label for="message" class="block text-sm font-medium text-gray-700 mb-1">Your Project Details / Query *</label>
<textarea id="message" name="message" rows="4" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-red-500 focus:border-red-500 transition duration-150" placeholder="e.g., Need 8-camera CCTV system for a 3-floor apartment in Kakkanad."></textarea>
</div>
<div class="mt-8">
<button type="submit" class="btn-cta w-full text-lg">
Submit Enquiry & Get a Callback
</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-10">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<p class="text-2xl font-extrabold mb-4 text-primary">Global e Solutions</p>
<p class="text-sm text-gray-400 mb-4">
Serving South India: Kochi, Ernakulam, Trivandrum, Chennai, Bangalore, Coimbatore, Goa.
</p>
<div class="space-x-4 mb-6">
<!-- Social Links (placeholders) -->
<a href="https://www.facebook.com/GlobaleSolutionsOffcial" target="_blank" class="text-gray-400 hover:text-red-600 transition duration-150" title="Facebook Page">
<i data-lucide="facebook" class="w-6 h-6 inline"></i>
</a>
<a href="https://www.linkedin.com/in/global123/" target="_blank" class="text-gray-400 hover:text-red-600 transition duration-150" title="LinkedIn Profile">
<i data-lucide="linkedin" class="w-6 h-6 inline"></i>
</a>
<a href="mailto:info@global123.co.in" class="text-gray-400 hover:text-red-600 transition duration-150" title="Email Us">
<i data-lucide="mail" class="w-6 h-6 inline"></i>
</a>
<a href="tel:+919846179999" class="text-gray-400 hover:text-red-600 transition duration-150" title="Call Us">
<i data-lucide="phone" class="w-6 h-6 inline"></i>
</a>
</div>
<p class="text-xs text-gray-500">© 2025 Global e Solutions. All Rights Reserved. Specializing in CCTV Distribution & Professional Installation.</p>
</div>
</footer>
<script>
// Initialize Lucide Icons
lucide.createIcons();
// 1. Mobile Menu Toggle
document.getElementById('menu-toggle').addEventListener('click', function() {
const menu = document.getElementById('mobile-menu');
menu.classList.toggle('hidden');
});
// 2. Simple Form Submission Handler
function handleFormSubmit(event) {
event.preventDefault();
const form = document.getElementById('enquiry-form');
const messageBox = document.getElementById('message-box');
// Simulate form data collection and submission logic
const formData = new FormData(form);
const data = {};
formData.forEach((value, key) => data[key] = value);
console.log('Enquiry Submitted:', data);
// Display success message
messageBox.textContent = "Thank you for your enquiry! We received your request for '" + data.service.replace(/_/g, ' ') + "'. A specialist will call you back within 1 hour.";
messageBox.className = 'fixed top-24 right-4 z-50 p-4 rounded-lg shadow-xl text-white bg-green-500';
messageBox.classList.remove('hidden');
// Hide message after 5 seconds
setTimeout(() => {
messageBox.classList.add('hidden');
}, 5000);
// Clear the form
form.reset();
// Scroll to the top of the contact section for visibility
document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });
}
// 3. Smooth Scrolling for Navigation
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
// Close mobile menu after clicking a link
document.getElementById('mobile-menu').classList.add('hidden');
});
});
</script>
</body>
</html>
Comments
Post a Comment