Bob AI: Add fancy animations throughout the website. Add entrance an

Merge version_1 into main

src/app/page.tsx

@@ -38,7 +38,7 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="hero-section" data-section="hero-section">
+      <div id="hero-section" data-section="hero-section" className="animate-fade-in">
         <HeroBillboard
           title="Sip, Savor, and Soar in Our Cozy Haven"
           description="Experience the perfect blend of artisanal coffee and warm ambiance. Our expertly crafted brews and inviting atmosphere create the ideal retreat for coffee lovers and community members alike."
@@ -70,7 +70,7 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="about-section" data-section="about-section">
+      <div id="about-section" data-section="about-section" className="animate-fade-in-up">
         <MediaSplitTabsAbout
           title="Our Story & Craftsmanship"
           description="Discover the passion behind every cup at our cozy corner of the city, where quality meets comfort."
@@ -78,6 +78,7 @@ export default function HomePage() {
             {
               id: "our-story",
               label: "Our Story",
+              className: "hover:scale-105 transition-transform duration-300",
               description: "Founded in 2018, we began as a small neighborhood café with a big dream: to serve exceptional coffee that brings people together. Our journey has been fueled by a deep respect for the craft and an unwavering commitment to quality."
             },
             {