import React from "react";
import ReactMarkdown from "react-markdown"; // Importation de ReactMarkdown
import "./assets/main.css";
async function getHomepageData() {
try {
const response = await fetch("http://localhost:1337/api/homepages?populate=*");
if (!response.ok) {
throw new Error("Failed to fetch homepage content");
}
const homepage = await response.json();
return homepage.data?.[0]; // On récupère la première entrée
} catch (error) {
console.error("Error fetching homepage:", error);
return null;
}
}
export default async function HomePage() {
const homepage = await getHomepageData();
if (!homepage) return Erreur lors du chargement du contenu.
;
// Récupération des données
const title = homepage?.title;
const cv = homepage?.cv || ""; // Assurer que `cv` est une chaîne même si vide
const photo = homepage?.photo;
// Correction de l'URL de l'image
const baseUrl = "http://localhost:1337";
const imageUrl = photo?.url ? `${baseUrl}${photo.url}` : null;
return (
{/* Texte court (title) */}
{title}
{/* Photo en cadre ovale avec effet hover */}
{imageUrl ? (
) : (
Image indisponible
)}
{/* Texte riche en Markdown */}
{cv}
);
}