Bob AI: Add animations across multiple sections: fade-in animations

src/app/page.tsx

@@ -227,8 +227,66 @@ export default function LandingPage() {
         .stagger-delay-3 { animation-delay: 0.3s; }
         .stagger-delay-4 { animation-delay: 0.4s; }
         .stagger-delay-5 { animation-delay: 0.5s; }
+        @keyframes fadeInUp {
+          from {
+            opacity: 0;
+            transform: translateY(30px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+        @keyframes slideInLeft {
+          from {
+            opacity: 0;
+            transform: translateX(-40px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+        @keyframes slideInRight {
+          from {
+            opacity: 0;
+            transform: translateX(40px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+        @keyframes scaleIn {
+          from {
+            opacity: 0;
+            transform: scale(0.95);
+          }
+          to {
+            opacity: 1;
+            transform: scale(1);
+          }
+        }
+        .fade-in-section {
+          animation: fadeInUp 0.8s ease-out forwards;
+          opacity: 0;
+        }
+        .slide-in-card {
+          animation: slideInLeft 0.6s ease-out forwards;
+          opacity: 0;
+        }
+        .scale-on-hover {
+          transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+        .scale-on-hover:hover {
+          transform: scale(1.05);
+        }
+        .card-stagger {
+          animation: slideInLeft 0.6s ease-out forwards;
+          opacity: 0;
+        }
       `}</style>
-      <div id="hero-section" data-section="hero-section">
+      <div id="hero-section" data-section="hero-section" className="fade-in-section">
         <HeroOverlay
           title="Смакуйте свіжість кожного дня"
           description="Наші ремісничі хлібобулочні вироби готуються з найкращих інгредієнтів та традиційних рецептів. Від хрустких батонів до м'яких тістечок - кожен продукт створений з любов'ю для вас."
@@ -249,7 +307,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about-section" data-section="about-section" className="fade-in-up testimonial-card" style={{ animation: 'fadeInUp 0.8s ease-out' }}>
+       <div id="about-section" data-section="about-section" className="fade-in-section testimonial-card">
         <TestimonialAboutCard
           tag="Наша історія"
           tagIcon={Sparkles}