Shortcodes

frontend/app/(main)/page.tsx

@@ -7,6 +7,7 @@ import Testimonial from "@/components/testimonial";
 import { CarouselItem } from "@/components/ui/carousel";
 import YouTubeEmbed from "@/components/youtube-embed";
 import { IYoutube } from "@/interfaces/youtube";
+import getShortcode from "@/lib/getShortcode";
 
 export default async function Home() {
 	let videos: IYoutube | null = null;
@@ -15,9 +16,18 @@ export default async function Home() {
 		const res = await fetch(query);
 		videos = await res.json();
 	}
+	const hero = await getShortcode("hero_image");
+	const systemEvolution = await getShortcode("evolution_systeme");
+	const fondations = await getShortcode("fondements");
+	const todaysPrinciples = await getShortcode("aujourdhui");
 	return (
 		<main>
-			<Hero />
+			<Hero
+				background={
+					hero.media?.url ??
+					"https://shadcnblocks.com/images/block/placeholder-2.svg"
+				}
+			/>
 			<div className="p-12">
 				<YouTubeEmbed
 					loadIframe
@@ -36,7 +46,10 @@ export default async function Home() {
 					<FeatureItem
 						title="Les Fondements de Latosa Escrima Concepts"
 						position="left"
-						image="https://shadcnblocks.com/images/block/placeholder-2.svg"
+						image={
+							fondations.media?.url ??
+							"https://shadcnblocks.com/images/block/placeholder-2.svg"
+						}
 					>
 						<ol className="flex list-decimal flex-col gap-4 text-justify">
 							<li>
@@ -72,7 +85,10 @@ export default async function Home() {
 					<FeatureItem
 						title="L’Évolution du Système"
 						position="right"
-						image="https://shadcnblocks.com/images/block/placeholder-2.svg"
+						image={
+							systemEvolution.media?.url ??
+							"https://shadcnblocks.com/images/block/placeholder-2.svg"
+						}
 					>
 						<ol className="flex list-none flex-col gap-4 text-justify">
 							<li>
@@ -117,7 +133,10 @@ export default async function Home() {
 					<FeatureItem
 						title="Les Principes du Système Aujourd’hui"
 						position="left"
-						image="https://shadcnblocks.com/images/block/placeholder-2.svg"
+						image={
+							todaysPrinciples.media?.url ??
+							"https://shadcnblocks.com/images/block/placeholder-2.svg"
+						}
 					>
 						Latosa Escrima Concepts repose sur cinq concepts
 						fondamentaux :