HELLO
Update cyber-insurance.html
This commit is contained in:
GuidoSchenone
@@ -153,59 +153,66 @@
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Hero Section - Insurance Style with Creative Elements -->
|
||||
<section class="relative py-20 overflow-hidden gradient-mesh">
|
||||
<div class="absolute inset-0 z-[-1] pointer-events-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="opacity-30 w-full h-full">
|
||||
<defs>
|
||||
<pattern id="grid-insurance-new" width="60" height="60" patternUnits="userSpaceOnUse">
|
||||
<path d="M 60 0 L 0 0 0 60" fill="none" stroke="rgba(255, 255, 255, 0.08)" stroke-width="1"></path>
|
||||
</pattern>
|
||||
</defs>
|
||||
<rect width="100%" height="100%" fill="url(#grid-insurance-new)"></rect>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- HERO SECTION: tighten vertical spacing -->
|
||||
<section class="relative py-12 overflow-hidden"> <!-- reduced py-20 → py-12 -->
|
||||
<!-- background / decorative elements stay identical -->
|
||||
<div class="absolute inset-0 z-[-1] pointer-events-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="opacity-30 w-full h-full">
|
||||
<defs>
|
||||
<pattern id="grid-insurance-new" width="60" height="60" patternUnits="userSpaceOnUse">
|
||||
<path d="M 60 0 L 0 0 0 60" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="1"/>
|
||||
</pattern>
|
||||
</defs>
|
||||
<rect width="100%" height="100%" fill="url(#grid-insurance-new)"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="absolute top-20 left-10 w-20 h-20 bg-blue-500/10 rounded-full blur-2xl floating-element"></div>
|
||||
<div class="absolute bottom-20 right-10 w-32 h-32 bg-purple-500/10 rounded-full blur-3xl floating-element" style="animation-delay:2s;"></div>
|
||||
<div class="absolute inset-0 z-[-1] opacity-20 pointer-events-none">
|
||||
<div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div>
|
||||
</div>
|
||||
|
||||
<!-- CONTENT: tighter gaps -->
|
||||
<div class="container mx-auto px-4 text-center relative z-10">
|
||||
<div class="inline-block mb-3 px-4 py-1.5 bg-blue-500/10 rounded-full border border-blue-500/20"> <!-- mb-4→mb-3, py-2→py-1.5 -->
|
||||
<span class="text-sm text-blue-400 font-medium">Risk Management Solution</span>
|
||||
</div>
|
||||
|
||||
<div class="max-w-2xl mx-auto mb-3"> <!-- mb-4→mb-3, removed frame -->
|
||||
<h1 class="text-3xl lg:text-5xl font-bold text-white leading-tight">
|
||||
Cyber Insurance Readiness
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<p class="text-xl max-w-3xl mx-auto text-gray-300 mb-2"> <!-- mt-4→mb-2, removed mt -->
|
||||
Manage, Reduce, and Transfer Risk
|
||||
</p>
|
||||
|
||||
<p class="text-lg max-w-2xl mx-auto text-gray-400 mb-4"> <!-- mt-6→mb-4, removed mt -->
|
||||
Navigate the evolving cyber insurance landscape with confidence through structured security maturity and compliance readiness
|
||||
</p>
|
||||
|
||||
<!-- Creative Underline -->
|
||||
<div class="flex justify-center mx-auto">
|
||||
<div class="flex items-center space-x-2"> <!-- mt-8 removed -->
|
||||
<span class="inline-block w-12 h-0.5 bg-gradient-to-r from-transparent to-blue-500 rounded-full"></span>
|
||||
<span class="inline-block w-20 h-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full"></span>
|
||||
<span class="inline-block w-12 h-0.5 bg-gradient-to-r from-purple-500 to-transparent rounded-full"></span>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
<div class="absolute bottom-20 right-10 w-32 h-32 bg-purple-500/10 rounded-full blur-3xl floating-element" style="animation-delay: 2s;"></div>
|
||||
|
||||
<div class="container mx-auto px-4 text-center relative z-10">
|
||||
<div class="inline-block mb-4 px-4 py-2 bg-blue-500/10 rounded-full border border-blue-500/20">
|
||||
<span class="text-sm text-blue-400 font-medium">Risk Management Solution</span>
|
||||
</div>
|
||||
|
||||
<h1 class="text-4xl lg:text-6xl font-bold leading-tight mb-4">
|
||||
Cyber Insurance
|
||||
<span class="bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">Readiness</span>
|
||||
</h1>
|
||||
|
||||
<p class="text-xl mt-4 max-w-3xl mx-auto text-gray-300">
|
||||
Manage, Reduce, and Transfer Risk
|
||||
</p>
|
||||
|
||||
<p class="text-lg mt-6 max-w-2xl mx-auto text-gray-400">
|
||||
Navigate the evolving cyber insurance landscape with confidence through structured security maturity and compliance readiness
|
||||
</p>
|
||||
|
||||
<!-- Creative Underline -->
|
||||
<div class="flex justify-center mx-auto mt-8">
|
||||
<div class="flex items-center space-x-2">
|
||||
<span class="inline-block w-12 h-0.5 bg-gradient-to-r from-transparent to-blue-500 rounded-full"></span>
|
||||
<span class="inline-block w-20 h-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full"></span>
|
||||
<span class="inline-block w-12 h-0.5 bg-gradient-to-r from-purple-500 to-transparent rounded-full"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- gradient orb -->
|
||||
<div class="absolute inset-0 z-[-1] opacity-20 pointer-events-none">
|
||||
<div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Main Content -->
|
||||
<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">/publication/applications/cyber-insurance</p>
|
||||
<p class="text-xs text-gray-500 font-mono">
|
||||
</div>
|
||||
|
||||
<!-- Introduction - New Card Style -->
|
||||
|
||||
Reference in New Issue
Block a user