import { useState, useEffect } from "react"; export default function Second() { const [photo, setPhoto] = useState(0); useEffect(() => { document.getElementById("jobPhoto"); jobPhoto.style.opacity = 0; setTimeout(() => { jobPhoto.src = `/images/${photo}.jpg`; setTimeout(() => { jobPhoto.style.opacity = 1; }, 100); }, 150); console.log(jobPhoto); }, [photo]); return ( <>
Prąd

  Ponad 4000 zrealizowanych projektów
  20 lat doświadczenia

  • { setPhoto(1); }} className="p-8 transition-all duration-700 hover:text-slate-500 border-b-2 border-white hover:border-red-500" >

    Sieci

  • { setPhoto(2); }} className="p-8 transition-all duration-700 hover:text-slate-500 border-b-2 border-white hover:border-red-500" >

    Instalacje

  • { setPhoto(3); }} className="p-8 transition-all duration-700 hover:text-slate-500 border-b-2 border-white hover:border-red-500" >

    Nadzory

  • { setPhoto(4); }} className="p-8 transition-all duration-700 hover:text-slate-500 border-b-2 border-white hover:border-red-500" >

    Pomiary

    • ); }