Bob AI: Add fancy animations across the website. Enhance all section

Merge version_1 into main

src/app/page.tsx

@@ -37,7 +37,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-up">
         <HeroLogoBillboard
           logoText="Brew & Bean"
           description="Where every cup tells a story of passion, quality, and warmth. Experience the finest premium coffee crafted with care in our cozy haven."
@@ -52,10 +52,11 @@ export default function HomePage() {
           mediaAnimation="blur-reveal"
           frameStyle="card"
           ariaLabel="Welcome to Brew & Bean - Your Cozy Coffee Haven"
+          parallaxEnabled={true}
         />
       </div>
 
-      <div id="about-section" data-section="about-section">
+      <div id="about-section" data-section="about-section" className="animate-fade-in-up scroll-trigger">
         <InlineImageSplitTextAbout
           heading={[
             { type: "text", content: "Our Story" },