Update src/app/adopt/page.tsx

src/app/adopt/page.tsx

@@ -3,7 +3,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import { Home, HeartHandshake, Stethoscope, Family } from "lucide-react";
+import { Home, HeartHandshake, Stethoscope, Users } from "lucide-react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import Link from "next/link";
@@ -59,7 +59,7 @@ export default function AdoptPage() {
       headingFontWeight={"light"}
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered navItems={navItems.map(item => ({...item, id: item.id.startsWith('/') ? item.id : `#${item.id}`}))} button={navButton} brandName="Hope Haven" className="py-4" />
+        <NavbarStyleCentered navItems={navItems} button={navButton} brandName="Hope Haven" className="py-4" />
       </div>
 
       <div id="adoptable-pets" data-section="adoptable-pets">
@@ -77,7 +77,7 @@ export default function AdoptPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Adopt Now"
-          titleClassName="font-light"
+          textBoxTitleClassName="font-light"
           textBoxDescriptionClassName="font-light"
           cardBrandClassName="font-light"
           cardNameClassName="font-light"
@@ -93,13 +93,13 @@ export default function AdoptPage() {
             { icon: Home, title: "A Loving Home Awaits", description: "Provide a deserving animal with a warm, safe, and permanent home. You change a life forever." },
             { icon: HeartHandshake, title: "Comprehensive Support", description: "We offer post-adoption resources, training tips, and a community network to ensure a smooth transition for you and your new pet." },
             { icon: Stethoscope, title: "Healthy & Happy Pets", description: "All our animals receive thorough veterinary check-ups, vaccinations, and spay/neuter services before adoption." },
-            { icon: Family, title: "Matching Perfect Pairs", description: "Our experienced team helps you find the ideal companion whose personality and needs align with your lifestyle." }
+            { icon: Users, title: "Matching Perfect Pairs", description: "Our experienced team helps you find the ideal companion whose personality and needs align with your lifestyle." }
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Our Promise"
-          titleClassName="font-light"
+          textBoxTitleClassName="font-light"
           textBoxDescriptionClassName="font-light"
           cardTitleClassName="font-light"
         />
@@ -110,7 +110,7 @@ export default function AdoptPage() {
           text="Ready to open your home? Start your adoption journey with Hope Haven today."
           animationType="background-highlight"
           buttons={[{ text: "View All Pets", href: "/adopt" }, { text: "Contact Us", href: "/contact" }]}
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           ariaLabel="Call to action for adoption"
           textClassName="font-light"
@@ -121,7 +121,6 @@ export default function AdoptPage() {
         columns={footerColumns}
         logoText="Hope Haven"
         copyrightText="© 2024 Hope Haven Animal Shelter. All rights reserved."
-        useInvertedBackground={false}
       />
     </ThemeProvider>
   );