first commit

app/components/home/WidgetSidebarImgBox.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="sidebar-img-box-all text-center">
+    <div class="sidebar-img">
+      <img src="/assets/img/image/sidebar-box-img.png" alt="">
+    </div>
+    <div class="sidebar-box-hadding">
+      <div class="space16"></div>
+      <h4><a href="#" class="font-f-2 font-20 line-height-20 weight-500 font-w">Alex Blake</a></h4>
+      <div class="space24"></div>
+      <p class="font-f-2 font-16 line-height-26 weight-400 font-w">When it comes to business, listen to
+        Henry David Thoreau: things usually don’t happen overnight – instead, to find success takes a lot of
+        time, effort, and courage. Opus includes everything you need to build a beautiful website.</p>
+    </div>
+    <div class="details-side-box-icon">
+      <div class="space24"></div>
+      <ul>
+        <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
+        <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+        <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>