soorya-carpet/bootstrap/ssr/assets/about-Bpe9pve7.js

import { jsxs, Fragment, jsx } from "react/jsx-runtime";
import { u as useTranslations, L as Layout, n as ns, o as oko } from "./layout-toNsB0Jp.js";
import { Head } from "@inertiajs/react";
import { Lightbulb, Target, HeartHandshake } from "lucide-react";
import "./index-CY6fYws-.js";
import "@radix-ui/react-slot";
import "class-variance-authority";
import "clsx";
import "tailwind-merge";
import "./input-DfkIsvXR.js";
import "./label-DrpjkvJN.js";
import "@radix-ui/react-label";
import "@icons-pack/react-simple-icons";
import "./select-CsRyyQUa.js";
import "@radix-ui/react-select";
import "./sheet-Bq2cyJmx.js";
import "@radix-ui/react-dialog";
const kaleen = "/build/assets/kaleen-D3tdUBUw.jpg";
const ourStory = "/build/assets/sci%20trad%208-DiNu6GWn.jpg";
function About() {
  const { t } = useTranslations();
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsx(Head, { title: "About Us", children: /* @__PURE__ */ jsx(
      "meta",
      {
        name: "description",
        content: "Experience the finest hand-knotted carpets in Nepal with Soorya Carpet. Each piece is crafted by skilled artisans to deliver unmatched quality, luxury, and timeless design."
      }
    ) }),
    /* @__PURE__ */ jsxs(Layout, { children: [
      /* @__PURE__ */ jsxs("section", { className: "mx-auto flex max-w-screen-2xl flex-col gap-32 px-12 py-12 max-sm:px-8", children: [
        /* @__PURE__ */ jsxs("div", { className: "grid h-1/2 grid-cols-2 gap-20 overflow-clip max-md:grid-cols-1 max-md:gap-12", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
            /* @__PURE__ */ jsx("h1", { className: "font-serif text-5xl leading-tight font-medium tracking-tight max-sm:text-4xl", children: t("pages.about.sections.first.title") }),
            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 text-sm max-sm:text-base", children: [
              /* @__PURE__ */ jsx("p", { children: t("pages.about.sections.first.desc.first") }),
              /* @__PURE__ */ jsx("p", { children: t(
                "pages.about.sections.first.desc.second"
              ) }),
              /* @__PURE__ */ jsx("p", { children: t("pages.about.sections.first.desc.third") })
            ] })
          ] }),
          /* @__PURE__ */ jsx(
            "img",
            {
              src: ourStory,
              alt: "Our Story",
              className: "aspect-[5/3] h-full w-full rounded-xl object-cover object-center"
            }
          )
        ] }),
        " ",
        /* @__PURE__ */ jsxs("div", { className: "grid h-1/2 grid-cols-2 gap-20 overflow-clip max-md:grid-cols-1 max-md:gap-12", children: [
          /* @__PURE__ */ jsx(
            "img",
            {
              src: kaleen,
              alt: "Kaleen Story",
              className: "aspect-[5/3] h-full w-full rounded-xl object-cover object-center"
            }
          ),
          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
            /* @__PURE__ */ jsx("h2", { className: "font-serif text-5xl leading-tight font-medium tracking-tight max-sm:text-4xl", children: t("pages.about.sections.second.title") }),
            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 text-sm max-sm:text-base", children: [
              /* @__PURE__ */ jsx("p", { children: t(
                "pages.about.sections.second.desc.first"
              ) }),
              /* @__PURE__ */ jsx("p", { children: t(
                "pages.about.sections.second.desc.second"
              ) }),
              /* @__PURE__ */ jsx("p", { children: t(
                "pages.about.sections.second.desc.third"
              ) })
            ] })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ jsxs("section", { className: "mx-auto flex max-w-screen-2xl flex-col gap-8 px-12 py-12 max-md:px-6", children: [
        /* @__PURE__ */ jsx("h3", { className: "text-center font-serif text-5xl leading-tight font-medium tracking-tight max-sm:text-4xl", children: t("pages.about.sections.third.title") }),
        /* @__PURE__ */ jsxs("div", { className: "flex gap-8 max-md:flex-col", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 rounded-xl bg-accent px-8 py-8 text-center max-sm:px-4", children: [
            /* @__PURE__ */ jsx(Lightbulb, { size: 48, color: "#5A1A1A" }),
            /* @__PURE__ */ jsx("p", { className: "font-serif text-3xl font-semibold", children: t(
              "pages.about.sections.third.cards.first.title"
            ) }),
            /* @__PURE__ */ jsx("p", { className: "text-justify text-lg tracking-tight", children: t(
              "pages.about.sections.third.cards.first.desc"
            ) })
          ] }),
          " ",
          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 rounded-xl bg-accent px-8 py-8 text-center", children: [
            /* @__PURE__ */ jsx(Target, { size: 48, color: "#5A1A1A" }),
            /* @__PURE__ */ jsx("p", { className: "font-serif text-3xl font-semibold", children: t(
              "pages.about.sections.third.cards.second.title"
            ) }),
            /* @__PURE__ */ jsx("p", { className: "text-justify text-lg tracking-tight", children: t(
              "pages.about.sections.third.cards.second.desc"
            ) })
          ] }),
          " ",
          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 rounded-xl bg-accent px-8 py-8 text-center", children: [
            /* @__PURE__ */ jsx(HeartHandshake, { size: 48, color: "#5A1A1A" }),
            /* @__PURE__ */ jsx("p", { className: "font-serif text-3xl font-semibold", children: t(
              "pages.about.sections.third.cards.third.title"
            ) }),
            /* @__PURE__ */ jsx("p", { className: "text-justify text-lg tracking-tight", children: t(
              "pages.about.sections.third.cards.third.desc"
            ) })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ jsxs("section", { className: "mx-auto flex max-w-screen-2xl flex-col gap-8 px-12 py-12", children: [
        /* @__PURE__ */ jsx("h4", { className: "text-center font-serif text-5xl leading-tight font-medium tracking-tight max-sm:text-4xl", children: t("pages.about.sections.fourth.title") }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-8", children: [
          /* @__PURE__ */ jsx("img", { src: ns, alt: "NS Standard" }),
          /* @__PURE__ */ jsx("img", { src: oko, alt: "OKO Standard" })
        ] })
      ] })
    ] })
  ] });
}
export {
  About as default
};