From bfe6bace80f8d18b307f64980b74011114596f69 Mon Sep 17 00:00:00 2001 From: Thomas Fransolet Date: Thu, 16 Apr 2026 16:17:23 +0200 Subject: [PATCH] Update layout + perf --- src/app/globals.css | 2 +- src/app/layout.tsx | 15 +++++++-- src/app/page.tsx | 82 +++++++++++++++++++++++++++------------------ 3 files changed, 62 insertions(+), 37 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 37f2bac..ec699f9 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -4,7 +4,7 @@ --color-primary: #0df2df; --color-accent-violet: #8b5cf6; --color-accent-orange: #f97316; - --font-display: "Plus Jakarta Sans", sans-serif; + --font-display: var(--font-plus-jakarta), sans-serif; } @layer base { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 3cb20d1..c19a32a 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,14 @@ import type { Metadata } from "next"; +import { Plus_Jakarta_Sans } from "next/font/google"; import "./globals.css"; +const plusJakartaSans = Plus_Jakarta_Sans({ + subsets: ["latin"], + weight: ["400", "500", "600", "700", "800"], + variable: "--font-plus-jakarta", + display: "swap", +}); + export const metadata: Metadata = { metadataBase: new URL("https://myinfomate.be"), title: "MyInfoMate | La technologie au service de l'expérience visiteur", @@ -33,10 +41,11 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + - - + + + {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index b891fc6..7e54a49 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,7 @@ 'use client'; import React, { useState, useEffect, useRef } from 'react'; +import Image from 'next/image'; import { resolveImage } from '@/data/stitch-images'; import translations, { Language } from '@/data/translations'; @@ -156,9 +157,11 @@ export default function Home() {
- MyInfoMate Logo MyInfoMate @@ -338,10 +341,13 @@ export default function Home() {
{/* Interactive Map Tablet Preview */}
- Modern Interactive Map Interface

{t.mockup.mapTitle}

@@ -351,13 +357,13 @@ export default function Home() { {/* Agenda Mobile Preview - Hidden or repositioned on very small screens */}
- App screenshot + App screenshot
{/* Tours Mobile Preview */}
- App screenshot + App screenshot
@@ -367,44 +373,52 @@ export default function Home() { {/* Strategic Points */}
-
- +
+

{t.strategic.sectionLabel}

{t.strategic.sectionTitle}

 -
+
{/* Feature 1 */} -
-
- sync + +
+ sync
-

{t.strategic.feature1Title}

-

{t.strategic.feature1Desc}

-
+
+

{t.strategic.feature1Title}

+

{t.strategic.feature1Desc}

+
+ {/* Feature 2 */} -
-
- code_off + +
+ code_off
-

{t.strategic.feature2Title}

-

{t.strategic.feature2Desc}

-
+
+

{t.strategic.feature2Title}

+

{t.strategic.feature2Desc}

+
+ {/* Feature 3 */} -
-
- download_for_offline + +
+ download_for_offline
-

{t.strategic.feature3Title}

-

{t.strategic.feature3Desc}

-
+
+

{t.strategic.feature3Title}

+

{t.strategic.feature3Desc}

+
+ {/* Feature 4 */} -
-
- dashboard_customize + +
+ dashboard_customize
-

{t.strategic.feature4Title}

-

{t.strategic.feature4Desc}

-
+
+

{t.strategic.feature4Title}

+

{t.strategic.feature4Desc}

+
+
@@ -1235,9 +1249,11 @@ export default function Home() {
- MyInfoMate Logo MyInfoMate