chore: frontend build
This commit is contained in:
230
bootstrap/ssr/assets/contact-DiSMu-mk.js
Normal file
230
bootstrap/ssr/assets/contact-DiSMu-mk.js
Normal file
@@ -0,0 +1,230 @@
|
||||
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
|
||||
};
|
||||
Reference in New Issue
Block a user