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

src/components/PrimaryFeatures.tsx

@@ -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">