Updated so that the rules and class text can be updated through the admin page

app/components/HomeClientContent.tsx

@@ -10,6 +10,9 @@ import MemberModal from './Modals/Member';
 import SubscribeModal from './Modals/Subscribe';
 import { FaFacebookSquare, FaInstagram } from "react-icons/fa";
 import { IoIosMail } from "react-icons/io";
+import Image from 'next/image';
+import player from "../../public/images/player.svg";
+import laget from "../../public/images/laget.se.svg";
 
 export default function HomeClientContent() {
     const [activeModal, setActiveModal] = useState<'member' | 'subscribe' | null>(null);
@@ -36,7 +39,7 @@ export default function HomeClientContent() {
                         </div>
                     </div>
                     <div className="hidden md:flex md:relative w-64 md:w-75 player-animation">
-                        <img src="/images/player.svg" alt="Spelare" className="w-full h-auto" />
+                        <Image src={player} alt="Spelare" className="w-full h-auto" />
                     </div>
                 </div>
             </section>
@@ -73,7 +76,7 @@ export default function HomeClientContent() {
                         </SocialIcon>
 
                         <SocialIcon title="Laget.se" href="https://www.laget.se/LVS">
-                            <img src="/images/laget.se.svg" alt="Laget.se" className="h-18 w-18" />
+                            <Image src={laget} alt="Laget.se" className="h-18 w-18" />
                         </SocialIcon>
                     </div>