✨ Recent post on landing page

pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-container>
+  <v-container class="flex flex-col gap-[4rem] my-[2rem]">
     <v-row class="content-section">
       <v-col cols="12" md="4" class="d-flex align-center">
         <div>
@@ -19,6 +19,26 @@
         </v-card>
       </v-col>
     </v-row>
+    <v-row class="content-section">
+      <v-col cols="12" md="8">
+        <v-card>
+          <activity-carousel class="carousel-section" />
+        </v-card>
+      </v-col>
+      <v-col cols="12" md="4" class="d-flex align-center" order="first" order-md="last">
+        <div class="text-right">
+          <h1 class="text-4xl font-bold">Activities</h1>
+          <p class="text-lg mt-3">
+            Keep in touch, <br />
+            and learn what we doing recently.
+          </p>
+          <p class="text-grey mt-2">
+            <v-icon icon="mdi-arrow-left" size="16" class="mb-0.5" />
+            See some posts of our realm just here
+          </p>
+        </div>
+      </v-col>
+    </v-row>
   </v-container>
 </template>