From 6a6762da41312b7723d742aaf0606025422e23d3 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 11 Feb 2025 19:40:17 -0500
Subject: [PATCH] Change landing page text color

---
 frontend/src/views/main/Landing.vue | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/main/Landing.vue b/frontend/src/views/main/Landing.vue
index fdf3bda..35b2ad3 100644
--- a/frontend/src/views/main/Landing.vue
+++ b/frontend/src/views/main/Landing.vue
@@ -29,10 +29,10 @@ import Footer from "@/views/main/Footer.vue";
 
   <div class="support-container flex flex-col items-center space-y-4 md:flex-row md:space-y-0 md:space-x-6">
     <div class="support-text text-justify md:text-left">
-      <span> Ici, vous <span class="highlight">SOUTENEZ</span> </span><br>
-      <span> les <span class="highlight2">CRÉATEURS</span>, </span><br>
-      <span> les <span class="highlight2">PROJETS</span> </span><br>
-      <span> que vous <span class="highlight">AIMEZ</span> </span>
+      <span class="text-white"> Ici, vous <span class="highlight">SOUTENEZ</span> </span><br>
+      <span class="text-white"> les <span class="highlight2">CRÉATEURS</span>, </span><br>
+      <span class="text-white"> les <span class="highlight2">PROJETS</span> </span><br>
+      <span class="text-white"> que vous <span class="highlight">AIMEZ</span> </span>
     </div>
     <img src="/images/hutopymedia/banners/heart.png" alt="YourHutopy" class="w-48 h-48 md:w-48 md:h-48 object-contain">
   </div>
@@ -51,7 +51,7 @@ import Footer from "@/views/main/Footer.vue";
             alt="YourHutopy"
             class="max-h-56 mx-auto"
         >
-        <div class="text-md text-justify px-6">
+        <div class="text-md text-justify px-6 ">
           Soutenez financièrement vos créateurs préférés et participez directement à leur succès. Chaque contribution est un geste fort pour encourager leur talent et leur passion.
         </div>
         <!-- <v-btn>Soutenir</v-btn> -->
@@ -83,11 +83,11 @@ import Footer from "@/views/main/Footer.vue";
       <div class="space-y-6">
         <img src="/images/hutopymedia/homepage/votrehutopy.png" alt="YourHutopy" class="w-full mb-6">
         <div class="space-y-4">
-          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1">Hutopy, c'est quoi ?</p>
-          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1">
+          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1 homepagetext">Hutopy, c'est quoi ?</p>
+          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1 homepagetext">
             Hutopy est une plateforme qui permet de soutenir financièrement vos créateurs préférés et de les encourager dans leurs projets. C'est aussi un espace où les créateurs peuvent partager leur passion, créer leur page, et donner à leur communauté l’opportunité de les aider à réaliser leurs rêves.
           </p>
-          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1">
+          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1 homepagetext">
             Simple, accessible et humain, Hutopy valorise le talent et le soutien, car chaque geste, aussi petit soit-il, peut faire une grande différence dans l’accomplissement de sa propre utopie.
           </p>
           <div class="flex justify-center">
@@ -255,4 +255,11 @@ body {
     height: 600px; /* Pour les écrans >= 1280px */
   }
 }
+
+.homepagetext{
+  color: white;
+  font-family: "Roboto", sans-serif;
+
+}
+
 </style>
\ No newline at end of file