diff --git a/src/app/page.tsx b/src/app/page.tsx
index 234f77b..a5f1fde 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import TextAnimation from '@/components/text/TextAnimation';
 import { Sparkles, Package, Star, Mail } from "lucide-react";
 
 export default function LandingPage() {
@@ -19,7 +20,7 @@ export default function LandingPage() {
       borderRadius="sharp"
       contentWidth="mediumLarge"
       sizing="mediumLargeSizeMediumTitles"
-      background="plain"
+      background="aurora"
       cardStyle="soft-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="radial-glow"
@@ -73,8 +74,8 @@ export default function LandingPage() {
 
       <div id="social-proof" data-section="social-proof">
         <div className="flex items-center justify-center py-12 md:py-16 bg-background">
-          <div className="flex flex-wrap items-center justify-center gap-8 md:gap-12 lg:gap-16 px-6">
-            <div className="flex flex-col items-center gap-2">
+          <div className="flex flex-wrap items-center justify-center gap-8 md:gap-12 lg:gap-16 px-6 animate-fade-in-up">
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
               <div className="h-12 md:h-16 w-auto flex items-center">
                 <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Microsoft logo">
                   <rect x="1" y="1" width="5" height="5" fill="#00A4EF"/>
@@ -85,7 +86,7 @@ export default function LandingPage() {
               </div>
               <p className="text-sm text-foreground/60 text-center">Microsoft</p>
             </div>
-            <div className="flex flex-col items-center gap-2">
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
               <div className="h-12 md:h-16 w-auto flex items-center">
                 <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Google logo">
                   <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
@@ -96,7 +97,7 @@ export default function LandingPage() {
               </div>
               <p className="text-sm text-foreground/60 text-center">Google</p>
             </div>
-            <div className="flex flex-col items-center gap-2">
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
               <div className="h-12 md:h-16 w-auto flex items-center">
                 <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Amazon logo">
                   <path d="M6 6h12v1H6V6zm0 2h12v1H6V8zm0 2h12v1H6v-1zm10.5 2.5c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3c0-.276-.224-.5-.5-.5zm-2 0c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3c0-.276-.224-.5-.5-.5zm-2 0c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3c0-.276-.224-.5-.5-.5zM6 19h12v1H6v-1z" fill="#FF9900"/>
@@ -104,7 +105,7 @@ export default function LandingPage() {
               </div>
               <p className="text-sm text-foreground/60 text-center">Amazon</p>
             </div>
-            <div className="flex flex-col items-center gap-2">
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
               <div className="h-12 md:h-16 w-auto flex items-center">
                 <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Adobe logo">
                   <path d="M1 1v22h22V1H1zm3 3h4v4H4V4zm6 0h4v4h-4V4zm6 0h4v4h-4V4zm-12 6h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4zm-12 6h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4z" fill="#FF0000"/>
@@ -112,7 +113,7 @@ export default function LandingPage() {
               </div>
               <p className="text-sm text-foreground/60 text-center">Adobe</p>
             </div>
-            <div className="flex flex-col items-center gap-2">
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
               <div className="h-12 md:h-16 w-auto flex items-center">
                 <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Disney logo">
                   <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6z" fill="#113CCF"/>
@@ -120,7 +121,7 @@ export default function LandingPage() {
               </div>
               <p className="text-sm text-foreground/60 text-center">Disney</p>
             </div>
-            <div className="flex flex-col items-center gap-2">
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
               <div className="h-12 md:h-16 w-auto flex items-center">
                 <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Coca-Cola logo">
                   <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6z" fill="#E4001B"/>