"use client"; import React, { useEffect, useState } from "react"; import Footer from "./components/Footer"; import "./assets/main.css"; import NavLink from "./components/NavLink"; export default function RootLayout({ children }) { // États pour gérer la largeur et la hauteur du conteneur principal const [numElements, setNumElements] = useState(0); const [containerWidth, setContainerWidth] = useState("max-w-4xl"); const [containerHeight, setContainerHeight] = useState("min-h-[50vh]"); useEffect(() => { // Compter le nombre d'éléments enfants const elementsCount = React.Children.count(children); setNumElements(elementsCount); // Ajuster la largeur et la hauteur en fonction du nombre d'éléments if (elementsCount > 5) { setContainerWidth("max-w-6xl"); setContainerHeight("min-h-[80vh]"); } else if (elementsCount > 3) { setContainerWidth("max-w-5xl"); setContainerHeight("min-h-[70vh]"); } else { setContainerWidth("max-w-4xl"); setContainerHeight("min-h-[60vh]"); } }, [children]); return ( {/* Conteneur principal avec image de fond */}

{/* Cercles de fond pour l'effet visuel */}

{/* En-tête avec navigation */}

Portofolio Gras-Calvet Fernand

{/* Conteneur principal pour le contenu */}

{children}

{/* Pied de page */}

); }