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/app/products/page.tsx

@@ -0,0 +1,45 @@
+import { Footer } from "@/components/Footer";
+import { Header } from "@/components/Header";
+import { CatalogCard, PageHero } from "@/components/PageShared";
+import { productsList } from "@/data/pages";
+
+export const metadata = {
+  title: "محصولات | رسام تجارت هواران",
+  description:
+    "خرید انواع فن تخلیه دود F300، فن هواران، چیلر، فن کویل و هواساز از رسام تجارت هواران",
+};
+
+export default function ProductsPage() {
+  return (
+    <>
+      <Header />
+      <main>
+        <PageHero
+          title="محصولات رسام تجارت هواران"
+          titleEn="HAVARAN Products"
+          breadcrumb={[
+            { label: "صفحه اصلی", href: "/" },
+            { label: "محصولات", href: "/products" },
+          ]}
+        />
+        <section className="section section-gray">
+          <div className="container-page">
+            <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5">
+              {productsList.map((item) => (
+                <CatalogCard
+                  key={item.slug}
+                  href={item.href}
+                  image={item.image}
+                  title={item.title}
+                  titleEn={item.titleEn}
+                  description={item.description}
+                />
+              ))}
+            </div>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}