Enhance layout and styling for Anti-Fingerprinting Shield Plus page

- Updated the layout structure to utilize a new PageLayout component for better organization.
- Introduced new Hero, Content, and CallToAction components to improve the visual presentation and user engagement.
- Added glassmorphism styles for enhanced aesthetics and readability.
- Implemented accessibility features, including a "Skip to main content" link for improved navigation.
- Refactored the RocketChat livechat initialization to remove unnecessary console logs, enhancing performance and user experience.
This commit is contained in:
2025-10-19 23:38:01 +02:00
parent 2242a33754
commit 8773788335
6 changed files with 118 additions and 55 deletions

View File

@@ -45,6 +45,19 @@ const metadata = {
overflow: hidden;
}
/* Prefer reduced motion and mobile fallback for heavy animation */
@media (max-width: 768px) {
.hero-explosive {
animation: none;
background-size: 200% 200%, 200% 200%, 200% 200%, 300% 300%;
}
.floating-orbs { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.hero-explosive { animation: none; }
.orb { animation: none; }
}
/* Floating orbs with vivid colors */
.floating-orbs {
position: absolute;
@@ -490,8 +503,6 @@ const metadata = {
variant: 'primary',
text: explosive.actions.learnMore,
href: '#services',
variant: 'primary'
},
{
text: explosive.actions.contactMe,