add images

src/components/TheWelcome.vue

@@ -4,7 +4,7 @@
       <el-row :gutter="20" class="header-row">
         <el-col>
           <RouterLink to="/">
-            <img src="@/assets/logo.jpeg" width="200" height="200" alt="" />
+            <img src="@/assets/qr-code-logo-200x200.jpg" width="200" height="200" alt="" />
           </RouterLink>
         </el-col>
         <el-col>
@@ -33,15 +33,18 @@
     <!-- Примеры использования -->
     <el-main id="examples" class="examples-section">
       <h2>Примеры использования</h2>
-      <el-carousel height="100px">
+      <el-carousel height="300px">
         <el-carousel-item>
           <p>Автомобиль: получайте уведомления о проблемах с парковкой или фарами.</p>
+          <img src="@/assets/examples/car-200x200.jpg" width="200" height="200" alt="" />
         </el-carousel-item>
         <el-carousel-item>
           <p>Питомец: помогите вернуть потерявшегося питомца.</p>
+          <img src="@/assets/examples/dog-200x200.jpg" width="200" height="200" alt="" />
         </el-carousel-item>
         <el-carousel-item>
           <p>Квартира: оставляйте инструкции для курьеров или соседей.</p>
+          <img src="@/assets/examples/door-200x200.jpg" width="200" height="200" alt="" />
         </el-carousel-item>
       </el-carousel>
     </el-main>
@@ -54,7 +57,7 @@
 
     <!-- Подвал -->
     <el-footer class="footer">
-      <p>НаСвязи © 2024. Свяжитесь с нами в социальных сетях.</p>
+      <p>НаСвязи © 2024</p>
     </el-footer>
   </el-container>
 </template>
@@ -62,6 +65,8 @@
 <style scoped>
 .landing-container {
   font-family: Arial, sans-serif;
+  max-width: 950px;
+  margin: 0 auto;
 }
 
 .hero-section {
@@ -70,10 +75,8 @@
   background-color: #f5f5f5;
 }
 
-.features-section,
 .examples-section,
-.setup-section,
-.qr-form-section {
+.setup-section {
   padding: 50px 20px;
 }