File size: 6,950 Bytes
131bbbf | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SafeHost Pro - Secure Web Hosting Platform</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
</head>
<body class="bg-gray-50 min-h-screen">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-8">
<!-- Hero Section -->
<section class="relative overflow-hidden py-20">
<div id="vanta-bg" class="absolute inset-0 z-0"></div>
<div class="relative z-10 max-w-7xl mx-auto text-center">
<h1 class="text-5xl md:text-6xl font-bold text-gray-900 mb-6">
Secure Multi-Runtime Hosting
</h1>
<p class="text-xl md:text-2xl text-gray-700 mb-8 max-w-3xl mx-auto">
Deploy PHP, Node.js, and multiple languages with enterprise-grade security and cPanel-like file management
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="/dashboard.html" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold text-lg transition-colors">
Launch Dashboard
</a>
<a href="/features.html" class="border-2 border-blue-600 text-blue-600 hover:bg-blue-50 px-8 py-3 rounded-lg font-semibold text-lg transition-colors">
View Features
</a>
</div>
</div>
</section>
<!-- Features Grid -->
<section class="py-16">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Everything You Need</h2>
<p class="text-lg text-gray-600 max-w-2xl mx-auto">Multi-tenant hosting with security-first architecture</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow">
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4">
<i data-feather="code" class="text-blue-600"></i>
</div>
<h3 class="text-xl font-semibold mb-3">Multi-Runtime Support</h3>
<p class="text-gray-600">PHP, Node.js, Python, Ruby, Go, Java, .NET with version management</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow">
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4">
<i data-feather="shield" class="text-green-600"></i>
</div>
<h3 class="text-xl font-semibold mb-3">Security First</h3>
<p class="text-gray-600">Container isolation, SELinux, vulnerability scanning, and automated SSL</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow">
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
<i data-feather="folder" class="text-purple-600"></i>
</div>
<h3 class="text-xl font-semibold mb-3">Advanced File Manager</h3>
<p class="text-gray-600">cPanel-like interface with drag-drop, editing, permissions, and backups</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow">
<div class="w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center mb-4">
<i data-feather="database" class="text-orange-600"></i>
</div>
<h3 class="text-xl font-semibold mb-3">Managed Databases</h3>
<p class="text-gray-600">MySQL & PostgreSQL with automated backups and replication</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow">
<div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center mb-4">
<i data-feather="git-merge" class="text-red-600"></i>
</div>
<h3 class="text-xl font-semibold mb-3">CI/CD Integration</h3>
<p class="text-gray-600">Git deployment, webhooks, Docker support, and automated pipelines</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow">
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
<i data-feather="bar-chart-2" class="text-indigo-600"></i>
</div>
<h3 class="text-xl font-semibold mb-3">Real-time Monitoring</h3>
<p class="text-gray-600">Resource metrics, logs, alerts, and performance insights</p>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="bg-gradient-to-r from-blue-600 to-purple-600 rounded-2xl p-12 text-center text-white mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Deploy Securely?</h2>
<p class="text-xl mb-8 max-w-2xl mx-auto">Join thousands of developers trusting SafeHost Pro for their production workloads</p>
<a href="/signup.html" class="bg-white text-blue-600 px-8 py-4 rounded-lg font-semibold text-lg hover:bg-gray-100 transition-colors inline-block">
Start Free Trial
</a>
</section>
</main>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>
feather.replace();
// Initialize Vanta.js background
VANTA.GLOBE({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x3b82f6,
backgroundColor: 0xf8fafc
});
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html> |