import { T as reactExports, J as jsxRuntimeExports } from "./server-OKiEnFgZ.js";
import { h as createLucideIcon, g as cn, d as PageShell, P as PageHero, S as Section, c as MapPin, e as Phone, M as Mail, B as Button } from "./router-DhFPDtNP.js";
import { L as Label, I as Input } from "./label-BqqjY3rZ.js";
import { C as Clock } from "./clock-BmwuxCuF.js";
import "node:async_hooks";
import "node:stream/web";
import "node:stream";
const __iconNode = [
  [
    "path",
    {
      d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
      key: "1ffxy3"
    }
  ],
  ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
];
const Send = createLucideIcon("send", __iconNode);
const Textarea = reactExports.forwardRef(
  ({ className, ...props }, ref) => {
    return /* @__PURE__ */ jsxRuntimeExports.jsx(
      "textarea",
      {
        className: cn(
          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
          className
        ),
        ref,
        ...props
      }
    );
  }
);
Textarea.displayName = "Textarea";
function ContactPage() {
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(PageShell, { children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(PageHero, { eyebrow: "Get in touch", h1: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
      "Let's grow your business ",
      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gradient-primary", children: "online" })
    ] }), subtitle: "Book a free 30-minute consultation. We'll review your current online presence and map out a plan to drive more leads from Lagos." }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { className: "!pt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-10 lg:grid-cols-12", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lg:col-span-5", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: [{
          icon: MapPin,
          t: "Head office",
          d: "14 Adedotun Dina Crescent, Mende, Maryland, Lagos"
        }, {
          icon: MapPin,
          t: "Branch office",
          d: "16 Jiddah Street, Okefoma, Ilorin"
        }, {
          icon: Phone,
          t: "Phone",
          d: "0704 287 6180, 0906 584 3418",
          href: "tel:+2347042876180"
        }, {
          icon: Mail,
          t: "Email",
          d: "info@manso.name.ng",
          href: "mailto:info@manso.name.ng"
        }, {
          icon: Clock,
          t: "Hours",
          d: "Mon–Sat · 9:00am – 6:00pm WAT"
        }].map(({
          icon: Icon,
          t,
          d,
          href
        }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-4 rounded-2xl border border-border bg-card p-5 shadow-card", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-primary text-white", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "h-5 w-5" }) }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-bold text-ink", children: t }),
            href ? /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, className: "text-sm text-ink-soft hover:text-primary", children: d }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-ink-soft", children: d })
          ] })
        ] }, t)) }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-6 overflow-hidden rounded-3xl border border-border shadow-card", children: /* @__PURE__ */ jsxRuntimeExports.jsx("iframe", { title: "Manso Digital location", src: "https://www.google.com/maps?q=Mende+Maryland+Lagos&output=embed", width: "100%", height: "280", loading: "lazy", referrerPolicy: "no-referrer-when-downgrade", style: {
          border: 0
        } }) })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lg:col-span-7", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { className: "rounded-3xl border border-border bg-card p-6 shadow-card md:p-8", onSubmit: (e) => {
        e.preventDefault();
        alert("Thanks! We'll be in touch within 24 hours.");
      }, children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-2xl", children: "Send us a message" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-sm text-ink-soft", children: "Fill the form and we'll reply within one business day." }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 grid gap-4 md:grid-cols-2", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "name", children: "Full name" }),
            /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { id: "name", required: true, placeholder: "Jane Doe", className: "mt-1.5 h-11 rounded-xl" })
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "email", children: "Email" }),
            /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { id: "email", type: "email", required: true, placeholder: "you@business.com", className: "mt-1.5 h-11 rounded-xl" })
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "phone", children: "Phone" }),
            /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { id: "phone", type: "tel", placeholder: "08012345678", className: "mt-1.5 h-11 rounded-xl" })
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "company", children: "Business name" }),
            /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { id: "company", placeholder: "Your business", className: "mt-1.5 h-11 rounded-xl" })
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "md:col-span-2", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "service", children: "What do you need?" }),
            /* @__PURE__ */ jsxRuntimeExports.jsxs("select", { id: "service", className: "mt-1.5 h-11 w-full rounded-xl border border-input bg-background px-3 text-sm", children: [
              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { children: "Website design" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { children: "Ecommerce website" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { children: "SEO services" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { children: "Google Business Profile optimization" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { children: "AI automation" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { children: "Paid advertising" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { children: "Branding & graphics" }),
              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { children: "Not sure yet" })
            ] })
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "md:col-span-2", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "message", children: "Tell us about your project" }),
            /* @__PURE__ */ jsxRuntimeExports.jsx(Textarea, { id: "message", rows: 5, placeholder: "A few lines about your business and goals...", className: "mt-1.5 rounded-xl" })
          ] })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { type: "submit", size: "lg", className: "mt-6 h-12 w-full rounded-full bg-gradient-primary text-white shadow-soft md:w-auto md:px-8", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsx(Send, { className: "mr-1 h-4 w-4" }),
          " Book Free Consultation"
        ] })
      ] }) })
    ] }) })
  ] });
}
export {
  ContactPage as component
};
