hello
This commit is contained in:
GuidoSchenone
@@ -165,6 +165,8 @@
|
||||
<rect width="100%" height="100%" fill="url(#grid-insurance-new)"></rect>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- Floating Elements -->
|
||||
<div class="absolute top-20 left-10 w-20 h-20 bg-blue-500/10 rounded-full blur-2xl floating-element"></div>
|
||||
@@ -203,7 +205,7 @@
|
||||
<main class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<!-- URL Breadcrumb -->
|
||||
<div class="mb-6">
|
||||
<p class="text-xs text-gray-500 font-mono">
|
||||
<p class="text-xs text-gray-500 font-mono">/publication/applications/cyber-insurance</p>
|
||||
</div>
|
||||
|
||||
<!-- Introduction - New Card Style -->
|
||||
@@ -216,7 +218,7 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-semibold text-white mb-2">Introduction</h3>
|
||||
<h3 class="text-lg font-semibold mb-2 text-white">Introduction</h3>
|
||||
<p class="text-sm text-gray-300 compact-text">
|
||||
The financial and operational impact of cyber incidents continues to rise worldwide. Ransomware, data breaches, supply-chain compromise, and targeted attacks can disrupt operations, damage reputation, and create long-term liabilities.
|
||||
</p>
|
||||
@@ -290,6 +292,46 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===== IMAGE + QUOTE SECTION ===== -->
|
||||
<section class="py-10 bg-black">
|
||||
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center gap-6">
|
||||
|
||||
<!-- 25 % smaller image -->
|
||||
<div class="shrink-0">
|
||||
<div class="relative w-64 mx-auto
|
||||
rounded-2xl overflow-hidden
|
||||
border border-gray-700
|
||||
shadow-lg
|
||||
before:absolute before:inset-0 before:rounded-2xl
|
||||
before:ring-1 before:ring-blue-400/20
|
||||
hover:before:ring-blue-400/40 before:transition before:duration-300">
|
||||
<img src="ideogram-v3.0_A_realistic_small-business_office_environment_with_natural_daylight._Three_emplo-0.jpg"
|
||||
alt="Small-business office with natural daylight"
|
||||
class="w-full h-auto object-cover rounded-2xl
|
||||
transition-transform duration-300 ease-out
|
||||
hover:scale-[1.015]">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Journal-style quote + explanation -->
|
||||
<div class="text-left">
|
||||
<blockquote class="text-lg italic text-gray-200 leading-snug">
|
||||
“Hope is not a strategy.”
|
||||
<footer class="text-sm not-italic text-gray-400 mt-1">
|
||||
— General James Mattis
|
||||
</footer>
|
||||
</blockquote>
|
||||
|
||||
<p class="mt-4 text-sm text-gray-300 leading-relaxed">
|
||||
Often cited in cybersecurity and risk governance circles, the quote underscores a harsh reality:
|
||||
most companies—especially small businesses—assume the odds of a cyberattack are low. Yet the
|
||||
stakes are high enough to wipe out the entire business.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Insurance Lifecycle Support - New Step Design -->
|
||||
<section class="mb-8">
|
||||
<h2 class="text-2xl font-bold mb-6 text-white flex items-center">
|
||||
@@ -618,113 +660,91 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FOOTER GRID: horizontal on desktop, stacked on mobile -->
|
||||
|
||||
<div class="container w-full max-w-8xl mx-auto px-6 pt-8 pb-2">
|
||||
<!-- Get Started - New CTA Design -->
|
||||
<section class="mb-8 text-center">
|
||||
<div class="neo-card rounded-2xl p-8 glow-border">
|
||||
<h3 class="text-2xl font-bold mb-4 text-white">Ready to Optimize Your Cyber Insurance?</h3>
|
||||
<p class="text-base text-gray-300 mb-6 max-w-2xl mx-auto">
|
||||
CypSec guides you through every step of the insurance lifecycle with proven methodologies and cutting-edge security solutions.
|
||||
</p>
|
||||
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
|
||||
<a href="mailto:contact@cypsec.de?subject=Cyber%20Insurance%20Readiness"
|
||||
class="inline-flex items-center px-8 py-3 bg-gradient-to-r from-blue-500 to-purple-500 text-white font-medium rounded-xl hover:from-blue-600 hover:to-purple-600 transition-all transform hover:scale-105 shadow-lg">
|
||||
<span>Get Insurance Assessment</span>
|
||||
<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="/publication/applications/security-suite"
|
||||
class="inline-flex items-center px-6 py-3 border border-gray-600 text-gray-300 font-medium rounded-xl hover:border-gray-500 hover:text-white transition-all">
|
||||
<span>Explore Security Suite</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- HORIZONTAL GRID -->
|
||||
<div class="grid gap-6 mt-3
|
||||
sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 <!-- 5 columns on desktop -->
|
||||
sm:mx-auto">
|
||||
|
||||
<!-- COLUMN 1 – Brand -->
|
||||
<div class="lg:col-span-1">
|
||||
<div class="flex items-center mb-4">
|
||||
<a href="/" class="flex items-center">
|
||||
<picture>
|
||||
<source srcset="cypsec-logo-white-transparent.webp" media="(prefers-color-scheme: dark)">
|
||||
<img class="h-10" src="cypsec-logo-white-transparent.webp" alt="CypSec">
|
||||
</picture>
|
||||
<span class="ml-3 text-2xl font-semibold text-gray-900 dark:text-white">CypSec</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="text-lg text-gray-900 dark:text-white leading-relaxed mt-5">
|
||||
Engineering sovereign cybersecurity that protects, adapts, and sustains critical digital infrastructures.
|
||||
</p>
|
||||
|
||||
<p class="text-base text-gray-900 dark:text-white leading-snug mt-8">Contact</p>
|
||||
<ul>
|
||||
<li class="text-base text-gray-900 dark:text-white leading-snug mt-1">
|
||||
<a href="mailto:contact@cypsec.de">contact@cypsec.de</a>
|
||||
</li>
|
||||
<li class="text-base text-gray-900 dark:text-white leading-snug">
|
||||
<a href="https://linkedin.com/company/cypsec-group ">LinkedIn</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- COLUMN 2 – Consulting -->
|
||||
<div>
|
||||
<div class="text-xl font-bold text-black dark:text-white uppercase">Consulting</div>
|
||||
<a href="/security-center/incident-handling" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Incident Handling</a>
|
||||
<a href="/security-center/threat-modeling" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Threat Modeling</a>
|
||||
<a href="/security-center/penetration-testing" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Penetration Testing</a>
|
||||
<a href="/security-center/red-teaming" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Red Teaming</a>
|
||||
<a href="/security-center/secure-engineering" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Secure Engineering</a>
|
||||
<a href="/security-center/forensic-analysis" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Forensic Analysis</a>
|
||||
<a href="/security-center/secure-operations" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Secure Operations</a>
|
||||
<a href="/security-center" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">More</a>
|
||||
</div>
|
||||
|
||||
<!-- COLUMN 3 – Products -->
|
||||
<div>
|
||||
<div class="text-xl font-bold text-black dark:text-white uppercase">Products</div>
|
||||
<a href="/security-center/vulnerability-management" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Vulnerability Mgmt.</a>
|
||||
<a href="/security-center/fuzzing" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Fuzzing as a Service</a>
|
||||
<a href="/security-center/communication-software" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Communication</a>
|
||||
<a href="/security-center/cyber-deception" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Cyber Deception</a>
|
||||
<a href="/security-center/active-defense" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Active Defense</a>
|
||||
<a href="/security-center/malware-scanner" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Malware Scanner</a>
|
||||
<a href="/security-center/open-source-intelligence-platform" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">OSINT Platform</a>
|
||||
<a href="/security-center" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">More</a>
|
||||
</div>
|
||||
|
||||
<!-- COLUMN 4 – Publication -->
|
||||
<div>
|
||||
<div class="text-xl font-bold text-black dark:text-white uppercase">Publication</div>
|
||||
<a href="/publication/partner-program" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Partner Program</a>
|
||||
<a href="/publication/defense" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Defense Whitepaper</a>
|
||||
<a href="/publication/academy" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Security Academy</a>
|
||||
<a href="/publication/press" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Press Releases</a>
|
||||
<a href="/publication/blog" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Security Blog</a>
|
||||
<a href="/publication/applications" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Applications</a>
|
||||
</div>
|
||||
|
||||
<!-- COLUMN 5 – Company -->
|
||||
<div>
|
||||
<div class="text-xl font-bold text-black dark:text-white uppercase">Company</div>
|
||||
<a href="/company/career" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Career</a>
|
||||
<a href="/company/pricing" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Pricing</a>
|
||||
<a href="/company/data-privacy" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Data Privacy</a>
|
||||
<a href="/company/terms-of-service" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Terms of Service</a>
|
||||
<a href="/company/no-tracking-policy" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">No Tracking</a>
|
||||
<a href="/company/company-ethics" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Company Ethics</a>
|
||||
<a href="/company/company-insights" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Company Insights</a>
|
||||
<a href="/company/imprint" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Imprint</a>
|
||||
</div>
|
||||
<!-- Enhanced Footer -->
|
||||
<footer class="bg-gradient-to-t from-gray-900 to-black py-12">
|
||||
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="grid md:grid-cols-4 gap-8 mb-8">
|
||||
<div class="col-span-2">
|
||||
<div class="flex items-center mb-4">
|
||||
<img src="cypsec-logo-white-transparent.webp" alt="CypSec" class="h-8 w-auto mr-3">
|
||||
<span class="text-xl font-bold text-white">CypSec</span>
|
||||
</div>
|
||||
<p class="text-gray-400 text-sm mb-4 max-w-md">
|
||||
Engineering sovereign cybersecurity that protects, adapts, and sustains critical digital infrastructures.
|
||||
</p>
|
||||
<div class="flex space-x-4">
|
||||
<a href="mailto:contact@cypsec.de" class="text-gray-400 hover:text-white transition-colors">
|
||||
<span class="text-sm">contact@cypsec.de</span>
|
||||
</a>
|
||||
<a href="https://linkedin.com/company/cypsec-group" class="text-gray-400 hover:text-white transition-colors">
|
||||
<span class="text-sm">LinkedIn</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="text-sm font-semibold text-white mb-4 uppercase">Solutions</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-400">
|
||||
<li><a href="/publication/applications/security-suite" class="hover:text-white transition-colors">Security Suite</a></li>
|
||||
<li><a href="/publication/applications/cyber-insurance" class="hover:text-white transition-colors">Cyber Insurance</a></li>
|
||||
<li><a href="/security-center" class="hover:text-white transition-colors">Security Center</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="text-sm font-semibold text-white mb-4 uppercase">Company</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-400">
|
||||
<li><a href="/company/career" class="hover:text-white transition-colors">Career</a></li>
|
||||
<li><a href="/company/data-privacy" class="hover:text-white transition-colors">Data Privacy</a></li>
|
||||
<li><a href="/company/terms-of-service" class="hover:text-white transition-colors">Terms of Service</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border-t border-gray-800 pt-8">
|
||||
<div class="flex flex-col md:flex-row justify-between items-center">
|
||||
<div class="flex items-center space-x-4 mb-4 md:mb-0">
|
||||
<span class="text-sm text-gray-400">© 2025 CypSec</span>
|
||||
<span class="text-gray-600">•</span>
|
||||
<span class="text-sm text-gray-400">All rights reserved</span>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center space-x-6">
|
||||
<a href="/downloads" class="text-sm text-gray-400 hover:text-white transition-colors">Downloads</a>
|
||||
<a href="/security-notice" class="text-sm text-gray-400 hover:text-white transition-colors">Security</a>
|
||||
<a href="/company/imprint" class="text-sm text-gray-400 hover:text-white transition-colors">Imprint</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<!-- DIVIDER -->
|
||||
<hr class="my-6 border-gray-200 dark:border-gray-700">
|
||||
|
||||
<!-- BOTTOM BAR -->
|
||||
<div class="flex sm:flex-row justify-evenly mb-4">
|
||||
<div class="hidden sm:flex justify-left mt-2">
|
||||
<a href="/downloads" class="mx-2 text-sm text-gray-500 hover:text-gray-300 transition-colors duration-300">
|
||||
<span class="mx-2 text-base text-gray-900 dark:text-white sm:mx-6">Downloads</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center items-center mt-2">
|
||||
<p class="mx-2 text-base text-gray-900 dark:text-white sm:mx-6">© 2025 CypSec</p>
|
||||
</div>
|
||||
|
||||
<div class="hidden sm:flex justify-left mt-2">
|
||||
<a href="/security-notice" class="mx-2 text-sm text-gray-500 hover:text-gray-300 transition-colors duration-300">
|
||||
<span class="mx-2 text-base text-gray-900 dark:text-white sm:mx-6">Security</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user