diff --git a/src/app/page.tsx b/src/app/page.tsx index 7c8dd5f..c896d2b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,8 +10,23 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import { Building2, CheckCircle, Home, Star, ThumbsUp, Zap, Phone } from "lucide-react"; +import { useState } from "react"; export default function LandingPage() { + const [selectedImageIndex, setSelectedImageIndex] = useState(0); + + const slides = [ + { + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-project_23-2148751999.jpg", imageAlt: "Professional roofing installation" + }, + { + imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg", imageAlt: "Quality siding installation" + }, + { + imageSrc: "http://img.b2bpic.net/free-photo/lady-working-as-fashion-designer-creating-new-dress_197531-24020.jpg?id=15970673", imageAlt: "Expert gutter systems" + }, + ]; + return ( ({ + ...slide, + imageSrc: selectedImageIndex === index ? slide.imageSrc : slide.imageSrc, + }))} autoplayDelay={4000} showDimOverlay={false} ariaLabel="STS Construction Services hero section"