Build Havaran storefront with Meshkee-backed blogs and portfolios.

Clone product, solution, and company pages from the original site and wire articles/projects to the Meshkee Website API with pagination and media from the backend CDN.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/About.tsx

@@ -0,0 +1,24 @@
+import { about } from "@/data/home";
+
+export function About() {
+  return (
+    <section id="about" className="section">
+      <div className="container-page">
+        <div className="mx-auto max-w-3xl border-x border-[#ddd] px-6 py-2 text-center sm:px-12">
+          <h1 className="mb-5 text-2xl font-bold text-[#232323] sm:text-[28px]">
+            {about.title}
+          </h1>
+          <p className="mb-4 leading-8 text-[#666]">{about.paragraphs[0]}</p>
+          <p className="mb-6 leading-8 text-[#666]">{about.paragraphs[1]}</p>
+          <a
+            href="/about"
+            className="inline-flex items-center gap-2 text-sm font-bold text-[#232323]"
+          >
+            <span aria-hidden className="text-lg">‹</span>
+            ادامه
+          </a>
+        </div>
+      </div>
+    </section>
+  );
+}