Build the Salar Store storefront and connect products, blogs, and home specials to the Meshkee API.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-16 01:36:29 +03:30
parent 2783305f07
commit 7d26eaa838
113 changed files with 3269 additions and 96 deletions
@@ -0,0 +1,57 @@
+import type { Metadata } from "next";
+import Image from "next/image";
+import { PageHero } from "@/components/PageHero";
+import { SITE } from "@/lib/site";
+
+export const metadata: Metadata = {
+  title: `درباره ما | ${SITE.nameFa}`,
+  description: SITE.about,
+};
+
+export default function AboutPage() {
+  return (
+    <>
+      <PageHero title="درباره ما" english="About Us" />
+      <section className="container-site py-10 md:py-14">
+        <div className="relative overflow-hidden rounded-2xl min-h-[280px] md:min-h-[360px]">
+          <Image
+            src="/images/pages/about-bg.webp"
+            alt=""
+            fill
+            priority
+            sizes="1200px"
+            className="object-cover object-center"
+          />
+          <div
+            className="pointer-events-none absolute inset-0"
+            style={{
+              background:
+                "linear-gradient(to left, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.55) 48%, rgba(0,0,0,0.2) 100%)",
+            }}
+          />
+          <div className="relative z-[1] max-w-xl p-6 md:p-10 text-white">
+            <h2 className="text-2xl md:text-4xl font-extrabold mb-4">{SITE.nameFa}</h2>
+            <p className="text-sm md:text-base leading-8 text-white/90 text-justify">{SITE.about}</p>
+          </div>
+        </div>
+
+        <div className="mt-10 grid md:grid-cols-2 gap-8 items-center rounded-2xl bg-zinc-50 p-5 md:p-8">
+          <div>
+            <p className="font-carter text-brand tracking-[0.2em] text-sm mb-2">SALAR STORE</p>
+            <h2 className="section-title mb-4">سالار استور</h2>
+            <p className="text-zinc-600 leading-8 text-justify">{SITE.about}</p>
+          </div>
+          <div className="relative mx-auto w-full max-w-xs">
+            <Image
+              src="/images/pages/about-side.png"
+              alt={SITE.nameFa}
+              width={300}
+              height={603}
+              className="h-auto w-full object-contain"
+            />
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}