Merge branch 'cleaning-homepage' into 'master'
cleaning up homepage See merge request kbr4/riskletpy!57
This commit was merged in pull request #106.
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<footer class="bg-primary text-light-text">
|
||||
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8">
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-8">
|
||||
<div class="sm:col-span-1">
|
||||
<h3 class="text-lg font-semibold text-accent mb-4">Risklet</h3>
|
||||
<p class="text-sm text-blue-200">
|
||||
@@ -10,27 +10,13 @@
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Company</h3>
|
||||
<ul class="space-y-3">
|
||||
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">About Us</a></li>
|
||||
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Careers</a></li>
|
||||
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Contact</a></li>
|
||||
<li><a href="/#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Resources</h3>
|
||||
<ul class="space-y-3">
|
||||
<li><a href="#insights" class="nav-link-footer text-sm text-blue-200 hover:text-accent transition-colors no-underline">Blog</a></li>
|
||||
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Documentation</a></li>
|
||||
<li><a href="#faq" class="nav-link-footer text-sm text-blue-200 hover:text-accent transition-colors no-underline">Support</a></li>
|
||||
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Alternatives</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Integrations</h3>
|
||||
<ul class="space-y-3">
|
||||
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Jira</a></li>
|
||||
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Confluence</a></li>
|
||||
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Slack</a></li>
|
||||
<li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Sharepoint</a></li>
|
||||
<li><a href="/#faq" class="nav-link-footer text-sm text-blue-200 hover:text-accent transition-colors no-underline">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
@@ -416,59 +416,18 @@
|
||||
<section id="pricing" class="py-16 bg-gray-50 sm:py-24">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="text-center mb-4">
|
||||
<span class="text-accent font-semibold tracking-wider uppercase text-sm">Pricing & Plans</span>
|
||||
<span class="text-accent font-semibold tracking-wider uppercase text-sm">Pricing</span>
|
||||
</div>
|
||||
<h2 class="text-3xl font-extrabold text-dark-text sm:text-4xl text-center">
|
||||
Simple Plans, Powerful Value
|
||||
One-Time Assessment
|
||||
</h2>
|
||||
<p class="mt-4 text-xl text-gray-600 max-w-2xl mx-auto text-center mb-16">
|
||||
Choose the perfect plan to elevate your cybersecurity posture and meet compliance requirements with ease.
|
||||
Pay once for a comprehensive risk assessment report—no subscription.
|
||||
</p>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-stretch">
|
||||
<!-- Basic Plan -->
|
||||
<div class="bg-white rounded-xl shadow-xl hover:shadow-2xl transition-shadow duration-300 flex flex-col p-6 sm:p-8 border border-gray-200">
|
||||
<div class="mb-6 text-center">
|
||||
<h3 class="text-2xl font-bold text-primary">Basic</h3>
|
||||
<div class="mt-2">
|
||||
<span class="text-4xl font-extrabold text-dark-text">€290</span>
|
||||
<span class="text-lg font-medium text-gray-500">/month</span>
|
||||
</div>
|
||||
<p class="text-xs text-gray-500 mt-1">Yearly subscription, billed monthly.</p>
|
||||
</div>
|
||||
<ul class="space-y-3 mb-8 flex-grow">
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Unlimited report generations</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Continuous Risk Management</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">AI supported control effectiveness measuring</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Role Based Permissions</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Risk policy generation</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Email Support</span>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="w-full text-center font-semibold py-3 px-6 rounded-lg shadow-md transition-all duration-300 ease-in-out transform hover:scale-105 text-md no-underline mt-auto bg-primary text-light-text hover:bg-teal-700">
|
||||
Get Started
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- One-Time Assessment Plan (Featured) -->
|
||||
<div class="bg-white rounded-xl shadow-xl hover:shadow-2xl transition-shadow duration-300 flex flex-col p-6 sm:p-8 border-2 border-accent ring-2 ring-accent">
|
||||
<div class="grid grid-cols-1 gap-8 items-stretch justify-center">
|
||||
<!-- One-Time Assessment Plan (Single) -->
|
||||
<div class="bg-white rounded-xl shadow-xl hover:shadow-2xl transition-shadow duration-300 flex flex-col p-6 sm:p-8 border-2 border-accent ring-2 ring-accent max-w-md mx-auto">
|
||||
<div class="mb-6 text-center">
|
||||
<h3 class="text-2xl font-bold text-primary">One-Time Assessment</h3>
|
||||
<div class="mt-2">
|
||||
@@ -504,94 +463,13 @@
|
||||
Get Report Offer
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Pro Plan -->
|
||||
<div class="bg-white rounded-xl shadow-xl hover:shadow-2xl transition-shadow duration-300 flex flex-col p-6 sm:p-8 border border-gray-200">
|
||||
<div class="mb-6 text-center">
|
||||
<h3 class="text-2xl font-bold text-primary">Risklet Pro</h3>
|
||||
<div class="mt-2">
|
||||
<span class="text-4xl font-extrabold text-dark-text">€2449</span>
|
||||
<span class="text-lg font-medium text-gray-500">/year</span>
|
||||
</div>
|
||||
<p class="text-xs text-gray-500 mt-1">Comprehensive annual access.</p>
|
||||
</div>
|
||||
<ul class="space-y-3 mb-8 flex-grow">
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Unlimited report generations</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Real-time visibility of risk posture</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Control maturity assessment questionnaire</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Role Based Permissions</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Risk policy generation</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-accent flex-shrink-0 mr-2 mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
|
||||
<span class="text-gray-600 text-sm">Priority Support</span>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="w-full text-center font-semibold py-3 px-6 rounded-lg shadow-md transition-all duration-300 ease-in-out transform hover:scale-105 text-md no-underline mt-auto bg-primary text-light-text hover:bg-teal-700">
|
||||
Get Started
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-center mt-12 text-gray-500 text-sm">
|
||||
All subscription models must be cancelled at least 30 days before the license renewal. For one-time reports, this does not apply.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- InsightsSection -->
|
||||
<section id="insights" class="py-16 bg-secondary sm:py-24">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 class="text-3xl font-extrabold text-dark-text sm:text-4xl text-center mb-16">
|
||||
Latest Insights & Updates
|
||||
</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<!-- Insight 1 -->
|
||||
<a href="#" class="bg-white rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300 flex flex-col p-6 group no-underline">
|
||||
<div>
|
||||
<span class="text-xs font-semibold text-accent uppercase tracking-wider mb-1 block">Strategic Cybersecurity</span>
|
||||
<h3 class="text-xl font-semibold text-dark-text mb-2 group-hover:text-primary transition-colors">Unlock a Business-Focused View of Cyber Risk</h3>
|
||||
<p class="text-sm text-gray-500 mb-3">Risklet Insights Team • October 2024</p>
|
||||
<p class="text-gray-600 text-sm flex-grow">Move beyond disruptive IT audits. Our approach delivers a strategic overview, translating technical risks into clear business impacts, quickly and efficiently.</p>
|
||||
</div>
|
||||
</a>
|
||||
<!-- Insight 2 -->
|
||||
<a href="#" class="bg-white rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300 flex flex-col p-6 group no-underline">
|
||||
<div>
|
||||
<span class="text-xs font-semibold text-accent uppercase tracking-wider mb-1 block">Unbiased Reporting</span>
|
||||
<h3 class="text-xl font-semibold text-dark-text mb-2 group-hover:text-primary transition-colors">Independent & Objective Risk Analysis</h3>
|
||||
<p class="text-sm text-gray-500 mb-3">Risklet Insights Team • October 2024</p>
|
||||
<p class="text-gray-600 text-sm flex-grow">Receive unbiased analysis focused solely on your benefit. We don't sell other products, ensuring our advice on mitigating key risks is purely for your business continuity.</p>
|
||||
</div>
|
||||
</a>
|
||||
<!-- Insight 3 -->
|
||||
<a href="#" class="bg-white rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300 flex flex-col p-6 group no-underline">
|
||||
<div>
|
||||
<span class="text-xs font-semibold text-accent uppercase tracking-wider mb-1 block">Compliance & Governance</span>
|
||||
<h3 class="text-xl font-semibold text-dark-text mb-2 group-hover:text-primary transition-colors">Demonstrate NIS2 Due Diligence Effectively</h3>
|
||||
<p class="text-sm text-gray-500 mb-3">Risklet Insights Team • October 2024</p>
|
||||
<p class="text-gray-600 text-sm flex-grow">Fulfill NIS2 Article 21 obligations with core documentation. Our reports serve as crucial evidence for regulators, insurers, and clients, demonstrating serious commitment.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-center mt-12 text-gray-500 text-sm">No subscription. One-time purchase.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQSection -->
|
||||
<section id="faq" class="py-16 bg-gray-50 sm:py-24">
|
||||
<section id="faq" class="py-16 bg-secondary sm:py-24">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="text-center mb-4">
|
||||
<span class="text-accent font-semibold tracking-wider uppercase text-sm">FAQ</span>
|
||||
|
||||
Reference in New Issue
Block a user