RecentRunner/group-2-threaded-project-petshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Comments, appointments adjustments, fixed some issues

Browse Source
This commit is contained in:
augmentedpotato
2026-04-20 19:19:30 -06:00
parent d3b9c51952
commit 2cb0a94bbb
34 changed files with 402 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/page.js
View File

@@ -4,6 +4,7 @@ import Image from "next/image";
import Link from "next/link";
import { useState, useEffect } from "react";
//Images used in the auto-scrolling slideshow at the top of the home page
const slideshowImages = [
{id: "slide-1", src: "/images/home/slideshow/pet1.jpg", alt: "Happy pets"},
{id: "slide-2", src: "/images/home/slideshow/pet2.jpg", alt: "Pet supplies"},
@@ -11,15 +12,18 @@ const slideshowImages = [
{id: "slide-4", src: "/images/home/slideshow/pet4.jpg", alt: "Pet food"},
];
//Image cards linking to the three main sections of the site
const navImages = [
{id: "nav-adopt", src: "/images/home/navimages/adopt.jpg", alt: "Adopt a Pet", link: "/adopt", title: "Adopt a Pet"},
{id: "nav-products", src: "/images/home/navimages/store.jpg", alt: "Online Store", link: "/products", title: "Online Store"},
{id: "nav-appointments", src: "/images/home/navimages/appointments.jpg", alt: "Appointments", link: "/appointments", title: "Appointments"},
];
//Home page - slideshow, nav image links, and about us section
export default function Home() {
const [currentSlide, setCurrentSlide] = useState(0);
//Advances the slideshow every 7.5 seconds
useEffect(() => {
const timer = setInterval(() => { setCurrentSlide((prev) => (prev + 1) % slideshowImages.length); }, 7500);
return () => clearInterval(timer);