diff --git a/index.html b/index.html
index 9483bca..802ca47 100644
--- a/index.html
+++ b/index.html
@@ -8,8 +8,36 @@
-
{
style={{
top: "20%",
left: "15%",
- transform: `translate(${mousePosition.x * -20}px, ${
- mousePosition.y * -20
- }px)`,
+ transform: `translate(${mousePosition.x * -20}px, ${mousePosition.y * -20
+ }px)`,
}}
/>
{
style={{
bottom: "10%",
right: "10%",
- transform: `translate(${mousePosition.x * 20}px, ${
- mousePosition.y * 20
- }px)`,
+ transform: `translate(${mousePosition.x * 20}px, ${mousePosition.y * 20
+ }px)`,
}}
/>
{
style={{
top: "60%",
left: "60%",
- transform: `translate(${mousePosition.x * -15}px, ${
- mousePosition.y * -15
- }px)`,
+ transform: `translate(${mousePosition.x * -15}px, ${mousePosition.y * -15
+ }px)`,
}}
/>
diff --git a/src/components/home/TrustSection.tsx b/src/components/home/TrustSection.tsx
index b9314d0..a427760 100644
--- a/src/components/home/TrustSection.tsx
+++ b/src/components/home/TrustSection.tsx
@@ -49,18 +49,18 @@ const TrustSection: React.FC = () => {
];
return (
-
-
+
+
-
-
+
+
-
+
-
{
-
{
className="group relative h-full"
variants={{
hidden: { opacity: 0, y: 20 },
- visible: {
- opacity: 1,
- y: 0,
- transition: { duration: 0.5, ease: [0.43, 0.13, 0.23, 0.96] }
+ visible: {
+ opacity: 1,
+ y: 0,
+ transition: { duration: 0.5, ease: [0.43, 0.13, 0.23, 0.96] }
}
}}
>
-
+
-
+
-
+
{item.icon}
-
+
{item.title}
-
+
{item.description}
-
-
+
+