Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5e95567afa | |||
| ee5ebffcca |
@@ -10,8 +10,23 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
|
|||||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||||
import { Building2, CheckCircle, Home, Star, ThumbsUp, Zap, Phone } from "lucide-react";
|
import { Building2, CheckCircle, Home, Star, ThumbsUp, Zap, Phone } from "lucide-react";
|
||||||
|
import { useState } from "react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
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 (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="directional-hover"
|
defaultButtonVariant="directional-hover"
|
||||||
@@ -48,17 +63,10 @@ export default function LandingPage() {
|
|||||||
{ text: "Request a Free Estimate", href: "contact" },
|
{ text: "Request a Free Estimate", href: "contact" },
|
||||||
{ text: "View Our Services", href: "services" },
|
{ text: "View Our Services", href: "services" },
|
||||||
]}
|
]}
|
||||||
slides={[
|
slides={slides.map((slide, index) => ({
|
||||||
{
|
...slide,
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-project_23-2148751999.jpg", imageAlt: "Professional roofing installation"
|
imageSrc: selectedImageIndex === index ? slide.imageSrc : slide.imageSrc,
|
||||||
},
|
}))}
|
||||||
{
|
|
||||||
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"
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
autoplayDelay={4000}
|
autoplayDelay={4000}
|
||||||
showDimOverlay={false}
|
showDimOverlay={false}
|
||||||
ariaLabel="STS Construction Services hero section"
|
ariaLabel="STS Construction Services hero section"
|
||||||
|
|||||||
Reference in New Issue
Block a user