|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>SolStrategies Capital Shield | Strategic PR, Investment & Security Solutions</title> |
|
|
<meta name="description" content="Global leader in integrated PR strategies, secure investments, and comprehensive security solutions for enterprises and governments"> |
|
|
<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.net.min.js"></script> |
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet"> |
|
|
</head> |
|
|
<body class="bg-gray-50 text-gray-800 font-sans"> |
|
|
<custom-navbar></custom-navbar> |
|
|
|
|
|
<main> |
|
|
|
|
|
<section id="vanta-bg" class="relative h-screen flex items-center justify-center text-center px-4 bg-gradient-to-b from-gray-900 to-gray-800 text-white"> |
|
|
<div class="absolute inset-0 bg-black opacity-50"></div> |
|
|
<div class="relative z-10 max-w-4xl mx-auto"> |
|
|
<h1 class="text-4xl md:text-6xl font-bold mb-6 font-serif">SolStrategies</h1> |
|
|
<p class="text-xl md:text-2xl mb-8 leading-relaxed">Headquartered in Singapore - Integrating strategic communications, capital intelligence, and security fortification for global enterprises</p> |
|
|
<div class="flex gap-4 justify-center"> |
|
|
<a href="/services.html" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-md font-medium transition duration-300">Our Services</a> |
|
|
<a href="/contact.html" class="border-2 border-white hover:bg-white hover:text-gray-900 text-white px-8 py-3 rounded-md font-medium transition duration-300">Contact Us</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-12 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4"> |
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center"> |
|
|
<div class="p-6"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i data-feather="shield" class="w-12 h-12 mx-auto"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">Enterprise Security</h3> |
|
|
<p class="text-gray-600">Fortified solutions for digital and physical assets</p> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i data-feather="trending-up" class="w-12 h-12 mx-auto"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">Capital Growth</h3> |
|
|
<p class="text-gray-600">Strategic investment opportunities with risk mitigation</p> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i data-feather="globe" class="w-12 h-12 mx-auto"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">Global PR</h3> |
|
|
<p class="text-gray-600">Crisis management and reputation enhancement</p> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i data-feather="lock" class="w-12 h-12 mx-auto"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-2">Compliance</h3> |
|
|
<p class="text-gray-600">Regulatory adherence across jurisdictions</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gray-100"> |
|
|
<div class="max-w-7xl mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center gap-12"> |
|
|
<div class="md:w-1/2"> |
|
|
<img src="http://static.photos/office/1024x576/22" alt="SolStrategies boardroom" class="rounded-lg shadow-xl w-full h-auto"> |
|
|
</div> |
|
|
<div class="md:w-1/2"> |
|
|
<h2 class="text-3xl font-bold mb-6 font-serif">About SolStrategies</h2> |
|
|
<p class="text-gray-700 mb-4 leading-relaxed">SolStrategies Capital Shield is a premier global consultancy specializing in the intersection of strategic communications, capital deployment, and enterprise security. Founded in 2012 by former intelligence and financial professionals, we bring unparalleled expertise to complex challenges.</p> |
|
|
<p class="text-gray-700 mb-6 leading-relaxed">Our multidisciplinary approach integrates cutting-edge security protocols with market-moving investment strategies and reputation management, serving Fortune 500 companies, governments, and high-net-worth individuals.</p> |
|
|
<a href="/about.html" class="inline-block bg-gray-800 hover:bg-gray-900 text-white px-6 py-3 rounded-md font-medium transition duration-300">Learn More</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold mb-4 font-serif">Global Impact</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">Selected engagements demonstrating our strategic value across sectors</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300"> |
|
|
<img src="http://static.photos/finance/1024x576/11" alt="Finance case study" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-2">Financial Institution Turnaround</h3> |
|
|
<p class="text-gray-600 mb-4">Reputation rehabilitation and security overhaul for a major European bank</p> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> |
|
|
Read Case Study |
|
|
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300"> |
|
|
<img src="http://static.photos/technology/1024x576/33" alt="Tech case study" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-2">Tech IPO Security</h3> |
|
|
<p class="text-gray-600 mb-4">Comprehensive protection for a silicon valley unicorn's public offering</p> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> |
|
|
Read Case Study |
|
|
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300"> |
|
|
<img src="http://static.photos/government/1024x576/44" alt="Government case study" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-2">Sovereign Wealth Strategy</h3> |
|
|
<p class="text-gray-600 mb-4">Middle Eastern sovereign fund diversification and media strategy</p> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> |
|
|
Read Case Study |
|
|
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gradient-to-r from-blue-800 to-blue-600 text-white"> |
|
|
<div class="max-w-4xl mx-auto text-center px-4"> |
|
|
<h2 class="text-3xl font-bold mb-6 font-serif">Secure Your Enterprise's Future</h2> |
|
|
<p class="text-xl mb-8 leading-relaxed">Our principals are available for confidential consultations to assess your organization's strategic needs across our service lines.</p> |
|
|
<a href="/contact.html" class="inline-block bg-white hover:bg-gray-100 text-blue-800 px-8 py-4 rounded-md font-medium text-lg transition duration-300">Schedule Consultation</a> |
|
|
</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(); |
|
|
VANTA.NET({ |
|
|
el: "#vanta-bg", |
|
|
mouseControls: true, |
|
|
touchControls: true, |
|
|
gyroControls: false, |
|
|
minHeight: 200.00, |
|
|
minWidth: 200.00, |
|
|
scale: 1.00, |
|
|
scaleMobile: 1.00, |
|
|
color: 0x3b82f6, |
|
|
backgroundColor: 0x111827, |
|
|
points: 12.00, |
|
|
maxDistance: 22.00, |
|
|
spacing: 18.00 |
|
|
}); |
|
|
</script> |
|
|
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
|
|
</body> |
|
|
</html> |
