Merge version_1 into main

Merge version_1 into main

src/app/adopt/page.tsx

@@ -27,8 +27,15 @@ export default function AdoptPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
       borderRadius="soft"
       contentWidth="smallMedium"
+      sizing="largeSmallSizeMediumTitles"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay brandName="Paws & Hearts" navItems={navItems} button={{ text: "Adopt Now", href: "/adopt" }} />
@@ -77,6 +84,7 @@ export default function AdoptPage() {
             { id: 't4', name: 'The Rodriguez Family', date: 'Date: 15 Feb 2025', title: 'A perfect addition to our family', quote: 'Shadow is so patient with our children. The shelter\'s assessment was spot on.', tag: 'Cat Adoption', avatarSrc: 'https://img.b2bpic.net/free-photo/young-woman-hugging-her-boyfriend_1098-2330.jpg', imageSrc: 'https://img.b2bpic.net/free-photo/happy-couple-with-dog_1157-14772.jpg' }
           ]} 
           title="Recent Success Stories" 
+          description="Hear from families who found their perfect match at our shelter."
           tag="Joyful Homes" 
           tagIcon={Star}
           textboxLayout="default" 

src/app/contact/page.tsx

@@ -27,8 +27,15 @@ export default function ContactPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
       borderRadius="soft"
       contentWidth="smallMedium"
+      sizing="largeSmallSizeMediumTitles"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay brandName="Paws & Hearts" navItems={navItems} button={{ text: "Adopt Now", href: "/adopt" }} />
@@ -38,7 +45,7 @@ export default function ContactPage() {
         <ContactFaq 
           ctaTitle="Visit Our Shelter"
           ctaDescription="We are open for visits Tuesday through Sunday. Come meet our residents in person."
-          ctaButton={{ text: "Get Directions", href: "https://maps.google.com" }}
+          ctaButton={{ text: "Get Directions", href: "#" }}
           ctaIcon={MapPin}
           faqs={[
             { id: 'c1', title: 'Shelter Hours', content: 'Tuesday - Friday: 11am - 6pm<br/>Saturday - Sunday: 10am - 5pm' },
@@ -73,6 +80,7 @@ export default function ContactPage() {
           tag="Ways to Give" 
           tagIcon={Heart}
           imageSrc="https://img.b2bpic.net/free-photo/hipster-woman-smile-enjoy-playing-with-her-puppy-summer-field-vintage-tone-filter_1150-1188.jpg" 
+          imageAlt="Person donating to shelter"
           buttons={[{ text: 'Donate Now', href: '#' }]} 
           useInvertedBackground={false} 
         />

src/app/layout.tsx

@@ -5,20 +5,13 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const roboto = Roboto({
-  variable: "--font-roboto",
+  variable: "--font-roboto",  subsets: ["latin"],
-  subsets: ["latin"],
   weight: ["100", "300", "400", "500", "700", "900"],
 });
 
 export const metadata: Metadata = {
-  title: "Paws & Hearts | Rescue & Adoption Shelter",
+  title: "Paws & Hearts | Rescue & Adoption Shelter",  description: "Find your new best friend at Paws & Hearts. We rescue, rehabilitate, and rehome pets in need. Browse available dogs and cats for adoption today.",  openGraph: {
-  description: "Find your new best friend at Paws & Hearts. We rescue, rehabilitate, and rehome pets in need. Browse available dogs and cats for adoption today.",
+    title: "Paws & Hearts Animal Shelter",    description: "Giving animals a second chance at a forever home.",    siteName: "Paws & Hearts",    type: "website"},
-  openGraph: {
-    title: "Paws & Hearts Animal Shelter",
-    description: "Giving animals a second chance at a forever home.",
-    siteName: "Paws & Hearts",
-    type: "website",
-  },
 };
 
 export default function RootLayout({

src/app/mission/page.tsx

@@ -2,7 +2,7 @@
 
 import React from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Heart, Users, MapPin } from "lucide-react";
+import { Heart, Users } from "lucide-react";
 
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import MediaAbout from '@/components/sections/about/MediaAbout';
@@ -27,8 +27,15 @@ export default function MissionPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
       borderRadius="soft"
       contentWidth="smallMedium"
+      sizing="largeSmallSizeMediumTitles"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay brandName="Paws & Hearts" navItems={navItems} button={{ text: "Adopt Now", href: "/adopt" }} />
@@ -41,6 +48,7 @@ export default function MissionPage() {
           tag="Who We Are" 
           tagIcon={Heart}
           imageSrc="https://img.b2bpic.net/free-photo/hipster-woman-smile-enjoy-playing-with-her-puppy-summer-field-vintage-tone-filter_1150-1188.jpg" 
+          imageAlt="Volunteer smiling with a dog"
           buttons={[{ text: 'Volunteer Now', href: '/contact' }]} 
           useInvertedBackground={false} 
         />
@@ -55,6 +63,7 @@ export default function MissionPage() {
             { id: 'm3', value: '150+', description: 'Dedicated volunteers working round the clock for welfare.' },
             { id: 'm4', value: '500k', description: 'Meals provided to homeless pets in the last year alone.' }
           ]} 
+          metricsAnimation="opacity"
           useInvertedBackground={true} 
         />
       </div>

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import React from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Heart, PawPrint, Info, MapPin, Star } from "lucide-react";
+import { Sparkles, Heart, PawPrint, MapPin, Star } from "lucide-react";
 
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroSignup from '@/components/sections/hero/HeroSignup';
@@ -83,6 +83,7 @@ export default function HomePage() {
             { id: 'm3', value: '150+', description: 'Dedicated volunteers working round the clock for welfare.' },
             { id: 'm4', value: '500k', description: 'Meals provided to homeless pets in the last year alone.' }
           ]} 
+          metricsAnimation="blur-reveal"
           useInvertedBackground={false} 
         />
       </div>