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:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user