Adopt page, minor adjustment to backend

web/app/page.js

@@ -5,7 +5,7 @@ import Link from "next/link";
 import { useState, useEffect } from "react";
 
 export default function Home() {
-  // Slideshow images array
+  //Slideshow images array
   const slideshowImages = [
     { src: "/images/home/slideshow/pet1.jpg", alt: "Happy pets" },
     { src: "/images/home/slideshow/pet2.jpg", alt: "Pet supplies" },
@@ -15,7 +15,7 @@ export default function Home() {
 
   const [currentSlide, setCurrentSlide] = useState(0);
 
-  // Auto-advance slideshow
+  //Auto-advance slideshow
   useEffect(() => {
     //Change slide every 7.5 seconds
     const timer = setInterval(() => {setCurrentSlide((prev) => (prev + 1) % slideshowImages.length);}, 7500); 
@@ -23,7 +23,7 @@ export default function Home() {
     return () => clearInterval(timer);
   }, [slideshowImages.length]);
 
-  // Four images that link to other pages
+  //Hyperlinks to other pages
   const navImages = [
     { src: "/images/home/navimages/adopt.jpg", alt: "Adopt a Pet", link: "/adopt", title: "Adopt a Pet" },
     { src: "/images/home/navimages/store.jpg", alt: "Online Store", link: "/store", title: "Online Store" },
@@ -33,7 +33,7 @@ export default function Home() {
 
   return (
     <main className="home-page">
-      {/* Slideshow Section */}
+      {/* Slideshow */}
       <section className="slideshow-container">
         {slideshowImages.map((image, index) => (
           <div
@@ -52,14 +52,14 @@ export default function Home() {
         ))}
       </section>
 
-      {/* Centered Title Section */}
+      {/* Title Section */}
       <section className="centered-title-section">
         <h1 className="main-title">Welcome to Leon's Pet Store</h1>
         <p className="subtitle">Your One-Stop Shop for All Things Pets</p>
         <div className="title-decoration"></div>
       </section>
 
-      {/* Four Image Links Section */}
+      {/* Image Hyperlinks */}
       <section className="image-links-section">
         <div className="image-links-container">
           {navImages.map((item, index) => (