|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Beck-Publishing - Building Software, Systems, and Platforms That Actually Work</title> |
|
|
<meta name="description" content="Beck-Publishing specializes in custom software development, SaaS platforms, AI-driven applications, and security-focused infrastructure. Hire a top-tier developer for your next project."> |
|
|
<meta name="keywords" content="custom software development, SaaS, web applications, AI systems, security architecture, automation, publishing platforms, hire developer"> |
|
|
<link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
|
|
<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> |
|
|
</head> |
|
|
<body class="bg-gray-900 text-gray-100"> |
|
|
<custom-navbar></custom-navbar> |
|
|
|
|
|
<main> |
|
|
|
|
|
<section class="relative min-h-screen flex items-center justify-center px-4"> |
|
|
<div class="absolute inset-0 z-0"> |
|
|
<img src="https://huggingface.co/spaces/dbeck22/beckpublishing-secure-code-crafters/resolve/main/images/beck-publishing-logo.png" |
|
|
alt="Beck-Publishing Hero Image" |
|
|
class="w-full h-full object-cover opacity-20"> |
|
|
<div class="absolute inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 opacity-90"></div> |
|
|
</div> |
|
|
<div class="text-center max-w-4xl mx-auto relative z-10"> |
|
|
<img src="https://huggingface.co/spaces/dbeck22/beckpublishing-secure-code-crafters/resolve/main/images/beck-publishing-logo.png" |
|
|
alt="Beck-Publishing Logo" |
|
|
class="w-96 h-96 mx-auto mb-8 object-contain"> |
|
|
<h1 class="text-4xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500"> |
|
|
Building Software, Platforms and Systems that Solve Real-World Problems |
|
|
</h1> |
|
|
<p class="text-xl md:text-2xl text-gray-300 mb-10"> |
|
|
Beck-Publishing delivers elite custom software development, SaaS solutions, and security-first infrastructure that solve real business challenges for demanding clients. |
|
|
</p> |
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center"> |
|
|
<a href="/hire.html" class="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105"> |
|
|
Solve My Problem |
|
|
</a> |
|
|
<a href="/projects.html" class="border border-gray-600 hover:border-blue-500 text-gray-300 hover:text-blue-400 font-semibold py-3 px-8 rounded-lg transition duration-300"> |
|
|
See Solutions |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="py-20 px-4 bg-gray-800"> |
|
|
<div class="max-w-6xl mx-auto"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Real-World Solutions</h2> |
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-700 rounded-xl p-6 hover:bg-gray-600 transition duration-300"> |
|
|
<div class="mb-4"> |
|
|
<i data-feather="shield" class="text-blue-400 h-12 w-12"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">YouCantSeeMeVPN</h3> |
|
|
<p class="text-gray-300 mb-4">Solving privacy concerns with military-grade encryption and zero-log policy for secure internet access.</p> |
|
|
<a href="#" class="text-blue-400 hover:text-blue-300 font-medium inline-flex items-center"> |
|
|
Learn more <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
<div class="bg-gray-700 rounded-xl p-6 hover:bg-gray-600 transition duration-300"> |
|
|
<div class="mb-4"> |
|
|
<i data-feather="alert-triangle" class="text-red-400 h-12 w-12"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">ExtinguisherTracker</h3> |
|
|
<p class="text-gray-300 mb-4">Solving fire safety compliance challenges with IoT-powered real-time monitoring and automated tracking.</p> |
|
|
<a href="#" class="text-blue-400 hover:text-blue-300 font-medium inline-flex items-center"> |
|
|
Learn more <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
<div class="bg-gray-700 rounded-xl p-6 hover:bg-gray-600 transition duration-300"> |
|
|
<div class="mb-4"> |
|
|
<i data-feather="book-open" class="text-green-400 h-12 w-12"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">Custom Publishing</h3> |
|
|
<p class="text-gray-300 mb-4">Solving content distribution challenges with end-to-end digital publishing platforms for authors and publishers.</p> |
|
|
<a href="#" class="text-blue-400 hover:text-blue-300 font-medium inline-flex items-center"> |
|
|
Learn more <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="py-20 px-4 bg-gray-900"> |
|
|
<div class="max-w-6xl mx-auto"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Problem-Solving Services</h2> |
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> |
|
|
<div class="bg-gray-800 p-6 rounded-lg"> |
|
|
<i data-feather="code" class="h-8 w-8 text-blue-400 mb-4"></i> |
|
|
<h3 class="text-xl font-bold mb-2">Custom Software</h3> |
|
|
<p class="text-gray-400">Solving unique business challenges with tailored solutions</p> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-6 rounded-lg"> |
|
|
<i data-feather="cloud" class="h-8 w-8 text-purple-400 mb-4"></i> |
|
|
<h3 class="text-xl font-bold mb-2">SaaS Platforms</h3> |
|
|
<p class="text-gray-400">Solving scalability challenges with subscription-based applications</p> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-6 rounded-lg"> |
|
|
<i data-feather="cpu" class="h-8 w-8 text-green-400 mb-4"></i> |
|
|
<h3 class="text-xl font-bold mb-2">AI Systems</h3> |
|
|
<p class="text-gray-400">Solving complex problems with intelligent automation and machine learning</p> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-6 rounded-lg"> |
|
|
<i data-feather="shield" class="h-8 w-8 text-red-400 mb-4"></i> |
|
|
<h3 class="text-xl font-bold mb-2">Security Architecture</h3> |
|
|
<p class="text-gray-400">Solving security vulnerabilities with fortified infrastructure</p> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-6 rounded-lg"> |
|
|
<i data-feather="refresh-cw" class="h-8 w-8 text-yellow-400 mb-4"></i> |
|
|
<h3 class="text-xl font-bold mb-2">Automation</h3> |
|
|
<p class="text-gray-400">Solving inefficiency with workflow optimization and process automation</p> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-6 rounded-lg"> |
|
|
<i data-feather="book" class="h-8 w-8 text-indigo-400 mb-4"></i> |
|
|
<h3 class="text-xl font-bold mb-2">Publishing Platforms</h3> |
|
|
<p class="text-gray-400">Solving content management challenges with digital distribution systems</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center mt-12"> |
|
|
<a href="/services.html" class="inline-flex items-center text-blue-400 hover:text-blue-300 font-semibold"> |
|
|
Explore problem-solving services <i data-feather="arrow-right" class="ml-2 h-5 w-5"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="py-20 px-4 bg-gray-800"> |
|
|
<div class="max-w-6xl mx-auto"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-center mb-16">How We Solve Real Problems</h2> |
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-700 rounded-xl p-6 text-center"> |
|
|
<div class="w-16 h-16 bg-blue-600 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i data-feather="target" class="h-8 w-8 text-white"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Identify Core Problems</h3> |
|
|
<p class="text-gray-300">We dig deep to understand the root causes, not just the symptoms.</p> |
|
|
</div> |
|
|
<div class="bg-gray-700 rounded-xl p-6 text-center"> |
|
|
<div class="w-16 h-16 bg-purple-600 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i data-feather="code" class="h-8 w-8 text-white"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Build Tailored Solutions</h3> |
|
|
<p class="text-gray-300">Custom software designed specifically for your unique challenges.</p> |
|
|
</div> |
|
|
<div class="bg-gray-700 rounded-xl p-6 text-center"> |
|
|
<div class="w-16 h-16 bg-green-600 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i data-feather="trending-up" class="h-8 w-8 text-white"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Deliver Measurable Results</h3> |
|
|
<p class="text-gray-300">Solutions that drive real business value and measurable outcomes.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 px-4 bg-gray-900"> |
|
|
<div class="max-w-4xl mx-auto"> |
|
|
<div class="grid md:grid-cols-2 gap-12 items-center"> |
|
|
<div> |
|
|
<img src="https://huggingface.co/spaces/dbeck22/beckpublishing-secure-code-crafters/resolve/main/images/beck-publishing-all-details.png" |
|
|
alt="Beck-Publishing Detailed Logo" |
|
|
class="w-full h-auto rounded-2xl"> |
|
|
</div> |
|
|
<div> |
|
|
<h2 class="text-3xl font-bold mb-8 text-center">Solve Your Problem</h2> |
|
|
<div class="bg-gray-700 rounded-2xl p-8"> |
|
|
<form class="space-y-6"> |
|
|
<div> |
|
|
<label for="contact-name" class="block text-sm font-medium text-gray-300 mb-2">Your Name</label> |
|
|
<input type="text" id="contact-name" name="name" required |
|
|
class="w-full px-4 py-3 bg-gray-600 border border-gray-500 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="contact-email" class="block text-sm font-medium text-gray-300 mb-2">Email Address</label> |
|
|
<input type="email" id="contact-email" name="email" required |
|
|
class="w-full px-4 py-3 bg-gray-600 border border-gray-500 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="contact-problem" class="block text-sm font-medium text-gray-300 mb-2">What problem are you solving?</label> |
|
|
<textarea id="contact-problem" name="problem" rows="3" required |
|
|
class="w-full px-4 py-3 bg-gray-600 border border-gray-500 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500" |
|
|
placeholder="Describe the challenge you're facing..."></textarea> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="contact-message" class="block text-sm font-medium text-gray-300 mb-2">Additional Details</label> |
|
|
<textarea id="contact-message" name="message" rows="3" |
|
|
class="w-full px-4 py-3 bg-gray-600 border border-gray-500 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500" |
|
|
placeholder="Any other details about your project..."></textarea> |
|
|
</div> |
|
|
|
|
|
<button type="submit" |
|
|
class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition duration-300"> |
|
|
Get Solution Proposal |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</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();</script> |
|
|
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
|
|
</body> |
|
|
</html> |
