Spaces:

madansa7
/

eoi

Running

App Files Files Community

madansa7 commited on May 2, 2025

Commit

500a5a4

verified ·

1 Parent(s): b99ede5

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +655 -19
prompts.txt +2 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Eoi Global
-emoji: 📊
-colorFrom: green
-colorTo: gray
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: eoi-global
+emoji: 🐳
+colorFrom: blue
+colorTo: purple
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,655 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>EOI Global - Recruitment & Outsourcing Solutions</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .hero-gradient {
+            background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
+        }
+        .service-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+        }
+        .nav-link:hover {
+            color: #3b82f6;
+        }
+        .tab-content {
+            display: none;
+        }
+        .tab-content.active {
+            display: block;
+            animation: fadeIn 0.5s;
+        }
+        @keyframes fadeIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
+    </style>
+</head>
+<body class="font-sans bg-gray-50">
+    <!-- Header/Navigation -->
+    <header class="bg-white shadow-sm sticky top-0 z-50">
+        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
+            <div class="flex items-center space-x-2">
+                <i class="fas fa-globe text-blue-600 text-2xl"></i>
+                <span class="text-xl font-bold text-blue-600">EOI Global</span>
+            </div>
+            <nav class="hidden md:flex space-x-8">
+                <a href="#about" class="text-gray-700 hover:text-blue-600 font-medium nav-link">About</a>
+                <a href="#services" class="text-gray-700 hover:text-blue-600 font-medium nav-link">Services</a>
+                <a href="#solutions" class="text-gray-700 hover:text-blue-600 font-medium nav-link">Solutions</a>
+                <a href="#contact" class="text-gray-700 hover:text-blue-600 font-medium nav-link">Contact</a>
+            </nav>
+            <button onclick="openContactModal()" class="hidden md:block px-4 py-2 bg-blue-600 text-white font-medium hover:bg-blue-700 rounded-lg">Get Started</button>
+            <button id="mobile-menu-button" class="md:hidden text-gray-700">
+                <i class="fas fa-bars text-xl"></i>
+            </button>
+        </div>
+        <!-- Mobile Menu -->
+        <div id="mobile-menu" class="hidden md:hidden bg-white border-t py-4 px-4">
+            <div class="flex flex-col space-y-3">
+                <a href="#about" class="text-gray-700 hover:text-blue-600 font-medium py-2">About</a>
+                <a href="#services" class="text-gray-700 hover:text-blue-600 font-medium py-2">Services</a>
+                <a href="#solutions" class="text-gray-700 hover:text-blue-600 font-medium py-2">Solutions</a>
+                <a href="#contact" class="text-gray-700 hover:text-blue-600 font-medium py-2">Contact</a>
+                <button onclick="openContactModal()" class="w-full px-4 py-2 bg-blue-600 text-white font-medium hover:bg-blue-700 rounded-lg">Get Started</button>
+            </div>
+        </div>
+    </header>
+    <!-- Hero Section -->
+    <section class="hero-gradient text-white py-16 md:py-24">
+        <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
+            <div class="md:w-1/2 mb-10 md:mb-0">
+                <h1 class="text-4xl md:text-5xl font-bold mb-6">Global Recruitment & Outsourcing Solutions</h1>
+                <p class="text-xl mb-8 opacity-90">Empowering businesses with operational excellence and sustainable growth through innovative workforce solutions.</p>
+                <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4">
+                    <button onclick="openContactModal()" class="px-6 py-3 bg-white text-blue-600 font-bold rounded-lg hover:bg-gray-100 transition">Get Started</button>
+                    <a href="#services" class="px-6 py-3 border border-white text-white font-bold rounded-lg hover:bg-white hover:text-blue-600 transition text-center">Our Services</a>
+                </div>
+            </div>
+            <div class="md:w-1/2 flex justify-center">
+                <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Team working" class="rounded-lg shadow-2xl max-w-full h-auto">
+            </div>
+        </div>
+    </section>
+    <!-- About Section -->
+    <section id="about" class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl font-bold text-gray-800 mb-4">Who Are We?</h2>
+                <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
+                <!-- Vision -->
+                <div class="bg-gray-50 p-8 rounded-xl shadow-sm">
+                    <div class="flex items-center mb-6">
+                        <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mr-4">
+                            <i class="fas fa-eye text-blue-600 text-xl"></i>
+                        </div>
+                        <h3 class="text-2xl font-semibold">Our Vision</h3>
+                    </div>
+                    <p class="text-gray-700">To be the leading global consulting partner for businesses striving for operational excellence and sustainable growth. We aim to empower organizations with the expertise to thrive in an increasingly competitive global market. Through innovation, collaboration, and a commitment to quality, we help businesses expand and optimize their operations. Our goal is to build lasting partnerships and deliver solutions that drive both immediate and long-term success.</p>
+                </div>
+                <!-- Mission -->
+                <div class="bg-gray-50 p-8 rounded-xl shadow-sm">
+                    <div class="flex items-center mb-6">
+                        <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mr-4">
+                            <i class="fas fa-bullseye text-blue-600 text-xl"></i>
+                        </div>
+                        <h3 class="text-2xl font-semibold">Our Mission</h3>
+                    </div>
+                    <p class="text-gray-700">To provide innovative, cost-effective, and scalable solutions that fuel business success across diverse industries. We are committed to delivering customized strategies that address each client's unique challenges and goals. By combining cutting-edge technologies with industry expertise, we help businesses enhance their performance and competitiveness. Our mission is to create value through continuous improvement and measurable results for every client we serve.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Services Section -->
+    <section id="services" class="py-16 bg-gray-50">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl font-bold text-gray-800 mb-4">Our Services</h2>
+                <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div>
+                <p class="text-gray-600 max-w-2xl mx-auto">Comprehensive workforce solutions tailored to your business needs</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <!-- Service 1 -->
+                <div class="bg-white p-6 rounded-xl shadow-sm service-card transition">
+                    <div class="w-14 h-14 bg-blue-100 rounded-lg flex items-center justify-center mb-4">
+                        <i class="fas fa-home text-blue-600 text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">US Mortgage Fulfilment Services</h3>
+                    <ul class="text-gray-700 space-y-2">
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-blue-500 mt-1 mr-2 text-sm"></i>
+                            <span>Mortgage Loan Setup and Processing Support</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-blue-500 mt-1 mr-2 text-sm"></i>
+                            <span>Offshore Team Setup and Entity Formation</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-blue-500 mt-1 mr-2 text-sm"></i>
+                            <span>Sourcing, Recruiting, and Payroll Services</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-blue-500 mt-1 mr-2 text-sm"></i>
+                            <span>End-to-End Employee Lifecycle Management</span>
+                        </li>
+                    </ul>
+                </div>
+                <!-- Service 2 -->
+                <div class="bg-white p-6 rounded-xl shadow-sm service-card transition">
+                    <div class="w-14 h-14 bg-green-100 rounded-lg flex items-center justify-center mb-4">
+                        <i class="fas fa-users text-green-600 text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">Workforce Solution in India</h3>
+                    <ul class="text-gray-700 space-y-2">
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-green-500 mt-1 mr-2 text-sm"></i>
+                            <span>Off-Shore Recruitment</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-green-500 mt-1 mr-2 text-sm"></i>
+                            <span>Bulk Recruitment</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-green-500 mt-1 mr-2 text-sm"></i>
+                            <span>Leadership hiring</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-green-500 mt-1 mr-2 text-sm"></i>
+                            <span>Payroll & Compliance</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-green-500 mt-1 mr-2 text-sm"></i>
+                            <span>IT Staffing</span>
+                        </li>
+                    </ul>
+                </div>
+                <!-- Service 3 -->
+                <div class="bg-white p-6 rounded-xl shadow-sm service-card transition">
+                    <div class="w-14 h-14 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
+                        <i class="fas fa-rocket text-purple-600 text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold mb-3">Start-ups & Launch Pad Support</h3>
+                    <ul class="text-gray-700 space-y-2">
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-purple-500 mt-1 mr-2 text-sm"></i>
+                            <span>Business Structure & Entity Setup Support</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-purple-500 mt-1 mr-2 text-sm"></i>
+                            <span>HR Strategy & Planning for Launch Phase</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-purple-500 mt-1 mr-2 text-sm"></i>
+                            <span>Compliance & Legal Readiness</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-purple-500 mt-1 mr-2 text-sm"></i>
+                            <span>Strategic Workforce Planning</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-purple-500 mt=1 mr-2 text-sm"></i>
+                            <span>Technology & Tools Advisory</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Solutions Section -->
+    <section id="solutions" class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl font-bold text-gray-800 mb-4">Our Solutions</h2>
+                <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div>
+                <p class="text-gray-600 max-w-2xl mx-auto">Tailored approaches to meet your specific business challenges</p>
+            </div>
+            <div class="flex border-b border-gray-200 mb-8">
+                <button id="solution1-tab" onclick="switchSolutionTab('solution1')" class="flex-1 py-3 px-4 text-center font-medium border-b-2 border-blue-500 text-blue-600">Recruitment</button>
+                <button id="solution2-tab" onclick="switchSolutionTab('solution2')" class="flex-1 py-3 px-4 text-center font-medium border-b-2 border-transparent text-gray-500 hover:text-gray-700">Compliance</button>
+                <button id="solution3-tab" onclick="switchSolutionTab('solution3')" class="flex-1 py-3 px-4 text-center font-medium border-b-2 border-transparent text-gray-500 hover:text-gray-700">Advisory</button>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                <div id="solution1-content" class="tab-content active">
+                    <div class="bg-gray-50 p-8 rounded-xl">
+                        <h3 class="text-2xl font-semibold mb-4">Comprehensive Recruitment Solutions</h3>
+                        <p class="text-gray-700 mb-6">Our end-to-end recruitment services ensure you get the right talent for your specific needs, whether you're looking for individual specialists or building entire teams.</p>
+                        <ul class="space-y-4">
+                            <li class="flex items-start">
+                                <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center mr-4">
+                                    <i class="fas fa-search text-blue-600"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-semibold">Talent Sourcing</h4>
+                                    <p class="text-gray-600">We leverage our extensive network and advanced sourcing techniques to identify top candidates.</p>
+                                </div>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center mr-4">
+                                    <i class="fas fa-user-tie text-blue-600"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-semibold">Executive Search</h4>
+                                    <p class="text-gray-600">Specialized approach for leadership and C-level positions with discreet handling.</p>
+                                </div>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center mr-4">
+                                    <i class="fas fa-users text-blue-600"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-semibold">Bulk Hiring</h4>
+                                    <p class="text-gray-600">Efficient processes for high-volume recruitment needs with quality assurance.</p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div id="solution2-content" class="tab-content">
+                    <div class="bg-gray-50 p-8 rounded-xl">
+                        <h3 class="text-2xl font-semibold mb-4">Regulatory Compliance Solutions</h3>
+                        <p class="text-gray-700 mb-6">Navigate complex labor laws and regulations with our comprehensive compliance solutions tailored to your industry and geography.</p>
+                        <ul class="space-y-4">
+                            <li class="flex items-start">
+                                <div class="w-8 h-8 bg-green-100 rounded-full flex items-center justify-center mr-4">
+                                    <i class="fas fa-balance-scale text-green-600"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-semibold">Labor Law Compliance</h4>
+                                    <p class="text-gray-600">Stay compliant with local and international labor regulations and employment laws.</p>
+                                </div>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="w-8 h-8 bg-green-100 rounded-full flex items-center justify-center mr-4">
+                                    <i class="fas fa-shield-alt text-green-600"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-semibold">Background Verification</h4>
+                                    <p class="text-gray-600">Comprehensive checks including criminal records, employment history, and education verification.</p>
+                                </div>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="w-8 h-8 bg-green-100 rounded-full flex items-center justify-center mr-4">
+                                    <i class="fas fa-file-contract text-green-600"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-semibold">Contract Management</h4>
+                                    <p class="text-gray-600">Standardized employment contracts compliant with local regulations.</p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div id="solution3-content" class="tab-content">
+                    <div class="bg-gray-50 p-8 rounded-xl">
+                        <h3 class="text-2xl font-semibold mb-4">Strategic HR Advisory</h3>
+                        <p class="text-gray-700 mb-6">Our expert consultants provide strategic guidance to optimize your human capital management and organizational development.</p>
+                        <ul class="space-y-4">
+                            <li class="flex items-start">
+                                <div class="w-8 h-8 bg-purple-100 rounded-full flex items-center justify-center mr-4">
+                                    <i class="fas fa-chess text-purple-600"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-semibold">HR Strategy</h4>
+                                    <p class="text-gray-600">Align your HR practices with business objectives for maximum impact.</p>
+                                </div>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="w-8 h-8 bg-purple-100 rounded-full flex items-center justify-center mr-4">
+                                    <i class="fas fa-chart-line text-purple-600"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-semibold">Performance Management</h4>
+                                    <p class="text-gray-600">Design systems to measure and improve employee performance.</p>
+                                </div>
+                            </li>
+                            <li class="flex items-start">
+                                <div class="w-8 h-8 bg-purple-100 rounded-full flex items-center justify-center mr-4">
+                                    <i class="fas fa-graduation-cap text-purple-600"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-semibold">Learning & Development</h4>
+                                    <p class="text-gray-600">Create programs to upskill your workforce and drive innovation.</p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="bg-blue-600 text-white p-8 rounded-xl">
+                    <h3 class="text-2xl font-semibold mb-4">Why Choose EOI Global?</h3>
+                    <ul class="space-y-4">
+                        <li class="flex items-start">
+                            <div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center mr-4">
+                                <i class="fas fa-globe"></i>
+                            </div>
+                            <div>
+                                <h4 class="font-semibold">Global Reach</h4>
+                                <p class="text-blue-100">Operations across multiple countries with local expertise.</p>
+                            </div>
+                        </li>
+                        <li class="flex items-start">
+                            <div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center mr-4">
+                                <i class="fas fa-industry"></i>
+                            </div>
+                            <div>
+                                <h4 class="font-semibold">Industry Specialization</h4>
+                                <p class="text-blue-100">Deep knowledge of sector-specific challenges and requirements.</p>
+                            </div>
+                        </li>
+                        <li class="flex items-start">
+                            <div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center mr-4">
+                                <i class="fas fa-chart-pie"></i>
+                            </div>
+                            <div>
+                                <h4 class="font-semibold">Data-Driven Approach</h4>
+                                <p class="text-blue-100">Metrics-based strategies for measurable results.</p>
+                            </div>
+                        </li>
+                        <li class="flex items-start">
+                            <div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center mr-4">
+                                <i class="fas fa-handshake"></i>
+                            </div>
+                            <div>
+                                <h4 class="font-semibold">Partnership Model</h4>
+                                <p class="text-blue-100">We work as an extension of your team, not just a vendor.</p>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonials Section -->
+    <section class="py-16 bg-gray-50">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl font-bold text-gray-800 mb-4">Client Success Stories</h2>
+                <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div>
+                <p class="text-gray-600 max-w-2xl mx-auto">Hear from organizations that have transformed their operations with our solutions</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                <!-- Testimonial 1 -->
+                <div class="bg-white p-8 rounded-xl shadow-sm">
+                    <div class="flex items-center mb-6">
+                        <div class="w-16 h-16 rounded-full overflow-hidden mr-4">
+                            <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Robert Johnson" class="w-full h-full object-cover">
+                        </div>
+                        <div>
+                            <h4 class="font-semibold">Robert Johnson</h4>
+                            <p class="text-gray-600">CEO, FinTech Solutions</p>
+                        </div>
+                    </div>
+                    <p class="text-gray-700 mb-6 italic">"EOI Global helped us establish our entire offshore operations in India within 3 months. Their end-to-end solution from entity setup to full team recruitment was seamless and allowed us to focus on our core business."</p>
+                    <div class="flex text-yellow-400">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                    </div>
+                </div>
+                <!-- Testimonial 2 -->
+                <div class="bg-white p-8 rounded-xl shadow-sm">
+                    <div class="flex items-center mb-6">
+                        <div class="w-16 h-16 rounded-full overflow-hidden mr-4">
+                            <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah Chen" class="w-full h-full object-cover">
+                        </div>
+                        <div>
+                            <h4 class="font-semibold">Sarah Chen</h4>
+                            <p class="text-gray-600">HR Director, Global Retail Corp</p>
+                        </div>
+                    </div>
+                    <p class="text-gray-700 mb-6 italic">"Their recruitment team understood our unique culture and requirements perfectly. We've filled over 200 positions across 5 countries with a 95% retention rate after 12 months - far exceeding industry standards."</p>
+                    <div class="flex text-yellow-400">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- CTA Section -->
+    <section id="contact" class="py-16 bg-blue-600 text-white">
+        <div class="container mx-auto px-4">
+            <div class="max-w-4xl mx-auto text-center">
+                <h2 class="text-3xl font-bold mb-6">Ready to Transform Your Workforce Strategy?</h2>
+                <p class="text-xl mb-8 max-w-2xl mx-auto">Our experts are ready to discuss your unique needs and develop a customized solution.</p>
+                <button onclick="openContactModal()" class="px-8 py-3 bg-white text-blue-600 font-bold rounded-lg hover:bg-gray-100 transition">Schedule a Consultation</button>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-900 text-white py-12">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
+                <!-- Column 1 -->
+                <div>
+                    <div class="flex items-center space-x-2 mb-4">
+                        <i class="fas fa-globe text-blue-400 text-2xl"></i>
+                        <span class="text-xl font-bold">EOI Global</span>
+                    </div>
+                    <p class="text-gray-400 mb-4">Empowering businesses with global workforce solutions and operational excellence.</p>
+                    <div class="flex space-x-4">
+                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in"></i></a>
+                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
+                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
+                    </div>
+                </div>
+                <!-- Column 2 -->
+                <div>
+                    <h3 class="text-lg font-semibold mb-4">Services</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-white">US Mortgage Fulfilment</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Offshore Recruitment</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Startup Support</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Compliance Solutions</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">HR Advisory</a></li>
+                    </ul>
+                </div>
+                <!-- Column 3 -->
+                <div>
+                    <h3 class="text-lg font-semibold mb-4">Industries</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-white">Financial Services</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Technology</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Healthcare</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Retail</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white">Manufacturing</a></li>
+                    </ul>
+                </div>
+                <!-- Column 4 -->
+                <div>
+                    <h3 class="text-lg font-semibold mb-4">Contact</h3>
+                    <ul class="space-y-2">
+                        <li class="flex items-start">
+                            <i class="fas fa-map-marker-alt text-gray-400 mt-1 mr-2"></i>
+                            <span class="text-gray-400">123 Global Plaza, Suite 500<br>New York, NY 10001</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-phone-alt text-gray-400 mr-2"></i>
+                            <span class="text-gray-400">+1 (555) 123-4567</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-envelope text-gray-400 mr-2"></i>
+                            <span class="text-gray-400">info@eoi.global</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
+                <p>&copy; 2023 EOI Global. All rights reserved.</p>
+            </div>
+        </div>
+    </footer>
+    <!-- Contact Modal -->
+    <div id="contact-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
+        <div class="bg-white rounded-lg w-full max-w-md mx-4">
+            <div class="p-6">
+                <div class="flex justify-between items-center mb-6">
+                    <h3 class="text-2xl font-bold text-gray-800">Talk to Us</h3>
+                    <button onclick="closeModal('contact-modal')" class="text-gray-500 hover:text-gray-700">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <p class="text-gray-600 mb-6">Have any questions? We are always open to talk about your business, new projects, creative opportunities and how we can help you.</p>
+                <form id="contact-form" class="space-y-4">
+                    <div>
+                        <label for="contact-name" class="block text-gray-700 font-medium mb-1">Name</label>
+                        <input type="text" id="contact-name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" required>
+                    </div>
+                    <div>
+                        <label for="contact-email" class="block text-gray-700 font-medium mb-1">Email</label>
+                        <input type="email" id="contact-email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" required>
+                    </div>
+                    <div>
+                        <label for="contact-phone" class="block text-gray-700 font-medium mb-1">Phone</label>
+                        <input type="tel" id="contact-phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+                    </div>
+                    <div>
+                        <label for="contact-company" class="block text-gray-700 font-medium mb-1">Company</label>
+                        <input type="text" id="contact-company" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+                    </div>
+                    <div>
+                        <label for="contact-service" class="block text-gray-700 font-medium mb-1">Service Interest</label>
+                        <select id="contact-service" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+                            <option value="">Select a service</option>
+                            <option value="mortgage">US Mortgage Fulfilment</option>
+                            <option value="recruitment">Recruitment Solutions</option>
+                            <option value="compliance">Compliance Services</option>
+                            <option value="startup">Startup Support</option>
+                            <option value="other">Other</option>
+                        </select>
+                    </div>
+                    <div>
+                        <label for="contact-message" class="block text-gray-700 font-medium mb-1">Message</label>
+                        <textarea id="contact-message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"></textarea>
+                    </div>
+                    <button type="submit" class="w-full py-2 px-4 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition">Submit</button>
+                </form>
+            </div>
+        </div>
+    </div>
+    <script>
+        // Mobile menu toggle
+        document.getElementById('mobile-menu-button').addEventListener('click', function() {
+            const menu = document.getElementById('mobile-menu');
+            menu.classList.toggle('hidden');
+        });
+        // Modal functions
+        function openContactModal() {
+            document.getElementById('contact-modal').classList.remove('hidden');
+            document.body.classList.add('overflow-hidden');
+        }
+        function closeModal(modalId) {
+            document.getElementById(modalId).classList.add('hidden');
+            document.body.classList.remove('overflow-hidden');
+        }
+        // Solution tab switching
+        function switchSolutionTab(tabName) {
+            // Update tabs
+            document.getElementById('solution1-tab').classList.remove('border-blue-500', 'text-blue-600');
+            document.getElementById('solution1-tab').classList.add('border-transparent', 'text-gray-500');
+            document.getElementById('solution2-tab').classList.remove('border-blue-500', 'text-blue-600');
+            document.getElementById('solution2-tab').classList.add('border-transparent', 'text-gray-500');
+            document.getElementById('solution3-tab').classList.remove('border-blue-500', 'text-blue-600');
+            document.getElementById('solution3-tab').classList.add('border-transparent', 'text-gray-500');
+            document.getElementById(`${tabName}-tab`).classList.add('border-blue-500', 'text-blue-600');
+            document.getElementById(`${tabName}-tab`).classList.remove('border-transparent', 'text-gray-500');
+            // Update content
+            document.getElementById('solution1-content').classList.remove('active');
+            document.getElementById('solution2-content').classList.remove('active');
+            document.getElementById('solution3-content').classList.remove('active');
+            document.getElementById(`${tabName}-content`).classList.add('active');
+        }
+        // Form submission
+        document.getElementById('contact-form').addEventListener('submit', function(e) {
+            e.preventDefault();
+            // In a real app, you would handle form submission here
+            alert('Thank you for your message! We will contact you shortly.');
+            closeModal('contact-modal');
+        });
+        // Close modal when clicking outside
+        window.addEventListener('click', function(e) {
+            if (e.target.classList.contains('fixed')) {
+                closeModal('contact-modal');
+            }
+        });
+        // Smooth scrolling for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                const targetId = this.getAttribute('href');
+                if (targetId === '#') return;
+                const targetElement = document.querySelector(targetId);
+                if (targetElement) {
+                    targetElement.scrollIntoView({
+                        behavior: 'smooth'
+                    });
+                    // Close mobile menu if open
+                    const mobileMenu = document.getElementById('mobile-menu');
+                    if (!mobileMenu.classList.contains('hidden')) {
+                        mobileMenu.classList.add('hidden');
+                    }
+                }
+            });
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=madansa7/eoi-global" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ I want you to create me a copy of Proprofs.com where Learners can sign up, teacher can share content, module, It should be complete LMS
2	+ Next I want you to develop a page, it is for a global recruitment and outsourcing seervice provider company, here is some text for you help, or go to EOI.Global to get more info, Who are we? Our Vision To be the leading global consulting partner for businesses striving for operational excellence and sustainable growth. We aim to empower organizations with the expertise to thrive in an increasingly competitive global market. Through innovation, collaboration, and a commitment to quality, we help businesses expand and optimize their operations. Our goal is to build lasting partnerships and deliver solutions that drive both immediate and long-term success. Our Mission To provide innovative, cost-effective, and scalable solutions that fuel business success across diverse industries. We are committed to delivering customized strategies that address each client’s unique challenges and goals. By combining cutting-edge technologies with industry expertise, we help businesses enhance their performance and competitiveness. Our mission is to create value through continuous improvement and measurable results for every client we serve. US Mortgage Fulfilment Services Mortgage Loan Setup and Processing Support Offshore Team Setup and Entity Formation Sourcing, Recruiting, and Payroll Services End-to-End Employee Lifecycle Management (Hire to Retire) Government and Labor Compliance Background Checks and Verifications Infrastructure & IT Setup and Management Workforce Solution in India Off-Shore Recruitment Bulk Recruitment Leadership hiring Payroll & Compliance IT Staffing Background Checks and Verifications Start-ups & Launch Pad Support Business Structure & Entity Setup Support HR Strategy & Planning for Launch Phase Compliance & Legal Readiness Strategic Workforce Planning Payroll and Compensation Framework Technology & Tools Advisory L&D and Performance Strategy Founders HR & Culture Advisory TALK TO US Have any questions? We are always open to talk about your business, new projects, creative opportunities and how we can help you.