src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Shield, Zap, Users, UserPlus, Calendar, Heart } from "lucide-react";
+import { Heart } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -99,7 +99,7 @@ export default function LandingPage() {
             animationType="depth-3d"
             title="Your Donation Journey"
             description="Three simple steps to make your contribution count."
-            textboxLayout="default"
+            textboxLayout="inline-image"
             useInvertedBackground={true}
           />
         </div>
@@ -147,11 +147,11 @@ export default function LandingPage() {
         <div id="footer" data-section="footer">
           <FooterBase
             columns={[
-              { title: "Platform", items: [{ label: "About" }, { label: "Impact" }] },
-              { title: "Resources", items: [{ label: "FAQ" }, { label: "Support" }] },
+              { title: "Platform", items: [{ label: "About", href: "#about" }, { label: "Impact", href: "#metrics" }] },
+              { title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Support", href: "#contact" }] },
             ]}
-            bottomLeftText="© 2025 BloodBridge"
-            bottomRightText="All rights reserved."
+            logoText="BloodBridge"
+            copyrightText="© 2025 BloodBridge. All rights reserved."
           />
         </div>
       </ReactLenis>