ourworld_web/www_mycelium_net
23
0
Fork 0
forked from sashaastiadi/www_mycelium_net
Code Issues Pull Requests Activity

refactor: reorganize landing page sections and add hover animations to feature cards

Browse Source
This commit is contained in:
sasha-astiadi
2025-10-14 12:41:18 +02:00
parent 34956dc5b3
commit 8f860926bb
14 changed files with 107 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/PrimaryFeatures.tsx
View File

@@ -419,7 +419,7 @@ function FeaturesDesktop() {
{features.map((feature, featureIndex) => (
<div
key={feature.name}
className="relative rounded-2xl transition-colors hover:bg-gray-800/30"
className="relative rounded-2xl transition-all duration-300 ease-in-out hover:scale-105 hover:bg-gray-800/30"
>
{featureIndex === selectedIndex && (
<motion.div
@@ -517,7 +517,7 @@ function FeaturesMobile() {
<div
key={featureIndex}
ref={(ref) => ref && (slideRefs.current[featureIndex] = ref)}
className="w-full flex-none snap-center px-4 sm:px-6"
className="w-full flex-none snap-center px-4 sm:px-6 transition-all duration-300 ease-in-out hover:scale-105"
>
<div className="relative transform overflow-hidden rounded-2xl bg-gray-800 px-5 py-6">
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">