Started introduction section

src/routes/whymdc/components.rs

@@ -6,3 +6,16 @@ pub fn Subtitle(cx: Scope, children: Children) -> impl IntoView {
         <h3 class="text-3xl font-bold text-white">{children(cx)}</h3>
     }
 }
+
+#[component]
+pub fn SectionTitle(cx: Scope, dark: bool, children: Children) -> impl IntoView {
+    let mut textColorClass = "text-indigo-950";
+    if dark {
+        textColorClass = "text-white";
+    }
+    let class = format!("text-5xl font-bold {}", textColorClass);
+    view! { cx, 
+        <h2 class={class}>{children(cx)}</h2>
+    }
+}
+

src/routes/whymdc/page.rs

@@ -4,11 +4,22 @@ use leptos::*;
 #[component]
 pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
     view! { cx,
+        <div class="max-w-[1600px] mx-auto">
             <div class="min-h-[500px] p-8 bg-cover bg-[url('/img/edge-cloud-1024x576.png')]">
                 <h1 class="text-orange-400 text-7xl font-extrabold mb-6">"Micro centres de données"</h1>
                 <Subtitle>
                     <span class="max-w-lg inline-block pb-2">"Pourquoi les centres de données grande échelle sont-ils voués à disparaître?"</span>
                 </Subtitle>
             </div>
+            <div class="flex">
+            <div class="flex-1">
+                <SectionTitle dark=false>"Énergie: le nerf de la guerre"</SectionTitle>
+                <p>"Tous les systèmes économiques sont basés sur deux variables fondamentales: le temps et l’énergie. Depuis des millénaires l’or est dispendieux. Parce qu’il requiert beaucoup de temps et d’énergie à trouver. Depuis toujours l’eau a une valeur différente à différents endroits de la planète et moments de l’année, en fonction du temps et de l’énergie requis pour la trouver. D’ailleurs, l’énergie est souvent représentée comme fonction du temps. L’unité d’énergie choisie par le Système International, le Joule, s’exprime en Kilogramme X Mètre2 X Seconde2. "</p>
+                <p>"Il convient donc de considérer l’énergie comme fondement principal des différents systèmes économiques. Ce livre blanc vise à étudier les caractéristiques économiques selon différentes métriques naturelles, dont l’énergie est la plus importante, des différentes technologies de déploiement de centres de données. Cette analyse vise plus particulièrement à comparer l’efficacité énergétique, et donc économique, des déploiements de centres de données à très petite et très grande échelle."</p>
+                <p class="font-bold">"L’impact global sera calculé en fonction des 5 métriques présentées ci-dessous."</p>
+            </div>
+            <img src="/img/light_bulb.png" class="hidden lg:block" />
+        </div>
+    </div>
     }
 }