DTL page : btns working

src/views/DesignToLight.vue

@@ -13,10 +13,18 @@
         <p class="intro" v-html="page.content.introduction"></p>
       </hgroup>
       <div class="ctas | flex" style="--column-gap: 1rem">
-        <button class="btn btn--white-10" @click="isDialogOpen = true">
+        <button
+          @click="isOptimizationDialogOpen = true"
+          class="btn btn--white-10"
+        >
           Optimiser un projet existant
         </button>
-        <button class="btn btn--white">Créer un nouveau projet avec DTL</button>
+        <button
+          @click="isProjectRequestDialogOpen = true"
+          class="btn btn--white"
+        >
+          Créer un nouveau projet avec DTL
+        </button>
       </div>
     </header>
     <div class="presentation | mt-64 flow">
@@ -51,18 +59,25 @@
 
   <OptimizationRequestDialog
     v-if="isOptimizationDialogOpen"
-    @close="isDialogOpen = false"
+    @close="isOptimizationDialogOpen = false"
+  />
+
+  <ProjectRequestDialog
+    v-if="isProjectRequestDialogOpen"
+    @close="isProjectRequestDialogOpen = false"
   />
 </template>
 <script setup>
 import { storeToRefs } from "pinia";
 import { usePageStore } from "../stores/page";
 import OptimizationRequestDialog from "../components/design-to-light/OptimizationRequestDialog.vue";
+import ProjectRequestDialog from "../components/ProjectRequestDialog.vue";
 import { computed, ref } from "vue";
 
 const { page } = storeToRefs(usePageStore());
 
 const isOptimizationDialogOpen = ref(false);
+const isProjectRequestDialogOpen = ref(false);
 
 const background = computed(() => {
   return (