Update src/app/contact/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,154 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import TextAbout from "@/components/sections/about/TextAbout";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { CheckCircle, Heart, Users } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="largeSmallSizeMediumTitles"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Paws & Care"
+          navItems={[
+            { name: "About", id: "/about" },
+            { name: "Pets", id: "featured-pets" },
+            { name: "Adopt", id: "adopt" },
+            { name: "Support", id: "support" },
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "/contact" },
+            { name: "Our Pets", id: "/our-pets" },
+          ]}
+          button={{ text: "Adopt Now", href: "#featured-pets" }}
+        />
+      </div>
+
+      <div id="about-hero" data-section="about-hero">
+        <TextAbout
+          tag="Our Story"
+          tagIcon={Heart}
+          title="Paws & Care: Changing Lives, One Pet at a Time"
+          useInvertedBackground={false}
+          buttons={[{ text: "Learn More", href: "#mission" }]}
+        />
+      </div>
+
+      <div id="mission" data-section="mission">
+        <TextAbout
+          tag="Our Mission"
+          tagIcon={CheckCircle}
+          title="We're dedicated to rescuing, caring for, and finding forever homes for abandoned and neglected animals. Every pet deserves love, safety, and a chance at a better life."
+          useInvertedBackground={true}
+          buttons={[{ text: "Get Involved", href: "/contact" }]}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <FeatureCardTwentySeven
+          title="Meet Our Team"
+          description="Our passionate staff and volunteers are committed to providing the highest standard of care for every animal in our shelter."
+          tag="Our People"
+          tagIcon={Users}
+          features={[
+            {
+              id: "1",              title: "Sarah Williams",              description: "Executive Director with 15 years of experience in animal rescue and welfare.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-her-dog-park_23-2147902250.jpg",              imageAlt: "Sarah Williams"
+            },
+            {
+              id: "2",              title: "Dr. Michael Park",              description: "Chief Veterinarian ensuring all animals receive top-quality medical care and treatment.",              imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-looking-his-cat-embracing-wife-indoor-portrait-happy-family-posing-with-pet_197531-12215.jpg",              imageAlt: "Dr. Michael Park"
+            },
+            {
+              id: "3",              title: "Emma Thompson",              description: "Adoption Coordinator helping families find their perfect pet companions.",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-her-dog-making-selfie_329181-20369.jpg",              imageAlt: "Emma Thompson"
+            },
+            {
+              id: "4",              title: "Volunteer Network",              description: "Over 200 dedicated volunteers providing care, companionship, and support daily.",              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-their-french-bulldogs-park_1303-17965.jpg",              imageAlt: "Our volunteers"
+            },
+          ]}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwelve
+          testimonials={[
+            { id: "1", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-her-dog-park_23-2147902250.jpg", imageAlt: "Sarah" },
+            { id: "2", name: "Michael", imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-looking-his-cat-embracing-wife-indoor-portrait-happy-family-posing-with-pet_197531-12215.jpg", imageAlt: "Michael" },
+            { id: "3", name: "Emily", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-her-dog-making-selfie_329181-20369.jpg", imageAlt: "Emily" },
+            { id: "4", name: "David", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-their-french-bulldogs-park_1303-17965.jpg", imageAlt: "David" },
+            { id: "5", name: "Lisa", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-her-dog-park_23-2147902250.jpg", imageAlt: "Lisa" },
+          ]}
+          cardTitle="Join thousands of happy pet families who found their perfect companions at Paws & Care"
+          cardTag="Trusted by families everywhere"
+          cardTagIcon={Heart}
+          cardAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCTA
+          tag="Ready to Make a Difference?"
+          tagIcon={Heart}
+          title="Support Our Mission"
+          description="Your support helps us continue our lifesaving work. Whether through adoption, volunteering, or donations, every action counts."
+          background={{ variant: "sparkles-gradient" }}
+          buttons={[
+            { text: "Adopt Today", href: "/our-pets" },
+            { text: "Get in Touch", href: "/contact" },
+          ]}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigate",              items: [
+                { label: "Home", href: "/" },
+                { label: "Available Pets", href: "/our-pets" },
+                { label: "Adoption", href: "/#adopt" },
+                { label: "About Us", href: "/about" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Donate", href: "#" },
+                { label: "Volunteer", href: "#" },
+                { label: "Sponsorship", href: "#" },
+                { label: "Contact Us", href: "/contact" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Adoption Policy", href: "#" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Paws & Care Pet Shelter. All rights reserved."
+          bottomRightText="Saving Lives, Building Families"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,114 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Heart, Mail, MapPin, Phone } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="largeSmallSizeMediumTitles"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Paws & Care"
+          navItems={[
+            { name: "About", id: "/about" },
+            { name: "Pets", id: "featured-pets" },
+            { name: "Adopt", id: "adopt" },
+            { name: "Support", id: "support" },
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "/contact" },
+            { name: "Our Pets", id: "/our-pets" },
+          ]}
+          button={{ text: "Adopt Now", href: "#featured-pets" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <ContactCTA
+          tag="Get in Touch"
+          tagIcon={Heart}
+          title="Contact Paws & Care"
+          description="Have questions about adoption, volunteering, or our services? We'd love to hear from you. Reach out to our team anytime."
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            { text: "Send Message", href: "#contact-form" },
+            { text: "Call Us", href: "tel:+1234567890" },
+          ]}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact-info" data-section="contact-info">
+        <ContactText
+          text="Have questions? Our friendly team is here to help. Reach out via phone, email, or visit us in person. We're committed to answering all your inquiries about pet adoption and our services."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Email Us", href: "mailto:info@pawscare.com" },
+            { text: "Call Now", href: "tel:+1234567890" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="hours" data-section="hours">
+        <ContactText
+          text="Visit our shelter during business hours. We're open Monday through Sunday, with extended hours on weekends. Our staff and volunteers are always ready to help you find your perfect companion."
+          animationType="reveal-blur"
+          buttons={[
+            { text: "View Hours", href: "#" },
+            { text: "Get Directions", href: "#" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigate",              items: [
+                { label: "Home", href: "/" },
+                { label: "Available Pets", href: "/our-pets" },
+                { label: "Adoption", href: "/#adopt" },
+                { label: "About Us", href: "/about" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Donate", href: "#" },
+                { label: "Volunteer", href: "#" },
+                { label: "Sponsorship", href: "#" },
+                { label: "Contact Us", href: "/contact" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Adoption Policy", href: "#" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Paws & Care Pet Shelter. All rights reserved."
+          bottomRightText="Saving Lives, Building Families"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/our-pets/page.tsx

@@ -0,0 +1,150 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Heart, Sparkles, CheckCircle } from "lucide-react";
+
+export default function OurPetsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="largeSmallSizeMediumTitles"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Paws & Care"
+          navItems={[
+            { name: "About", id: "/about" },
+            { name: "Pets", id: "/our-pets" },
+            { name: "Adopt", id: "#adopt" },
+            { name: "Support", id: "#support" },
+            { name: "FAQ", id: "#faq" },
+            { name: "Contact", id: "/contact" },
+            { name: "Our Pets", id: "/our-pets" },
+          ]}
+          button={{ text: "Adopt Now", href: "#featured-pets" }}
+        />
+      </div>
+
+      <div id="featured-pets" data-section="featured-pets">
+        <ProductCardOne
+          title="All Our Available Pets"
+          description="Browse through our complete collection of wonderful animals waiting for their forever homes. Each pet has been carefully cared for and is ready to join your family."
+          tag="Available Now"
+          tagIcon={Sparkles}
+          products={[
+            {
+              id: "1",              name: "Max - Golden Retriever",              price: "Adoption Fee: $150",              imageSrc: "http://img.b2bpic.net/free-photo/what-good-boy-beautiful-golden-labrador-with-leash-sitting-with-his-owners-park_496169-2472.jpg?_wi=2",              imageAlt: "Max the Golden Retriever"
+            },
+            {
+              id: "2",              name: "Luna - Tabby Cat",              price: "Adoption Fee: $75",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-holding-tabby-cat_23-2148045665.jpg?_wi=2",              imageAlt: "Luna the Tabby Cat"
+            },
+            {
+              id: "3",              name: "Charlie - German Shepherd Puppy",              price: "Adoption Fee: $120",              imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-adorable-german-shepherd-puppy-with-chew-toy_181624-26888.jpg?_wi=2",              imageAlt: "Charlie the Puppy"
+            },
+            {
+              id: "4",              name: "Bella - Cocker Spaniel",              price: "Adoption Fee: $140",              imageSrc: "http://img.b2bpic.net/free-photo/what-good-boy-beautiful-golden-labrador-with-leash-sitting-with-his-owners-park_496169-2472.jpg?_wi=1",              imageAlt: "Bella the Cocker Spaniel"
+            },
+            {
+              id: "5",              name: "Oliver - Orange Tabby",              price: "Adoption Fee: $60",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-holding-tabby-cat_23-2148045665.jpg?_wi=1",              imageAlt: "Oliver the Orange Tabby"
+            },
+            {
+              id: "6",              name: "Daisy - Beagle Mix",              price: "Adoption Fee: $110",              imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-adorable-german-shepherd-puppy-with-chew-toy_181624-26888.jpg?_wi=1",              imageAlt: "Daisy the Beagle Mix"
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "Learn About Adoption", href: "/#adopt" }]}
+        />
+      </div>
+
+      <div id="process" data-section="process">
+        <FeatureCardTwentySeven
+          title="Our Adoption Process"
+          description="We've made the adoption process simple and transparent to ensure a perfect match between you and your new pet."
+          tag="Simple Steps"
+          tagIcon={CheckCircle}
+          features={[
+            {
+              id: "1",              title: "Browse & Meet",              description: "Explore our available pets online or visit us in person. Spend time with the animals to find your perfect match.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=1",              imageAlt: "Browse pets"
+            },
+            {
+              id: "2",              title: "Complete Application",              description: "Fill out our adoption application. We ask a few questions to ensure a good fit between you and your new pet.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=2",              imageAlt: "Application process"
+            },
+            {
+              id: "3",              title: "Home Verification",              description: "Our team may schedule a quick home visit to ensure a safe environment for your new companion.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=3",              imageAlt: "Home visit"
+            },
+            {
+              id: "4",              title: "Welcome Home",              description: "Complete the paperwork and take your new family member home to start your wonderful journey together.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=4",              imageAlt: "Happy adoption"
+            },
+          ]}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCTA
+          tag="Ready to Adopt?"
+          tagIcon={Heart}
+          title="Find Your Perfect Companion"
+          description="Each of these wonderful animals is looking for a loving home. Start your adoption journey today and make a difference in a pet's life."
+          background={{ variant: "radial-gradient" }}
+          buttons={[
+            { text: "Start Adoption", href: "/contact" },
+            { text: "Learn More", href: "/about" },
+          ]}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigate",              items: [
+                { label: "Home", href: "/" },
+                { label: "Available Pets", href: "/our-pets" },
+                { label: "Adoption", href: "/#adopt" },
+                { label: "About Us", href: "/about" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Donate", href: "#" },
+                { label: "Volunteer", href: "#" },
+                { label: "Sponsorship", href: "#" },
+                { label: "Contact Us", href: "/contact" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Adoption Policy", href: "#" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Paws & Care Pet Shelter. All rights reserved."
+          bottomRightText="Saving Lives, Building Families"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import TextAbout from "@/components/sections/about/TextAbout";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
@@ -31,18 +31,20 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Paws & Care"
           navItems={[
-            { name: "About", id: "about" },
+            { name: "About", id: "/about" },
             { name: "Pets", id: "featured-pets" },
             { name: "Adopt", id: "adopt" },
             { name: "Support", id: "support" },
             { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "/contact" },
+            { name: "Our Pets", id: "/our-pets" },
           ]}
           button={{ text: "Adopt Now", href: "#featured-pets" }}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroBillboardCarousel
           title="Give a Loving Pet a Forever Home"
           description="Meet our adorable animals waiting for their perfect family. Every adoption saves lives and opens homes to joy, companionship, and unconditional love."
           tag="Adopt Today"
@@ -51,12 +53,16 @@ export default function LandingPage() {
           background={{ variant: "sparkles-gradient" }}
           buttons={[
             { text: "Browse Pets", href: "#featured-pets" },
-            { text: "Learn More", href: "#about" },
+            { text: "Learn More", href: "/about" },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/woman-interacting-with-rescue-dogs-shelter_23-2148682952.jpg"
-          imageAlt="Happy pets at our shelter"
-          mediaAnimation="slide-up"
+          mediaItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/woman-interacting-with-rescue-dogs-shelter_23-2148682952.jpg", imageAlt: "Happy pets at our shelter" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/what-good-boy-beautiful-golden-labrador-with-leash-sitting-with-his-owners-park_496169-2472.jpg?_wi=1", imageAlt: "Golden Retriever in park" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-holding-tabby-cat_23-2148045665.jpg?_wi=1", imageAlt: "Woman with tabby cat" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-adorable-german-shepherd-puppy-with-chew-toy_181624-26888.jpg?_wi=1", imageAlt: "German Shepherd puppy" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg", imageAlt: "Family with dog" },
+          ]}
         />
       </div>
 
@@ -77,18 +83,15 @@ export default function LandingPage() {
           tag="Available Now"
           tagIcon={Sparkles}
           products={[
-            {
-              id: "1",              name: "Max - Golden Retriever",              price: "Adoption Fee: $150",              imageSrc: "http://img.b2bpic.net/free-photo/what-good-boy-beautiful-golden-labrador-with-leash-sitting-with-his-owners-park_496169-2472.jpg",              imageAlt: "Max the Golden Retriever"},
-            {
-              id: "2",              name: "Luna - Tabby Cat",              price: "Adoption Fee: $75",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-holding-tabby-cat_23-2148045665.jpg",              imageAlt: "Luna the Tabby Cat"},
-            {
-              id: "3",              name: "Charlie - Puppy",              price: "Adoption Fee: $120",              imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-adorable-german-shepherd-puppy-with-chew-toy_181624-26888.jpg",              imageAlt: "Charlie the Puppy"},
+            {              id: "1",              name: "Max - Golden Retriever",              price: "Adoption Fee: $150",              imageSrc: "http://img.b2bpic.net/free-photo/what-good-boy-beautiful-golden-labrador-with-leash-sitting-with-his-owners-park_496169-2472.jpg?_wi=2",              imageAlt: "Max the Golden Retriever"},
+            {              id: "2",              name: "Luna - Tabby Cat",              price: "Adoption Fee: $75",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-holding-tabby-cat_23-2148045665.jpg?_wi=2",              imageAlt: "Luna the Tabby Cat"},
+            {              id: "3",              name: "Charlie - Puppy",              price: "Adoption Fee: $120",              imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-adorable-german-shepherd-puppy-with-chew-toy_181624-26888.jpg?_wi=2",              imageAlt: "Charlie the Puppy"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View All Pets", href: "#" }]}
+          buttons={[{ text: "View All Pets", href: "/our-pets" }]}
         />
       </div>
 
@@ -99,14 +102,10 @@ export default function LandingPage() {
           tag="Simple Steps"
           tagIcon={CheckCircle}
           features={[
-            {
-              id: "1",              title: "Browse & Meet",              description: "Explore our available pets online or visit us in person. Spend time with the animals to find your perfect match.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=1",              imageAlt: "Browse pets"},
-            {
-              id: "2",              title: "Application",              description: "Complete our adoption application. We ask a few questions to ensure a good fit between you and your new pet.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=2",              imageAlt: "Application process"},
-            {
-              id: "3",              title: "Home Visit",              description: "Our team may schedule a quick home visit to ensure a safe environment for your new companion.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=3",              imageAlt: "Home visit"},
-            {
-              id: "4",              title: "Welcome Home",              description: "Complete the adoption paperwork and take your new family member home to start your wonderful journey together.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=4",              imageAlt: "Happy adoption"},
+            {              id: "1",              title: "Browse & Meet",              description: "Explore our available pets online or visit us in person. Spend time with the animals to find your perfect match.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=1",              imageAlt: "Browse pets"},
+            {              id: "2",              title: "Application",              description: "Complete our adoption application. We ask a few questions to ensure a good fit between you and your new pet.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=2",              imageAlt: "Application process"},
+            {              id: "3",              title: "Home Visit",              description: "Our team may schedule a quick home visit to ensure a safe environment for your new companion.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=3",              imageAlt: "Home visit"},
+            {              id: "4",              title: "Welcome Home",              description: "Complete the adoption paperwork and take your new family member home to start your wonderful journey together.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg?_wi=4",              imageAlt: "Happy adoption"},
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -123,18 +122,10 @@ export default function LandingPage() {
           tag="Happy Homes"
           tagIcon={Heart}
           testimonials={[
-            {
-              id: "1",              name: "Sarah Johnson",              role: "Pet Parent",              company: "New York",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-her-dog-park_23-2147902250.jpg",              imageAlt: "Sarah with her dog"},
-            {
-              id: "2",              name: "Michael Chen",              role: "Cat Lover",              company: "California",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-looking-his-cat-embracing-wife-indoor-portrait-happy-family-posing-with-pet_197531-12215.jpg",              imageAlt: "Michael with his cat"},
-            {
-              id: "3",              name: "Emily Rodriguez",              role: "Dog Rescuer",              company: "Texas",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-her-dog-making-selfie_329181-20369.jpg",              imageAlt: "Emily with her rescue dog"},
-            {
-              id: "4",              name: "David & Lisa Kim",              role: "Family",              company: "Seattle",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-their-french-bulldogs-park_1303-17965.jpg",              imageAlt: "David and Lisa with their pet"},
+            {              id: "1",              name: "Sarah Johnson",              role: "Pet Parent",              company: "New York",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-her-dog-park_23-2147902250.jpg",              imageAlt: "Sarah with her dog"},
+            {              id: "2",              name: "Michael Chen",              role: "Cat Lover",              company: "California",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-looking-his-cat-embracing-wife-indoor-portrait-happy-family-posing-with-pet_197531-12215.jpg",              imageAlt: "Michael with his cat"},
+            {              id: "3",              name: "Emily Rodriguez",              role: "Dog Rescuer",              company: "Texas",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-her-dog-making-selfie_329181-20369.jpg",              imageAlt: "Emily with her rescue dog"},
+            {              id: "4",              name: "David & Lisa Kim",              role: "Family",              company: "Seattle",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-their-french-bulldogs-park_1303-17965.jpg",              imageAlt: "David and Lisa with their pet"},
           ]}
           kpiItems={[
             { value: "500+", label: "Pets Adopted This Year" },
@@ -173,24 +164,18 @@ export default function LandingPage() {
           sideTitle="Frequently Asked Questions"
           sideDescription="Find answers to common questions about adoption, our facilities, and how to support our mission."
           faqs={[
-            {
-              id: "1",              title: "What is your adoption process?",              content: "Our adoption process includes browsing available pets, completing an application, a potential home visit, and finalizing paperwork. The entire process typically takes 3-7 business days."},
-            {
-              id: "2",              title: "What are the adoption fees?",              content: "Adoption fees vary based on the animal's age and health status, typically ranging from $50-$200. Fees help cover vaccinations, spaying/neutering, and initial medical care."},
-            {
-              id: "3",              title: "Can I volunteer at the shelter?",              content: "Yes! We welcome volunteers. Visit our facility or contact us to learn about available volunteer positions in animal care, adoption support, and administrative roles."},
-            {
-              id: "4",              title: "Do you accept donations?",              content: "Absolutely. We accept monetary donations, pet supplies, and in-kind contributions. Every donation directly helps us care for our animals and find them loving homes."},
-            {
-              id: "5",              title: "What animals do you have available?",              content: "We rescue and care for dogs, cats, and small animals including rabbits and guinea pigs. Our available animals are listed on our website with full profiles and photos."},
-            {
-              id: "6",              title: "Are your animals vaccinated and neutered?",              content: "Yes, all adopted animals are vaccinated, spayed/neutered, and microchipped. We provide complete medical records with each adoption."},
+            {              id: "1",              title: "What is your adoption process?",              content: "Our adoption process includes browsing available pets, completing an application, a potential home visit, and finalizing paperwork. The entire process typically takes 3-7 business days."},
+            {              id: "2",              title: "What are the adoption fees?",              content: "Adoption fees vary based on the animal's age and health status, typically ranging from $50-$200. Fees help cover vaccinations, spaying/neutering, and initial medical care."},
+            {              id: "3",              title: "Can I volunteer at the shelter?",              content: "Yes! We welcome volunteers. Visit our facility or contact us to learn about available volunteer positions in animal care, adoption support, and administrative roles."},
+            {              id: "4",              title: "Do you accept donations?",              content: "Absolutely. We accept monetary donations, pet supplies, and in-kind contributions. Every donation directly helps us care for our animals and find them loving homes."},
+            {              id: "5",              title: "What animals do you have available?",              content: "We rescue and care for dogs, cats, and small animals including rabbits and guinea pigs. Our available animals are listed on our website with full profiles and photos."},
+            {              id: "6",              title: "Are your animals vaccinated and neutered?",              content: "Yes, all adopted animals are vaccinated, spayed/neutered, and microchipped. We provide complete medical records with each adoption."},
           ]}
           textPosition="left"
           useInvertedBackground={false}
           animationType="smooth"
           faqsAnimation="slide-up"
-          buttons={[{ text: "Contact Us", href: "#" }]}
+          buttons={[{ text: "Contact Us", href: "/contact" }]}
         />
       </div>
 
@@ -214,10 +199,10 @@ export default function LandingPage() {
           columns={[
             {
               title: "Navigate",              items: [
-                { label: "Home", href: "#" },
-                { label: "Available Pets", href: "#featured-pets" },
+                { label: "Home", href: "/" },
+                { label: "Available Pets", href: "/our-pets" },
                 { label: "Adoption", href: "#adopt" },
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
               ],
             },
             {
@@ -225,7 +210,7 @@ export default function LandingPage() {
                 { label: "Donate", href: "#" },
                 { label: "Volunteer", href: "#" },
                 { label: "Sponsorship", href: "#" },
-                { label: "Contact Us", href: "#" },
+                { label: "Contact Us", href: "/contact" },
               ],
             },
             {

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-roboto), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-roboto), sans-serif;
 }

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0b07ff;;
-  --secondary-cta: #ffffff;;
-  --accent: #93b7ff;;
-  --background-accent: #a8bae8;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #fffffae6;;
+  --primary-cta: #fde047;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0b07ff;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #fffffae6;;
+  --primary-cta: #fde047;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
   --secondary-cta-text: #0c1325;;
-  --accent: #93b7ff;;
-  --background-accent: #a8bae8;;
+  --accent: #737373;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);