diff --git a/src/app/page.tsx b/src/app/page.tsx
index a9fc045..75eae38 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,11 +6,11 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Heart } from "lucide-react";
+import { Heart, Briefcase, ExternalLink, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -46,22 +46,25 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
+      <HeroPersonalLinks
       background={{
         variant: "sparkles-gradient"}}
       title="Give a Second Chance, Find a Best Friend"
-      description="Every pet at Paws Haven is waiting for a loving home. Your kindness makes all the difference in their lives."
-      tag="Adopt Today"
-      buttons={[
-        {
-          text: "View Available Pets",          href: "#features"},
-        {
-          text: "Donate Now",          href: "#contact"},
+      socialLinks={[
+        { icon: Heart, label: "Shelter", href: "#about" },
+        { icon: Mail, label: "Contact", href: "#contact" }
       ]}
-      imageSrc="https://pixabay.com/get/g7d8ce498282572f124e8a53ba8bffbd64a8f075f5a72f1a5801323523804882f613b11cc25c062cb5b0e71ac4e4c3f2353ff482472fc731108d124c7e671cad7_1280.jpg"
-      imageAlt="A happy dog waiting for adoption at our shelter"
-      mediaAnimation="slide-up"
-      tagIcon={Heart}
+      linkCards={[
+        {
+          icon: Heart,
+          title: "View Available Pets",          description: "Browse our lovely cats and dogs waiting for homes.",          button: { text: "Adopt Now", href: "#features" }
+        },
+        {
+          icon: ExternalLink,
+          title: "How to Donate",          description: "Support our shelter operations with your generosity.",          button: { text: "Donate", href: "#contact" }
+        }
+      ]}
+      buttonAnimation="slide-up"
     />
   </div>