import { jsx, Fragment, jsxs } from "react/jsx-runtime";
import { B as Button } from "./index-CY6fYws-.js";
import { I as Input } from "./input-DfkIsvXR.js";
import { L as Label } from "./label-DrpjkvJN.js";
import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-CsRyyQUa.js";
import { T as Textarea } from "./textarea-CcuSk8nN.js";
import { u as useTranslations, L as Layout } from "./layout-toNsB0Jp.js";
import { Head, Form } from "@inertiajs/react";
import { MapPin, Phone, Mail } from "lucide-react";
import "@radix-ui/react-slot";
import "class-variance-authority";
import "clsx";
import "tailwind-merge";
import "@radix-ui/react-label";
import "@radix-ui/react-select";
import "@icons-pack/react-simple-icons";
import "./sheet-Bq2cyJmx.js";
import "@radix-ui/react-dialog";
function Contact() {
  const { t } = useTranslations();
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Layout, { children: [
    /* @__PURE__ */ jsx(Head, { title: "Contact Us" }),
    /* @__PURE__ */ jsxs("section", { className: "mx-auto flex max-w-screen-2xl flex-col gap-12 px-12 py-12 max-md:px-8", children: [
      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
        /* @__PURE__ */ jsx("h1", { className: "text-center font-serif text-5xl font-medium tracking-tight max-md:text-3xl", children: t("pages.contact.sections.first.title") }),
        /* @__PURE__ */ jsxs("p", { className: "text-center text-sm", children: [
          t("pages.contact.sections.first.subTitle"),
          " ",
          /* @__PURE__ */ jsx("br", {}),
          " ",
          t("pages.contact.sections.first.subTitle2")
        ] })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
        /* @__PURE__ */ jsx("h2", { className: "text-center font-serif text-3xl font-medium tracking-tight", children: t("pages.contact.sections.second.title") }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-center gap-24 max-md:flex-col max-md:gap-12", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
              /* @__PURE__ */ jsx("p", { className: "font-serif text-xl font-medium tracking-tight", children: t(
                "pages.contact.sections.second.soorya.title"
              ) }),
              /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: t(
                "pages.contact.sections.second.soorya.subTitle"
              ) })
            ] }),
            /* @__PURE__ */ jsxs("ul", { className: "flex flex-col gap-2", children: [
              /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ jsx(MapPin, { size: 16 }),
                " ",
                t(
                  "pages.contact.sections.second.soorya.address"
                )
              ] }),
              " ",
              /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ jsx(Phone, { size: 16 }),
                " ",
                t(
                  "pages.contact.sections.second.soorya.phone"
                )
              ] }),
              " ",
              /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ jsx(Mail, { size: 16 }),
                " ",
                t(
                  "pages.contact.sections.second.soorya.email"
                )
              ] })
            ] })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
              /* @__PURE__ */ jsx("p", { className: "font-serif text-xl font-medium tracking-tight", children: t(
                "pages.contact.sections.second.kaleen.title"
              ) }),
              /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: t(
                "pages.contact.sections.second.kaleen.subTitle"
              ) })
            ] }),
            /* @__PURE__ */ jsxs("ul", { className: "flex flex-col gap-2", children: [
              /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ jsx(MapPin, { size: 16 }),
                " ",
                t(
                  "pages.contact.sections.second.kaleen.address"
                )
              ] }),
              " ",
              /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ jsx(Phone, { size: 16 }),
                " ",
                t(
                  "pages.contact.sections.second.kaleen.phone"
                )
              ] })
            ] }),
            /* @__PURE__ */ jsx(
              "a",
              {
                href: "https://maps.app.goo.gl/666dbJEfsVvjJ3fu9",
                target: "_blank",
                className: "cursor-pointer",
                children: /* @__PURE__ */ jsx(
                  Button,
                  {
                    className: "w-full cursor-pointer border border-primary text-primary ring-primary",
                    variant: "outline",
                    children: t(
                      "pages.contact.sections.second.kaleen.button"
                    )
                  }
                )
              }
            )
          ] })
        ] })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-3xl flex-col gap-8 py-12", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
          /* @__PURE__ */ jsx("h3", { className: "font-serif text-3xl font-medium", children: t("pages.contact.sections.third.title") }),
          /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: t("pages.contact.sections.third.subTitle") })
        ] }),
        /* @__PURE__ */ jsxs(Form, { action: "/", className: "flex flex-col gap-2", children: [
          /* @__PURE__ */ jsxs("div", { children: [
            /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: t(
              "pages.contact.sections.third.form.name.label"
            ) }),
            /* @__PURE__ */ jsx(
              Input,
              {
                placeholder: t(
                  "pages.contact.sections.third.form.name.input"
                ),
                id: "name",
                name: "name"
              }
            )
          ] }),
          /* @__PURE__ */ jsxs("div", { children: [
            /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t(
              "pages.contact.sections.third.form.email.label"
            ) }),
            /* @__PURE__ */ jsx(
              Input,
              {
                placeholder: t(
                  "pages.contact.sections.third.form.email.input"
                ),
                id: "email",
                name: "email"
              }
            )
          ] }),
          " ",
          /* @__PURE__ */ jsxs("div", { children: [
            /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t(
              "pages.contact.sections.third.form.inquiry.label"
            ) }),
            /* @__PURE__ */ jsxs(Select, { children: [
              /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx(
                SelectValue,
                {
                  placeholder: t(
                    "pages.contact.sections.third.form.inquiry.input"
                  )
                }
              ) }),
              /* @__PURE__ */ jsxs(SelectContent, { children: [
                /* @__PURE__ */ jsx(SelectItem, { value: "problem", children: "Problem in product" }),
                /* @__PURE__ */ jsx(SelectItem, { value: "contact", children: "Contacting" })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ jsxs("div", { children: [
            /* @__PURE__ */ jsx(Label, { htmlFor: "message", children: t(
              "pages.contact.sections.third.form.message.label"
            ) }),
            /* @__PURE__ */ jsx(
              Textarea,
              {
                id: "message",
                placeholder: t(
                  "pages.contact.sections.third.form.message.input"
                )
              }
            )
          ] }),
          /* @__PURE__ */ jsx(Button, { type: "submit", className: "my-4", children: t("pages.contact.sections.third.form.button") })
        ] })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-8", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
          /* @__PURE__ */ jsx("h4", { className: "text-center font-serif text-3xl font-medium tracking-tight", children: t("pages.contact.sections.fourth.title") }),
          /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-gray-500", children: [
            t("pages.contact.sections.fourth.desc"),
            " ",
            /* @__PURE__ */ jsx("br", {}),
            " ",
            t("pages.contact.sections.fourth.desc2")
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
          /* @__PURE__ */ jsx("a", { href: "tel:9802341880", children: /* @__PURE__ */ jsxs(Button, { className: "cursor-pointer", children: [
            /* @__PURE__ */ jsx(Phone, {}),
            " ",
            t("pages.contact.sections.fourth.callBtn")
          ] }) }),
          /* @__PURE__ */ jsx("a", { href: "mailto:info@soory.com", children: /* @__PURE__ */ jsxs(
            Button,
            {
              variant: "outline",
              className: "cursor-pointer border border-primary text-primary ring-primary",
              children: [
                /* @__PURE__ */ jsx(Mail, {}),
                " ",
                t(
                  "pages.contact.sections.fourth.emailBtn"
                )
              ]
            }
          ) })
        ] })
      ] })
    ] })
  ] }) });
}
export {
  Contact as default
};