231 lines
10 KiB
JavaScript
231 lines
10 KiB
JavaScript
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
|
|
};
|