Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,9 +6,9 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import { Heart } from "lucide-react";
@@ -29,7 +29,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+          <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "hero" },
               { name: "About", id: "about" },
@@ -42,13 +42,11 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroLogoBillboard
+          <HeroLogo
             logoText="BloodBridge"
-            description="Connecting volunteer donors with hospitals instantly. Join the bridge that saves lives every single day."
+            description="Connecting volunteer donors with hospitals instantly. We integrate real-time supply and demand data to ensure that every donation finds its life-saving match exactly when it's needed most."
             buttons={[{ text: "Start Donating", href: "#contact" }, { text: "Learn More", href: "#about" }]}
-            background={{ variant: "sparkles-gradient" }}
             imageSrc="http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336497.jpg"
-            mediaAnimation="slide-up"
           />
         </div>
 
@@ -163,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}