feat: solutions/aida

src/pages/home/components/ProductFeature.vue

@@ -18,7 +18,11 @@
 </script>
 
 <template>
-	<section class="product-feature" :class="{ 'product-feature-reversed': reversed }" v-custom-animation.scroll>
+	<section
+		class="product-feature"
+		:class="{ 'product-feature-reversed': reversed }"
+		v-custom-animation.scroll
+	>
 		<div class="product-feature-art">
 			<img
 				class="product-feature-bg"
@@ -28,13 +32,27 @@
 				translate-x-s="-100"
 				translate-x="100"
 			/>
-			<img class="product-feature-panel" :src="panelImage" :alt="panelAlt" loading="lazy" />
+			<img
+				class="product-feature-panel"
+				:src="panelImage"
+				:alt="panelAlt"
+				loading="lazy"
+				translate-y-s="-100"
+				translate-y="20"
+			/>
 		</div>
 
 		<div class="product-feature-copy">
 			<p class="product-feature-name">{{ name }}</p>
 			<h2 class="product-feature-title">{{ title }}</h2>
-			<RouterLink class="product-feature-link" to="/products"> View More </RouterLink>
+			<RouterLink
+				class="product-feature-link"
+				to="/products"
+				translate-y-s="100"
+				translate-y="0"
+			>
+				View More
+			</RouterLink>
 		</div>
 	</section>
 </template>