feat: add HomeStorySection component and ShowMoreIcon SVG icon

- Implemented HomeStorySection component to display project statistics and images.
- Added ShowMoreIcon component for UI enhancement.

src/app/globals.css

@@ -155,3 +155,33 @@
   --color-black: var(--black);
   --color-transparent: var(--transparent);
 }
+
+.container {
+  width: 100%;
+  padding-inline: 10rem;
+
+  @media (width >=40rem) {
+    max-width: 40rem;
+    padding-inline: 1rem;
+  }
+
+  @media (width >=48rem) {
+    max-width: 48rem;
+    padding-inline: 1rem;
+    }
+
+  @media (width >=64rem) {
+    max-width: 64rem;
+    padding-inline: 3rem;
+    }
+
+  @media (width >=80rem) {
+    max-width: 80rem;
+    padding-inline: 5rem;
+    }
+
+  @media (width >=96rem) {
+    max-width: 96rem;
+    padding-inline: 8rem;
+    }
+}

src/app/page.tsx

@@ -1,5 +1,6 @@
 import Header from '@/components/layout/header';
 import AboutTopInfo from '@/components/pages/about/TopInfo';
+import HomeStorySection from '@/components/pages/home/HomeStorySection';
 import HomePageProducts from '@/components/pages/home/Products';
 
 async function getData() {
@@ -15,6 +16,7 @@ export default async function Home() {
       <Header />
       <AboutTopInfo />
       <HomePageProducts />
+      <HomeStorySection className="my-24" />
     </main>
   );
 }