Added Advertisement Banner support

src/app/ar/page.tsx

@@ -9,6 +9,7 @@ export default async function Page() {
 	const home: HomePage = {
 		...data,
 		Banner: data?.Banner?.data?.attributes,
+		AdvertisementBanner: data?.AdvertisementBanner?.data?.attributes,
 	};
 
 	return <Home data={home} language="ar" />;

src/app/page.tsx

@@ -9,6 +9,7 @@ export default async function Page() {
 	const home: HomePage = {
 		...data,
 		Banner: data?.Banner?.data?.attributes,
+		AdvertisementBanner: data?.AdvertisementBanner?.data?.attributes,
 	};
 
 	return <Home data={home} language="en" />;

src/cms/index.ts

@@ -18,5 +18,7 @@ export async function getData<T>(page: string, locale: "ar" | "en"): Promise<T>
 		headers: {Authorization: `Bearer ${process.env.STRAPI_TOKEN}`},
 	});
 
+	console.log('GetDAta', page, JSON.stringify(request.data.data.attributes, null, 2));
 	return request.data.data.attributes;
+
 }

src/templates/Home.tsx

@@ -20,7 +20,15 @@ export default function Home({language, data}: Props) {
 			className={clsx("h-screen w-full bg-white text-mti-black flex flex-col", language === "ar" && "text-right")}
 			dir={language === "ar" ? "rtl" : "ltr"}>
 			<Navbar currentPage="/" language={language} />
-
+			{data.AdvertisementBanner?.url && (
+				<section className="w-full relative bg-white mb-4">
+					<img
+						src={data.AdvertisementBanner.url}
+						alt={data.AdvertisementBanner.alternativeText || 'Advertisement Banner'}
+						className="w-full"
+					/>
+				</section>
+			)}
 			<section className="w-full relative bg-white">
 				<img
 					src={data.Banner?.url || "/banner_encoach_home.png"}

src/types/cms/home.ts

@@ -14,10 +14,12 @@ interface Base {
 
 export default interface HomePage extends Base {
 	Banner: Image;
+	AdvertisementBanner: Image;
 }
 
 export interface HomePageData extends Base {
 	Banner: ImageData;
+	AdvertisementBanner: ImageData;
 }
 
 interface Modules {