|
13 | 13 | $header->render(); |
14 | 14 | ?> |
15 | 15 |
|
16 | | -<!-- Si l'utilisateur est connecté, affiche le dashboard, sinon la page d'accueil classique --> |
17 | 16 | <?php if (isset($_SESSION['user_id'])): ?> |
18 | 17 |
|
19 | 18 | <?php |
20 | 19 | $dashboard = new Dashboard(); |
21 | | - |
22 | | -// Affiche le dashboard |
23 | 20 | $dashboard->render(); |
24 | 21 | ?> |
25 | 22 |
|
26 | 23 | <?php else: ?> |
27 | | - <!-- Page d'accueil classique pour les visiteurs non connectés --> |
28 | 24 | <main> |
29 | 25 | <h1><?php echo __('idx_h1'); ?> <img src="assets/img/v.webp" alt="V" class="v-icon"></h1> |
30 | 26 | <p class="subtitle"><?php echo __('idx_subtitle'); ?></p> |
|
39 | 35 | </button> |
40 | 36 | </div> |
41 | 37 |
|
42 | | - <button class="cta-button" onclick="openPrivacyModal()" id="app-btns"> |
| 38 | + <button class="cta-button" onclick="openPrivacyModal()" id="app-btns" style="display: none;"> |
43 | 39 | <i class="fab fa-discord"></i> <?php echo __('idx_cta'); ?> |
44 | 40 | </button> |
45 | 41 |
|
46 | 42 | <div class="cards-container"> |
47 | 43 | <div class="card"> |
48 | | - <div class="card-icon" style="color: #e74c3c;"><i class="fas fa-medal"></i></div> |
49 | | - <h3><?php echo __('idx_card1_title'); ?></h3> |
50 | | - <p><?php echo __('idx_card1_desc'); ?></p> |
| 44 | + <div class="card-icon" style="color: #7289DA;"><i class="fab fa-discord"></i></div> |
| 45 | + <h3><?php echo __('idx_feat1_title'); ?></h3> |
| 46 | + <p><?php echo __('idx_feat1_desc'); ?></p> |
51 | 47 | </div> |
52 | 48 | <div class="card"> |
53 | | - <div class="card-icon" style="color: #9ae73c;"><i class="fas fa-users-cog"></i></div> |
| 49 | + <div class="card-icon" style="color: #e74c3c;"><i class="fas fa-users"></i></div> |
54 | 50 | <h3><?php echo __('idx_card2_title'); ?></h3> |
55 | 51 | <p><?php echo __('idx_card2_desc'); ?></p> |
56 | 52 | </div> |
57 | 53 | <div class="card"> |
58 | | - <div class="card-icon" style="color: #3c78e7;"><i class="fas fa-gamepad"></i></div> |
59 | | - <h3><?php echo __('idx_card3_title'); ?></h3> |
60 | | - <p><?php echo __('idx_card3_desc'); ?></p> |
| 54 | + <div class="card-icon" style="color: #9ae73c;"><i class="fas fa-clipboard-list"></i></div> |
| 55 | + <h3><?php echo __('idx_feat3_title'); ?></h3> |
| 56 | + <p><?php echo __('idx_feat3_desc'); ?></p> |
61 | 57 | </div> |
62 | 58 | </div> |
63 | 59 | </main> |
64 | 60 |
|
65 | 61 | <div class="scroll-indicator-container"> |
66 | | - <a href="#presentation" class="scroll-arrow"> |
67 | | - <i class="fas fa-chevron-down"></i> |
68 | | - </a> |
| 62 | + <a href="#presentation" class="scroll-arrow"> |
| 63 | + <i class="fas fa-chevron-down"></i> |
| 64 | + </a> |
69 | 65 | </div> |
70 | 66 |
|
71 | | -<section id="presentation" class="info-section"> |
72 | | - <h2><?php echo __('idx_pres_title1'); ?><span style="color: var(--primary-purple)"><?php echo __('idx_pres_title2'); ?></span></h2> |
| 67 | + <section id="presentation" class="info-section"> |
| 68 | + <h2><?php echo __('idx_pres_title1'); ?> <span style="color: var(--primary-purple)"><?php echo __('idx_pres_title2'); ?></span></h2> |
| 69 | + |
73 | 70 | <div class="info-section-content"> |
74 | 71 | <div class="info-block"> |
75 | 72 | <div class="info-text"> |
76 | | - <h3><?php echo __('idx_pres_sub1'); ?></h3> |
77 | | - <p> |
78 | | - <?php echo __('idx_pres_p1'); ?> |
79 | | - </p> |
80 | | - <p> |
81 | | - <?php echo __('idx_pres_p2'); ?> |
82 | | - </p> |
| 73 | + <h3><?php echo __('idx_mm_title'); ?></h3> |
| 74 | + <p><?php echo __('idx_mm_desc1'); ?></p> |
| 75 | + <p><?php echo __('idx_mm_desc2'); ?></p> |
83 | 76 | <ul class="info-list"> |
84 | | - <li><i class="fas fa-check-circle"></i><?php echo __('idx_pres_li1'); ?></li> |
85 | | - <li><i class="fas fa-check-circle"></i><?php echo __('idx_pres_li2'); ?></li> |
86 | | - <li><i class="fas fa-check-circle"></i><?php echo __('idx_pres_li3'); ?></li> |
| 77 | + <li><i class="fas fa-medal"></i> <?php echo __('idx_mm_li1'); ?></li> |
| 78 | + <li><i class="fas fa-shield-alt"></i> <?php echo __('idx_mm_li2'); ?></li> |
| 79 | + <li><i class="fas fa-gavel"></i> <?php echo __('idx_mm_li3'); ?></li> |
87 | 80 | </ul> |
| 81 | + <a href="edp.php" class="link-arrow"><?php echo __('idx_pres_link'); ?> <i class="fas fa-arrow-right"></i></a> |
88 | 82 | </div> |
89 | 83 | <div class="info-visual"> |
90 | | - <img src="assets/img/img_1.webp" alt="Illustration du stade de la route du sacre" class="feature-img"> |
| 84 | + <img src="assets/img/img_1.webp" alt="Matchmaking Secteur V" class="feature-img"> |
91 | 85 | </div> |
92 | 86 | </div> |
93 | 87 |
|
94 | | - <div class="info-block reverse"> |
| 88 | + <div class="info-block reverse client-highlight-block"> |
95 | 89 | <div class="info-text"> |
96 | | - <h3><?php echo __('idx_pres_sub2'); ?></h3> |
97 | | - <p> |
98 | | - <?php echo __('idx_pres_p3'); ?> |
99 | | - </p> |
100 | | - <a href="edp.php" class="link-arrow"><?php echo __('idx_pres_link'); ?> <i class="fas fa-arrow-right"></i></a> |
| 90 | + <h3><i class="fas fa-desktop" style="color: var(--primary-purple);"></i> <?php echo __('idx_client_title'); ?></h3> |
| 91 | + <p><?php echo __('idx_client_desc1'); ?></p> |
| 92 | + <p><?php echo __('idx_client_desc2'); ?></p> |
| 93 | + <a href="download_client.php" class="cta-button" style="width: fit-content; margin-top: 1.5rem; text-decoration: none; font-size: 1rem; padding: 1rem 2rem;"> |
| 94 | + <?php echo __('nav_download_client'); ?> <i class="fas fa-arrow-right"></i> |
| 95 | + </a> |
101 | 96 | </div> |
102 | 97 | <div class="info-visual"> |
103 | | - <img src="assets/img/img_2.webp" alt="Illustration de Quentin Cinquedea" class="feature-img"> |
| 98 | + <img src="assets/img/img_2.webp" alt="Windows Client Overlay" class="feature-img client-glowing-img"> |
104 | 99 | </div> |
105 | 100 | </div> |
106 | 101 | </div> |
107 | 102 | </section> |
108 | 103 |
|
| 104 | + <section class="roadmap-section"> |
| 105 | + <h2><?php echo __('idx_roadmap_title1'); ?> <span style="color: var(--primary-purple)"><?php echo __('idx_roadmap_title2'); ?></span></h2> |
| 106 | + <p class="subtitle" style="margin-bottom: 4rem;"><?php echo __('idx_roadmap_subtitle'); ?></p> |
| 107 | + |
| 108 | + <div class="roadmap-grid"> |
| 109 | + <div class="roadmap-card"> |
| 110 | + <i class="fas fa-trophy roadmap-icon"></i> |
| 111 | + <h4><?php echo __('idx_rdm_tournaments'); ?></h4> |
| 112 | + <p><?php echo __('idx_rdm_tournaments_desc'); ?></p> |
| 113 | + </div> |
| 114 | + <div class="roadmap-card"> |
| 115 | + <i class="fas fa-users-cog roadmap-icon"></i> |
| 116 | + <h4><?php echo __('idx_rdm_clans'); ?></h4> |
| 117 | + <p><?php echo __('idx_rdm_clans_desc'); ?></p> |
| 118 | + </div> |
| 119 | + <div class="roadmap-card"> |
| 120 | + <i class="fas fa-mobile-alt roadmap-icon"></i> |
| 121 | + <h4><?php echo __('idx_rdm_mobile'); ?></h4> |
| 122 | + <p><?php echo __('idx_rdm_mobile_desc'); ?></p> |
| 123 | + </div> |
| 124 | + <div class="roadmap-card"> |
| 125 | + <i class="fas fa-star roadmap-icon"></i> |
| 126 | + <h4><?php echo __('idx_rdm_achievements'); ?></h4> |
| 127 | + <p><?php echo __('idx_rdm_achievements_desc'); ?></p> |
| 128 | + </div> |
| 129 | + </div> |
| 130 | + </section> |
| 131 | + |
109 | 132 | <?php endif;?> |
110 | 133 |
|
111 | 134 | <?php |
112 | 135 | $popup = new PrivacyPopup(); |
113 | 136 | $footer = new Footer(); |
114 | 137 |
|
115 | | -// Ajoute le popup de confidentialité |
116 | 138 | $popup->render(); |
117 | | - |
118 | | -// Affiche le footer |
119 | 139 | $footer->render(); |
120 | 140 | ?> |
121 | 141 |
|
122 | 142 | <script> |
123 | 143 | if (window.secteurV) { |
124 | | - document.getElementById('web-btns').style.display = 'none'; |
125 | | - document.getElementById('app-btns').style.display = 'inline-block'; |
126 | | - } else { |
127 | | - document.getElementById('web-btns').style.display = 'flex'; |
128 | | - document.getElementById('app-btns').style.display = 'none'; |
| 144 | + const webBtns = document.getElementById('web-btns'); |
| 145 | + const appBtns = document.getElementById('app-btns'); |
| 146 | + if (webBtns) webBtns.style.display = 'none'; |
| 147 | + if (appBtns) appBtns.style.display = 'inline-block'; |
129 | 148 | } |
130 | 149 | </script> |
131 | 150 |
|
|
0 commit comments