Update src/app/page.tsx

src/app/page.tsx

@@ -3,7 +3,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -63,14 +63,14 @@ export default function HomePage() {
       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="hero" data-section="hero">
         <HeroBillboardCarousel
           title="Give a Loving Home to a Deserving Pet"
           description="Every animal deserves a second chance. Discover your new best friend and join our mission to rescue, rehabilitate, and rehome pets in need."
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="Hope Haven Shelter"
           buttons={[{ text: "Adopt a Pet", href: "/adopt" }, { text: "Get Involved", href: "/about" }]}
           mediaItems={[
@@ -95,13 +95,13 @@ export default function HomePage() {
             { 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"
         />
@@ -122,7 +122,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Adopt Now"
-          titleClassName="font-light"
+          textBoxTitleClassName="font-light"
           textBoxDescriptionClassName="font-light"
           cardBrandClassName="font-light"
           cardNameClassName="font-light"
@@ -143,7 +143,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Making a Difference"
-          titleClassName="font-light"
+          textBoxTitleClassName="font-light"
           textBoxDescriptionClassName="font-light"
           metricTitleClassName="font-light"
         />
@@ -164,7 +164,6 @@ export default function HomePage() {
           avatarsAnimation="slide-up"
           useInvertedBackground={false}
           testimonialClassName="font-light"
-          authorClassName="font-light"
         />
       </div>
 
@@ -180,7 +179,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Partnerships"
-          titleClassName="font-light"
+          textBoxTitleClassName="font-light"
           textBoxDescriptionClassName="font-light"
           logoTextClassName="font-light"
         />
@@ -191,7 +190,7 @@ export default function HomePage() {
           text="Ready to make a difference? Join our cause and help us create brighter futures for animals in need."
           animationType="background-highlight"
           buttons={[{ text: "Donate Today", href: "/donate" }, { text: "Volunteer", href: "/contact" }]}
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           ariaLabel="Call to action for donations and volunteering"
           textClassName="font-light"
@@ -202,7 +201,6 @@ export default function HomePage() {
         columns={footerColumns}
         logoText="Hope Haven"
         copyrightText="© 2024 Hope Haven Animal Shelter. All rights reserved."
-        useInvertedBackground={false}
       />
     </ThemeProvider>
   );