Update src/app/page.tsx

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -18,7 +18,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="mediumSizeLargeTitles"
-      background="aurora"
+      background="floatingGradient"
       cardStyle="inset"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="glass"
@@ -32,7 +32,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Pets", id: "pets" },
             { name: "Adopt", id: "contact" },
-            { name: "Volunteer", id: "faq" }
+            { name: "Volunteer", id: "features" }
           ]}
           button={{
             text: "Donate Now",            href: "contact"
@@ -44,7 +44,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="SAFE HAVEN"
           description="Give every animal a second chance at happiness. Our shelter provides loving care and adoption services to rescue pets in need of forever homes."
-          background={{ variant: "aurora" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Browse Available Pets", href: "pets" },
             { text: "Learn More", href: "about" }