diff --git a/apps/api/src/api/controllers/contact.controller.ts b/apps/api/src/api/controllers/contact.controller.ts
new file mode 100644
index 000000000..083b369dc
--- /dev/null
+++ b/apps/api/src/api/controllers/contact.controller.ts
@@ -0,0 +1,32 @@
+import type { SubmitContactErrorResponse, SubmitContactResponse } from "@vortexfi/shared";
+import type { Request, Response } from "express";
+import { config } from "../../config";
+import { storeDataInGoogleSpreadsheet } from "./googleSpreadSheet.controller";
+
+enum ContactSheetHeaders {
+  Timestamp = "timestamp",
+  FullName = "fullName",
+  Email = "email",
+  ProjectName = "projectName",
+  Inquiry = "inquiry"
+}
+
+const CONTACT_SHEET_HEADER_VALUES = [
+  ContactSheetHeaders.Timestamp,
+  ContactSheetHeaders.FullName,
+  ContactSheetHeaders.Email,
+  ContactSheetHeaders.ProjectName,
+  ContactSheetHeaders.Inquiry
+];
+
+export { CONTACT_SHEET_HEADER_VALUES };
+
+export const submitContact = async (
+  req: Request,
+  res: Response<SubmitContactResponse | SubmitContactErrorResponse>
+): Promise<void> => {
+  if (!config.spreadsheet.contactSheetId) {
+    throw new Error("Contact sheet ID is not configured");
+  }
+  await storeDataInGoogleSpreadsheet(req, res, config.spreadsheet.contactSheetId, CONTACT_SHEET_HEADER_VALUES);
+};
diff --git a/apps/api/src/api/middlewares/validators.ts b/apps/api/src/api/middlewares/validators.ts
index 520530626..cecf9178e 100644
--- a/apps/api/src/api/middlewares/validators.ts
+++ b/apps/api/src/api/middlewares/validators.ts
@@ -20,6 +20,7 @@ import {
 } from "@vortexfi/shared";
 import { RequestHandler } from "express";
 import httpStatus from "http-status";
+import { CONTACT_SHEET_HEADER_VALUES } from "../controllers/contact.controller";
 import { EMAIL_SHEET_HEADER_VALUES } from "../controllers/email.controller";
 import { RATING_SHEET_HEADER_VALUES } from "../controllers/rating.controller";
 import { FLOW_HEADERS } from "../controllers/storage.controller";
@@ -261,6 +262,7 @@ const validateRequestBodyValues =
   };
 
 export const validateStorageInput = validateRequestBodyValuesForTransactionStore();
+export const validateContactInput = validateRequestBodyValues(CONTACT_SHEET_HEADER_VALUES);
 export const validateEmailInput = validateRequestBodyValues(EMAIL_SHEET_HEADER_VALUES);
 export const validateRatingInput = validateRequestBodyValues(RATING_SHEET_HEADER_VALUES);
 export const validateExecuteXCM = validateRequestBodyValues(["id", "payload"]);
diff --git a/apps/api/src/api/routes/v1/contact.route.ts b/apps/api/src/api/routes/v1/contact.route.ts
new file mode 100644
index 000000000..e5883b19e
--- /dev/null
+++ b/apps/api/src/api/routes/v1/contact.route.ts
@@ -0,0 +1,9 @@
+import { Router } from "express";
+import * as contactController from "../../controllers/contact.controller";
+import { validateContactInput } from "../../middlewares/validators";
+
+const router: Router = Router({ mergeParams: true });
+
+router.route("/submit").post(validateContactInput, contactController.submitContact);
+
+export default router;
diff --git a/apps/api/src/api/routes/v1/index.ts b/apps/api/src/api/routes/v1/index.ts
index 021d3ce1f..bbe92e349 100644
--- a/apps/api/src/api/routes/v1/index.ts
+++ b/apps/api/src/api/routes/v1/index.ts
@@ -4,6 +4,7 @@ import { sendStatusWithPk as sendPendulumStatusWithPk } from "../../controllers/
 import { sendStatusWithPk as sendStellarStatusWithPk } from "../../controllers/stellar.controller";
 import partnerApiKeysRoutes from "./admin/partner-api-keys.route";
 import brlaRoutes from "./brla.route";
+import contactRoutes from "./contact.route";
 import countriesRoutes from "./countries.route";
 import cryptocurrenciesRoutes from "./cryptocurrencies.route";
 import emailRoutes from "./email.route";
@@ -85,6 +86,11 @@ router.use("/pendulum", pendulumRoutes);
  */
 router.use("/storage", storageRoutes);
 
+/**
+ * POST v1/contact
+ */
+router.use("/contact", contactRoutes);
+
 /**
  * POST v1/email
  */
diff --git a/apps/api/src/config/vars.ts b/apps/api/src/config/vars.ts
index 68b5af9d1..da8fd46aa 100644
--- a/apps/api/src/config/vars.ts
+++ b/apps/api/src/config/vars.ts
@@ -18,6 +18,7 @@ interface SpreadsheetConfig {
   googleCredentials: GoogleCredentials;
   storageSheetId: string | undefined;
   emailSheetId: string | undefined;
+  contactSheetId: string | undefined;
   ratingSheetId: string | undefined;
 }
 
@@ -98,6 +99,7 @@ export const config: Config = {
   rateLimitNumberOfProxies: process.env.RATE_LIMIT_NUMBER_OF_PROXIES || 1,
   rateLimitWindowMinutes: process.env.RATE_LIMIT_WINDOW_MINUTES || 1,
   spreadsheet: {
+    contactSheetId: process.env.GOOGLE_CONTACT_SPREADSHEET_ID,
     emailSheetId: process.env.GOOGLE_EMAIL_SPREADSHEET_ID,
     googleCredentials: {
       email: process.env.GOOGLE_SERVICE_ACCOUNT_EMAIL,
diff --git a/apps/frontend/App.css b/apps/frontend/App.css
index 88467f798..12a75c811 100644
--- a/apps/frontend/App.css
+++ b/apps/frontend/App.css
@@ -117,6 +117,11 @@
 
 .btn-vortex-primary {
   @apply bg-blue-700 text-white rounded-[var(--radius-field)] border border-blue-700 cursor-pointer;
+  transition: scale 0.1s ease-in-out;
+}
+
+.btn-vortex-primary:active {
+  scale: 0.98;
 }
 
 .btn-vortex-primary:hover {
@@ -134,6 +139,11 @@
   @apply border;
   @apply border-gray-300;
   @apply duration-200;
+  transition: scale 0.1s ease-in-out;
+}
+
+.btn-vortex-accent:active {
+  scale: 0.98;
 }
 
 .btn-vortex-accent:hover {
@@ -149,6 +159,11 @@
   @apply border;
   @apply border-blue-700;
   @apply cursor-pointer;
+  transition: scale 0.1s ease-in-out;
+}
+
+.btn-vortex-primary-inverse:active {
+  scale: 0.98;
 }
 
 .btn-vortex-primary-inverse:hover {
@@ -175,6 +190,11 @@
   @apply bg-pink-600;
   @apply border-pink-600;
   @apply shadow-none;
+  transition: scale 0.1s ease-in-out;
+}
+
+.btn-vortex-secondary:active {
+  scale: 0.98;
 }
 
 .btn-vortex-secondary:hover {
@@ -191,6 +211,11 @@
   @apply border;
   @apply border-red-600;
   @apply shadow-none;
+  transition: scale 0.1s ease-in-out;
+}
+
+.btn-vortex-danger:active {
+  scale: 0.98;
 }
 
 .btn-vortex-danger:hover {
diff --git a/apps/frontend/src/components/CallToActionSection/index.tsx b/apps/frontend/src/components/CallToActionSection/index.tsx
index 6f9472cfa..613cb7106 100644
--- a/apps/frontend/src/components/CallToActionSection/index.tsx
+++ b/apps/frontend/src/components/CallToActionSection/index.tsx
@@ -1,4 +1,5 @@
 import { PlayCircleIcon } from "@heroicons/react/20/solid";
+import { Link } from "@tanstack/react-router";
 import { motion } from "motion/react";
 import { ReactNode } from "react";
 import PLANET from "../../assets/planet.svg";
@@ -8,22 +9,24 @@ interface CallToActionSectionProps {
   description: string;
   buttonText: string;
   buttonUrl?: string;
+  isExternal?: boolean;
 }
 
-/**
- * CallToActionSection - Reusable CTA section with animated planet background
- * Features:
- * - Animated planet image with hover effects
- * - Flexible title (string or ReactNode for custom styling)
- * - Responsive layout
- * - Configurable button text and URL
- */
 export const CallToActionSection = ({
   title,
   description,
   buttonText,
-  buttonUrl = "https://forms.gle/dKh8ckXheRPdRa398"
+  buttonUrl = "",
+  isExternal = true
 }: CallToActionSectionProps) => {
+  const buttonClassName = "btn btn-vortex-secondary mx-auto flex items-center gap-2 rounded-3xl px-6 md:mx-0";
+  const buttonContent = (
+    <>
+      <span>{buttonText}</span>
+      <PlayCircleIcon aria-hidden="true" className="w-5 group-hover:text-pink-600" />
+    </>
+  );
+
   return (
     <section className="overflow-hidden bg-blue-900 px-4 py-32 text-white md:px-10">
       <div className="relative mx-auto flex flex-col justify-between sm:container md:flex-row">
@@ -45,15 +48,15 @@ export const CallToActionSection = ({
         </div>
         <div className="z-10 flex flex-col justify-center md:w-1/2 md:items-end">
           <p className="mt-3 mb-4 text-center text-body-lg md:mt-0 md:text-end">{description}</p>
-          <a
-            className="btn btn-vortex-secondary mx-auto flex items-center gap-2 rounded-3xl px-6 md:mx-0"
-            href={buttonUrl}
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            <span>{buttonText}</span>
-            <PlayCircleIcon aria-hidden="true" className="w-5 group-hover:text-pink-600" />
-          </a>
+          {isExternal ? (
+            <a className={buttonClassName} href={buttonUrl} rel="noopener noreferrer" target="_blank">
+              {buttonContent}
+            </a>
+          ) : (
+            <Link className={buttonClassName} to={buttonUrl}>
+              {buttonContent}
+            </Link>
+          )}
         </div>
       </div>
     </section>
diff --git a/apps/frontend/src/components/ContactForm/ContactInfo.tsx b/apps/frontend/src/components/ContactForm/ContactInfo.tsx
new file mode 100644
index 000000000..807af413b
--- /dev/null
+++ b/apps/frontend/src/components/ContactForm/ContactInfo.tsx
@@ -0,0 +1,59 @@
+import { ChevronRightIcon } from "@heroicons/react/24/outline";
+import { useTranslation } from "react-i18next";
+
+export function ContactInfo() {
+  const { t } = useTranslation();
+
+  return (
+    <div className="rounded-xl bg-gray-50 p-6 md:p-8">
+      <h2 className="mb-6 font-bold text-xl text-gray-900" style={{ textWrap: "balance" }}>
+        {t("pages.contact.info.title")}
+      </h2>
+
+      <ul className="mb-8 space-y-3 text-gray-700">
+        <li className="flex items-center gap-3">
+          <CheckIcon />
+          <span>{t("pages.contact.info.requestDemo")}</span>
+        </li>
+        <li className="flex items-center gap-3">
+          <CheckIcon />
+          <span>{t("pages.contact.info.onboardingHelp")}</span>
+        </li>
+        <li className="flex items-center gap-3">
+          <CheckIcon />
+          <span>{t("pages.contact.info.integrationHelp")}</span>
+        </li>
+      </ul>
+
+      <div className="border-gray-200 border-t pt-6">
+        <p className="mb-3 text-gray-600 text-sm">{t("pages.contact.info.technicalQuestions")}</p>
+        <a
+          className="group inline-flex min-h-[44px] items-center gap-2 text-blue-600 transition-colors duration-150 ease-out hover:text-blue-700"
+          href="https://t.me/vortex_fi"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          <span className="font-medium">{t("pages.contact.info.supportLink")}</span>
+          <ChevronRightIcon
+            aria-hidden="true"
+            className="h-4 w-4 transition-transform duration-150 ease-out group-hover:translate-x-0.5"
+          />
+        </a>
+      </div>
+    </div>
+  );
+}
+
+function CheckIcon() {
+  return (
+    <svg
+      aria-hidden="true"
+      className="h-5 w-5 flex-shrink-0 text-blue-600"
+      fill="none"
+      stroke="currentColor"
+      viewBox="0 0 24 24"
+    >
+      <path d="M5 13l4 4L19 7" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} />
+    </svg>
+  );
+}
diff --git a/apps/frontend/src/components/ContactForm/index.tsx b/apps/frontend/src/components/ContactForm/index.tsx
new file mode 100644
index 000000000..7dfbcd5d8
--- /dev/null
+++ b/apps/frontend/src/components/ContactForm/index.tsx
@@ -0,0 +1,271 @@
+import { useMutation } from "@tanstack/react-query";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { cn } from "../../helpers/cn";
+import { useContactForm } from "../../hooks/useContactForm";
+import { submitContactForm } from "../../services/api/contact.service";
+import { Field } from "../Field";
+import { HoldButton } from "../HoldButton";
+import { TextArea } from "../TextArea";
+
+type ButtonState = "idle" | "loading" | "success" | "error";
+
+export function ContactForm() {
+  const { t, i18n } = useTranslation();
+  const { form } = useContactForm();
+  const formRef = useRef<HTMLFormElement>(null);
+  const shouldReduceMotion = useReducedMotion();
+
+  const {
+    register,
+    handleSubmit,
+    formState: { isSubmitting, isValid, errors, touchedFields },
+    reset
+  } = form;
+
+  const [buttonState, setButtonState] = useState<ButtonState>("idle");
+
+  const { mutate, isPending } = useMutation({
+    mutationFn: submitContactForm,
+    onError: () => {
+      setButtonState("error");
+    },
+    onSuccess: () => {
+      reset();
+      setButtonState("success");
+    }
+  });
+
+  useEffect(() => {
+    if (buttonState === "success" || buttonState === "error") {
+      const timeout = setTimeout(() => setButtonState("idle"), 3000);
+      return () => clearTimeout(timeout);
+    }
+  }, [buttonState]);
+
+  useEffect(() => {
+    if (isPending || isSubmitting) {
+      setButtonState("loading");
+    }
+  }, [isPending, isSubmitting]);
+
+  const onSubmit = handleSubmit(data => {
+    mutate({
+      email: data.email,
+      fullName: data.fullName,
+      inquiry: data.inquiry,
+      projectName: data.projectName,
+      timestamp: new Date().toISOString()
+    });
+  });
+
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+        e.preventDefault();
+        if (isValid && !isPending && !isSubmitting) {
+          onSubmit();
+        }
+      }
+    },
+    [isValid, isPending, isSubmitting, onSubmit]
+  );
+
+  const loading = isPending || isSubmitting;
+  const formId = useId();
+
+  const buttonCopy: Record<ButtonState, string> = {
+    error: t("pages.contact.error"),
+    idle: t("pages.contact.form.holdToSubmit"),
+    loading: "Sending…",
+    success: t("pages.contact.success")
+  };
+
+  const getButtonClassName = () => {
+    if (buttonState === "success") return "bg-green-500 text-white";
+    if (buttonState === "error") return "bg-red-300 text-red-800";
+    if (loading) return "bg-primary text-white";
+    return "";
+  };
+
+  return (
+    <form className="space-y-2" onKeyDown={handleKeyDown} onSubmit={e => e.preventDefault()} ref={formRef}>
+      <FormField
+        error={touchedFields.fullName ? errors.fullName?.message : undefined}
+        htmlFor={`${formId}-fullName`}
+        label={t("pages.contact.form.fullName")}
+      >
+        <Field
+          autoComplete="name"
+          disabled={loading}
+          error={touchedFields.fullName && !!errors.fullName}
+          id={`${formId}-fullName`}
+          placeholder={t("pages.contact.form.fullNamePlaceholder")}
+          register={register("fullName")}
+          spellCheck={false}
+        />
+      </FormField>
+
+      <FormField
+        error={touchedFields.email ? errors.email?.message : undefined}
+        htmlFor={`${formId}-email`}
+        label={t("pages.contact.form.email")}
+      >
+        <Field
+          autoComplete="email"
+          disabled={loading}
+          error={touchedFields.email && !!errors.email}
+          id={`${formId}-email`}
+          placeholder={t("pages.contact.form.emailPlaceholder")}
+          register={register("email")}
+          type="email"
+        />
+      </FormField>
+
+      <FormField
+        error={touchedFields.projectName ? errors.projectName?.message : undefined}
+        htmlFor={`${formId}-projectName`}
+        label={t("pages.contact.form.projectName")}
+      >
+        <Field
+          autoComplete="organization"
+          disabled={loading}
+          error={touchedFields.projectName && !!errors.projectName}
+          id={`${formId}-projectName`}
+          placeholder={t("pages.contact.form.projectNamePlaceholder")}
+          register={register("projectName")}
+          spellCheck={false}
+        />
+      </FormField>
+
+      <FormField
+        error={touchedFields.inquiry ? errors.inquiry?.message : undefined}
+        htmlFor={`${formId}-inquiry`}
+        label={t("pages.contact.form.inquiry")}
+      >
+        <TextArea
+          disabled={loading}
+          error={touchedFields.inquiry && !!errors.inquiry}
+          id={`${formId}-inquiry`}
+          placeholder={t("pages.contact.form.inquiryPlaceholder")}
+          register={register("inquiry")}
+          rows={4}
+        />
+      </FormField>
+
+      <div className="flex items-start gap-2 pt-1">
+        <input
+          {...register("privacyPolicyAccepted")}
+          className="checkbox checkbox-primary checkbox-sm mt-0.5"
+          disabled={loading}
+          id={`${formId}-privacy`}
+          type="checkbox"
+        />
+        <label className="text-gray-500 text-sm" htmlFor={`${formId}-privacy`}>
+          {t("pages.contact.form.privacyPolicy")}{" "}
+          <a
+            className="text-blue-600 underline hover:text-blue-800"
+            href={`/${i18n.language}/privacy-policy`}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            {t("pages.contact.form.privacyPolicyLink")}
+          </a>
+        </label>
+      </div>
+
+      <div className="border-gray-200 border-b pt-2 pb-4">
+        <HoldButton
+          className={cn("touch-manipulation", getButtonClassName())}
+          disabled={loading || !isValid || buttonState === "success"}
+          error={buttonState === "error"}
+          holdClassName="bg-primary text-white"
+          onComplete={onSubmit}
+        >
+          <AnimatePresence initial={false} mode="popLayout">
+            <motion.span
+              animate={{ opacity: 1, y: 0 }}
+              className="flex items-center justify-center gap-2"
+              exit={shouldReduceMotion ? { opacity: 0 } : { opacity: 0, y: 25 }}
+              initial={shouldReduceMotion ? { opacity: 0 } : { opacity: 0, y: -25 }}
+              key={buttonState}
+              transition={{ bounce: 0, duration: 0.3, type: "spring" }}
+            >
+              {buttonState === "loading" && (
+                <svg aria-hidden="true" className="h-4 w-4 animate-spin" fill="none" viewBox="0 0 24 24">
+                  <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
+                  <path
+                    className="opacity-75"
+                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                    fill="currentColor"
+                  />
+                </svg>
+              )}
+              {buttonState === "success" && (
+                <svg
+                  aria-hidden="true"
+                  className="h-4 w-4"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth={2.5}
+                  viewBox="0 0 24 24"
+                >
+                  <path d="M5 13l4 4L19 7" strokeLinecap="round" strokeLinejoin="round" />
+                </svg>
+              )}
+              {buttonState === "error" && (
+                <svg
+                  aria-hidden="true"
+                  className="h-4 w-4"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth={2.5}
+                  viewBox="0 0 24 24"
+                >
+                  <path d="M6 18L18 6M6 6l12 12" strokeLinecap="round" strokeLinejoin="round" />
+                </svg>
+              )}
+              {buttonCopy[buttonState]}
+            </motion.span>
+          </AnimatePresence>
+        </HoldButton>
+      </div>
+    </form>
+  );
+}
+
+interface FormFieldProps {
+  label: string;
+  htmlFor: string;
+  children: React.ReactNode;
+  error?: string;
+}
+
+const EASE_OUT = [0.25, 0.46, 0.45, 0.94] as const;
+
+function FormField({ label, htmlFor, children, error }: FormFieldProps) {
+  const shouldReduceMotion = useReducedMotion();
+
+  return (
+    <div>
+      <label className="mb-1 block font-medium text-gray-600 text-xs" htmlFor={htmlFor}>
+        {label}
+      </label>
+      {children}
+      <AnimatePresence>
+        {error && (
+          <motion.p
+            animate={{ height: "auto", opacity: 1 }}
+            className="mt-1 overflow-hidden text-red-600 text-xs"
+            exit={{ height: 0, opacity: 0 }}
+            initial={shouldReduceMotion ? { opacity: 0 } : { height: 0, opacity: 0 }}
+            transition={{ duration: 0.15, ease: EASE_OUT }}
+          >
+            {error}
+          </motion.p>
+        )}
+      </AnimatePresence>
+    </div>
+  );
+}
diff --git a/apps/frontend/src/components/Field/index.tsx b/apps/frontend/src/components/Field/index.tsx
index 1388288c6..a5c71dda4 100644
--- a/apps/frontend/src/components/Field/index.tsx
+++ b/apps/frontend/src/components/Field/index.tsx
@@ -4,11 +4,16 @@ import { cn } from "../../helpers/cn";
 
 export interface FieldProps extends InputHTMLAttributes<HTMLInputElement> {
   register?: UseFormRegisterReturn;
+  error?: boolean;
 }
 
-export const Field = ({ className, register, ...rest }: FieldProps) => (
+export const Field = ({ className, register, error, ...rest }: FieldProps) => (
   <input
-    className={cn("input-vortex-primary input-ghost w-full rounded-lg border-1 border-neutral-300 p-2", className)}
+    className={cn(
+      "input-vortex-primary input-ghost w-full rounded-lg border p-2",
+      error ? "border-red-800" : "border-neutral-300",
+      className
+    )}
     {...register}
     {...rest}
   />
diff --git a/apps/frontend/src/components/Footer/index.tsx b/apps/frontend/src/components/Footer/index.tsx
index 0827d0e7d..d4826de8e 100644
--- a/apps/frontend/src/components/Footer/index.tsx
+++ b/apps/frontend/src/components/Footer/index.tsx
@@ -149,7 +149,7 @@ export function Footer() {
           </FooterSection>
 
           <FooterSection title={t("components.footer.business.title")}>
-            <FooterLink href="mailto:business@vortexfinance.co">{t("components.footer.business.contactSales")}</FooterLink>
+            <FooterLink href={`/${i18n.language}/contact`}>{t("components.footer.business.contactSales")}</FooterLink>
             <FooterLink href="mailto:support@vortexfinance.co">{t("components.footer.business.contactSupport")}</FooterLink>
           </FooterSection>
 
diff --git a/apps/frontend/src/components/HoldButton/index.tsx b/apps/frontend/src/components/HoldButton/index.tsx
new file mode 100644
index 000000000..6d5ca7d0e
--- /dev/null
+++ b/apps/frontend/src/components/HoldButton/index.tsx
@@ -0,0 +1,81 @@
+import { useCallback, useRef, useState } from "react";
+import { cn } from "../../helpers/cn";
+
+interface HoldButtonProps {
+  children: React.ReactNode;
+  onComplete: () => void;
+  onHoldStart?: () => Promise<boolean> | boolean;
+  duration?: number;
+  disabled?: boolean;
+  error?: boolean;
+  className?: string;
+  holdClassName?: string;
+}
+
+export function HoldButton({
+  children,
+  onComplete,
+  onHoldStart,
+  duration = 2000,
+  disabled = false,
+  error = false,
+  className,
+  holdClassName
+}: HoldButtonProps) {
+  const [isHolding, setIsHolding] = useState(false);
+  const holdTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const handlePointerDown = useCallback(async () => {
+    if (disabled) return;
+
+    if (onHoldStart) {
+      const canProceed = await onHoldStart();
+      if (!canProceed) return;
+    }
+
+    setIsHolding(true);
+    holdTimeoutRef.current = setTimeout(() => {
+      setIsHolding(false);
+      onComplete();
+    }, duration);
+  }, [disabled, onHoldStart, onComplete, duration]);
+
+  const handlePointerUp = useCallback(() => {
+    setIsHolding(false);
+    if (holdTimeoutRef.current) {
+      clearTimeout(holdTimeoutRef.current);
+      holdTimeoutRef.current = null;
+    }
+  }, []);
+
+  return (
+    <button
+      className={cn(
+        "relative flex h-12 w-full cursor-pointer select-none items-center justify-center gap-2 overflow-hidden rounded-lg bg-blue-100 font-medium text-gray-500 transition-transform duration-150 ease-out active:scale-[0.98]",
+        disabled && "cursor-not-allowed bg-gray-100 text-gray-300",
+        className
+      )}
+      disabled={disabled}
+      onPointerDown={handlePointerDown}
+      onPointerLeave={handlePointerUp}
+      onPointerUp={handlePointerUp}
+      type="button"
+    >
+      {children}
+      <div
+        aria-hidden="true"
+        className={cn(
+          "pointer-events-none absolute inset-0 flex items-center justify-center gap-2 rounded-lg transition-[clip-path]",
+          holdClassName
+        )}
+        style={{
+          clipPath: isHolding ? "inset(0px 0px 0px 0px)" : "inset(0px 100% 0px 0px)",
+          transitionDuration: isHolding ? `${duration}ms` : "150ms",
+          transitionTimingFunction: isHolding ? "linear" : "ease-out"
+        }}
+      >
+        {children}
+      </div>
+    </button>
+  );
+}
diff --git a/apps/frontend/src/components/TextArea/index.tsx b/apps/frontend/src/components/TextArea/index.tsx
new file mode 100644
index 000000000..bc47396b2
--- /dev/null
+++ b/apps/frontend/src/components/TextArea/index.tsx
@@ -0,0 +1,20 @@
+import { TextareaHTMLAttributes } from "react";
+import { UseFormRegisterReturn } from "react-hook-form";
+import { cn } from "../../helpers/cn";
+
+export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+  register?: UseFormRegisterReturn;
+  error?: boolean;
+}
+
+export const TextArea = ({ className, register, error, ...rest }: TextAreaProps) => (
+  <textarea
+    className={cn(
+      "input-vortex-primary input-ghost w-full resize-none rounded-lg border p-2",
+      error ? "border-red-800" : "border-neutral-300",
+      className
+    )}
+    {...register}
+    {...rest}
+  />
+);
diff --git a/apps/frontend/src/components/ToastPopover/index.tsx b/apps/frontend/src/components/ToastPopover/index.tsx
index dfb856da2..e653d6237 100644
--- a/apps/frontend/src/components/ToastPopover/index.tsx
+++ b/apps/frontend/src/components/ToastPopover/index.tsx
@@ -1,22 +1,28 @@
-import { useEffect, useState } from "react";
+import { useSyncExternalStore } from "react";
 import { ToastContainer, ToastContainerProps, ToastItem, toast } from "react-toastify";
 import { Popover } from "../Popover";
 
-export function useHasActiveToasts() {
-  const [activeToasts, setActiveToasts] = useState<ToastItem[]>([]);
-  useEffect(() => {
-    const unsubscribe = toast.onChange((payload: ToastItem) => {
-      if (payload.status === "added") {
-        setActiveToasts(prev => [...prev, payload]);
-      }
-      if (payload.status === "removed") {
-        setActiveToasts(prev => prev.filter(t => t.id !== payload.id));
-      }
-    });
-    return () => unsubscribe();
-  }, []);
+const activeToastIds = new Set<ToastItem["id"]>();
+
+function subscribe(callback: () => void) {
+  return toast.onChange((payload: ToastItem) => {
+    if (payload.status === "added" && !activeToastIds.has(payload.id)) {
+      activeToastIds.add(payload.id);
+      callback();
+    }
+    if (payload.status === "removed" && activeToastIds.has(payload.id)) {
+      activeToastIds.delete(payload.id);
+      callback();
+    }
+  });
+}
 
-  return activeToasts.length > 0;
+function getSnapshot() {
+  return activeToastIds.size;
+}
+
+export function useHasActiveToasts() {
+  return useSyncExternalStore(subscribe, getSnapshot) > 0;
 }
 
 export const ToastPopover = (props: ToastContainerProps) => {
diff --git a/apps/frontend/src/hooks/useContactForm.ts b/apps/frontend/src/hooks/useContactForm.ts
new file mode 100644
index 000000000..a235a5b94
--- /dev/null
+++ b/apps/frontend/src/hooks/useContactForm.ts
@@ -0,0 +1,42 @@
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as yup from "yup";
+
+const EMAIL_REGEX = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+
+const createContactFormSchema = (t: (key: string) => string) =>
+  yup.object({
+    email: yup
+      .string()
+      .required(t("pages.contact.validation.emailRequired"))
+      .matches(EMAIL_REGEX, t("pages.contact.validation.emailFormat")),
+    fullName: yup.string().required(t("pages.contact.validation.fullNameRequired")),
+    inquiry: yup.string().required(t("pages.contact.validation.inquiryRequired")),
+    privacyPolicyAccepted: yup
+      .boolean()
+      .oneOf([true], t("pages.contact.validation.privacyPolicyRequired"))
+      .required(t("pages.contact.validation.privacyPolicyRequired")),
+    projectName: yup.string().required(t("pages.contact.validation.projectNameRequired"))
+  });
+
+export type ContactFormData = yup.InferType<ReturnType<typeof createContactFormSchema>>;
+
+export function useContactForm() {
+  const { t } = useTranslation();
+  const schema = createContactFormSchema(t);
+
+  const form = useForm<ContactFormData>({
+    defaultValues: {
+      email: "",
+      fullName: "",
+      inquiry: "",
+      privacyPolicyAccepted: false,
+      projectName: ""
+    },
+    mode: "onChange",
+    resolver: yupResolver(schema)
+  });
+
+  return { form, schema };
+}
diff --git a/apps/frontend/src/pages/contact/index.tsx b/apps/frontend/src/pages/contact/index.tsx
new file mode 100644
index 000000000..57960241d
--- /dev/null
+++ b/apps/frontend/src/pages/contact/index.tsx
@@ -0,0 +1,47 @@
+import { motion, useReducedMotion } from "motion/react";
+import { useTranslation } from "react-i18next";
+import { ContactForm } from "../../components/ContactForm";
+import { ContactInfo } from "../../components/ContactForm/ContactInfo";
+
+export function ContactPage() {
+  const { t } = useTranslation();
+  const shouldReduceMotion = useReducedMotion();
+
+  return (
+    <main className="container mx-auto max-w-6xl px-4 py-16 md:px-10 md:py-20">
+      <div className="grid grid-cols-1 items-start gap-10 lg:grid-cols-2 lg:gap-12">
+        <motion.div
+          animate={{ opacity: 1, y: 0 }}
+          className="rounded-xl bg-white p-6 shadow-[0_0_0_1px_rgba(0,0,0,0.08),0_4px_12px_rgba(0,0,0,0.05)] md:p-8"
+          initial={shouldReduceMotion ? false : { opacity: 0, y: 12 }}
+          transition={{ duration: 0.25, ease: [0.25, 0.46, 0.45, 0.94] }}
+        >
+          <h1 className="mb-6 font-bold text-gray-900 text-xl" style={{ textWrap: "balance" }}>
+            {t("pages.contact.title")}
+          </h1>
+
+          <ContactForm />
+
+          <p className="mt-6 border-gray-100 border-t pt-6 text-gray-500 text-sm">
+            {t("pages.contact.emailUs")}{" "}
+            <a
+              className="text-blue-600 underline decoration-blue-600/30 underline-offset-2 transition-colors duration-150 ease-out hover:text-blue-700 hover:decoration-blue-700/50"
+              href="mailto:sales@vortexfinance.co"
+            >
+              sales@vortexfinance.co
+            </a>
+          </p>
+        </motion.div>
+
+        <motion.div
+          animate={{ opacity: 1, y: 0 }}
+          className="lg:sticky lg:top-8"
+          initial={shouldReduceMotion ? false : { opacity: 0, y: 12 }}
+          transition={{ delay: shouldReduceMotion ? 0 : 0.1, duration: 0.25, ease: [0.25, 0.46, 0.45, 0.94] }}
+        >
+          <ContactInfo />
+        </motion.div>
+      </div>
+    </main>
+  );
+}
diff --git a/apps/frontend/src/routeTree.gen.ts b/apps/frontend/src/routeTree.gen.ts
index 6b6b74ea4..5fab317e9 100644
--- a/apps/frontend/src/routeTree.gen.ts
+++ b/apps/frontend/src/routeTree.gen.ts
@@ -15,6 +15,7 @@ import { Route as Char123LocaleChar125WidgetRouteImport } from './routes/{-$loca
 import { Route as Char123LocaleChar125TermsAndConditionsFullRouteImport } from './routes/{-$locale}/terms-and-conditions-full'
 import { Route as Char123LocaleChar125TermsAndConditionsRouteImport } from './routes/{-$locale}/terms-and-conditions'
 import { Route as Char123LocaleChar125PrivacyPolicyRouteImport } from './routes/{-$locale}/privacy-policy'
+import { Route as Char123LocaleChar125ContactRouteImport } from './routes/{-$locale}/contact'
 import { Route as Char123LocaleChar125BusinessRouteImport } from './routes/{-$locale}/business'
 
 const Char123LocaleChar125Route = Char123LocaleChar125RouteImport.update({
@@ -52,6 +53,12 @@ const Char123LocaleChar125PrivacyPolicyRoute =
     path: '/privacy-policy',
     getParentRoute: () => Char123LocaleChar125Route,
   } as any)
+const Char123LocaleChar125ContactRoute =
+  Char123LocaleChar125ContactRouteImport.update({
+    id: '/contact',
+    path: '/contact',
+    getParentRoute: () => Char123LocaleChar125Route,
+  } as any)
 const Char123LocaleChar125BusinessRoute =
   Char123LocaleChar125BusinessRouteImport.update({
     id: '/business',
@@ -62,6 +69,7 @@ const Char123LocaleChar125BusinessRoute =
 export interface FileRoutesByFullPath {
   '/{-$locale}': typeof Char123LocaleChar125RouteWithChildren
   '/{-$locale}/business': typeof Char123LocaleChar125BusinessRoute
+  '/{-$locale}/contact': typeof Char123LocaleChar125ContactRoute
   '/{-$locale}/privacy-policy': typeof Char123LocaleChar125PrivacyPolicyRoute
   '/{-$locale}/terms-and-conditions': typeof Char123LocaleChar125TermsAndConditionsRoute
   '/{-$locale}/terms-and-conditions-full': typeof Char123LocaleChar125TermsAndConditionsFullRoute
@@ -70,6 +78,7 @@ export interface FileRoutesByFullPath {
 }
 export interface FileRoutesByTo {
   '/{-$locale}/business': typeof Char123LocaleChar125BusinessRoute
+  '/{-$locale}/contact': typeof Char123LocaleChar125ContactRoute
   '/{-$locale}/privacy-policy': typeof Char123LocaleChar125PrivacyPolicyRoute
   '/{-$locale}/terms-and-conditions': typeof Char123LocaleChar125TermsAndConditionsRoute
   '/{-$locale}/terms-and-conditions-full': typeof Char123LocaleChar125TermsAndConditionsFullRoute
@@ -80,6 +89,7 @@ export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/{-$locale}': typeof Char123LocaleChar125RouteWithChildren
   '/{-$locale}/business': typeof Char123LocaleChar125BusinessRoute
+  '/{-$locale}/contact': typeof Char123LocaleChar125ContactRoute
   '/{-$locale}/privacy-policy': typeof Char123LocaleChar125PrivacyPolicyRoute
   '/{-$locale}/terms-and-conditions': typeof Char123LocaleChar125TermsAndConditionsRoute
   '/{-$locale}/terms-and-conditions-full': typeof Char123LocaleChar125TermsAndConditionsFullRoute
@@ -91,6 +101,7 @@ export interface FileRouteTypes {
   fullPaths:
     | '/{-$locale}'
     | '/{-$locale}/business'
+    | '/{-$locale}/contact'
     | '/{-$locale}/privacy-policy'
     | '/{-$locale}/terms-and-conditions'
     | '/{-$locale}/terms-and-conditions-full'
@@ -99,6 +110,7 @@ export interface FileRouteTypes {
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/{-$locale}/business'
+    | '/{-$locale}/contact'
     | '/{-$locale}/privacy-policy'
     | '/{-$locale}/terms-and-conditions'
     | '/{-$locale}/terms-and-conditions-full'
@@ -108,6 +120,7 @@ export interface FileRouteTypes {
     | '__root__'
     | '/{-$locale}'
     | '/{-$locale}/business'
+    | '/{-$locale}/contact'
     | '/{-$locale}/privacy-policy'
     | '/{-$locale}/terms-and-conditions'
     | '/{-$locale}/terms-and-conditions-full'
@@ -163,6 +176,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof Char123LocaleChar125PrivacyPolicyRouteImport
       parentRoute: typeof Char123LocaleChar125Route
     }
+    '/{-$locale}/contact': {
+      id: '/{-$locale}/contact'
+      path: '/contact'
+      fullPath: '/{-$locale}/contact'
+      preLoaderRoute: typeof Char123LocaleChar125ContactRouteImport
+      parentRoute: typeof Char123LocaleChar125Route
+    }
     '/{-$locale}/business': {
       id: '/{-$locale}/business'
       path: '/business'
@@ -175,6 +195,7 @@ declare module '@tanstack/react-router' {
 
 interface Char123LocaleChar125RouteChildren {
   Char123LocaleChar125BusinessRoute: typeof Char123LocaleChar125BusinessRoute
+  Char123LocaleChar125ContactRoute: typeof Char123LocaleChar125ContactRoute
   Char123LocaleChar125PrivacyPolicyRoute: typeof Char123LocaleChar125PrivacyPolicyRoute
   Char123LocaleChar125TermsAndConditionsRoute: typeof Char123LocaleChar125TermsAndConditionsRoute
   Char123LocaleChar125TermsAndConditionsFullRoute: typeof Char123LocaleChar125TermsAndConditionsFullRoute
@@ -184,6 +205,7 @@ interface Char123LocaleChar125RouteChildren {
 
 const Char123LocaleChar125RouteChildren: Char123LocaleChar125RouteChildren = {
   Char123LocaleChar125BusinessRoute: Char123LocaleChar125BusinessRoute,
+  Char123LocaleChar125ContactRoute: Char123LocaleChar125ContactRoute,
   Char123LocaleChar125PrivacyPolicyRoute:
     Char123LocaleChar125PrivacyPolicyRoute,
   Char123LocaleChar125TermsAndConditionsRoute:
diff --git a/apps/frontend/src/routes/{-$locale}/contact.tsx b/apps/frontend/src/routes/{-$locale}/contact.tsx
new file mode 100644
index 000000000..6a5093f92
--- /dev/null
+++ b/apps/frontend/src/routes/{-$locale}/contact.tsx
@@ -0,0 +1,11 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { BaseLayout } from "../../layouts";
+import { ContactPage } from "../../pages/contact";
+
+export const Route = createFileRoute("/{-$locale}/contact")({
+  component: ContactRouteComponent
+});
+
+function ContactRouteComponent() {
+  return <BaseLayout main={<ContactPage />} />;
+}
diff --git a/apps/frontend/src/sections/business/GotQuestions/index.tsx b/apps/frontend/src/sections/business/GotQuestions/index.tsx
index 7138df5e1..9179ceec4 100644
--- a/apps/frontend/src/sections/business/GotQuestions/index.tsx
+++ b/apps/frontend/src/sections/business/GotQuestions/index.tsx
@@ -2,12 +2,14 @@ import { Trans, useTranslation } from "react-i18next";
 import { CallToActionSection } from "../../../components/CallToActionSection";
 
 export const GotQuestions = () => {
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
 
   return (
     <CallToActionSection
       buttonText={t("sections.gotQuestions.contactSales")}
+      buttonUrl={`/${i18n.language}/contact`}
       description={t("sections.gotQuestions.description")}
+      isExternal={false}
       title={
         <Trans i18nKey="sections.gotQuestions.getStartedTitle">
           <span className="font-bold text-blue-400" />
diff --git a/apps/frontend/src/sections/business/Hero/index.tsx b/apps/frontend/src/sections/business/Hero/index.tsx
index a30e45ea6..082aa294c 100644
--- a/apps/frontend/src/sections/business/Hero/index.tsx
+++ b/apps/frontend/src/sections/business/Hero/index.tsx
@@ -1,4 +1,5 @@
 import { ArrowTopRightOnSquareIcon } from "@heroicons/react/20/solid";
+import { Link } from "@tanstack/react-router";
 import { motion, useReducedMotion, type Variants } from "motion/react";
 import { useTranslation } from "react-i18next";
 import WidgetSnippetImageEUR from "../../../assets/metawallet-vortex.png";
@@ -55,19 +56,18 @@ export function Hero() {
             </motion.p>
 
             <div className="mt-2 flex justify-center gap-x-4 lg:justify-start">
-              <motion.a
-                aria-label={t("pages.business.hero.contactUs")}
-                className="btn btn-vortex-primary w-1/2 sm:w-1/3 lg:w-1/2 xl:w-2/5"
-                custom={0.55}
-                href="mailto:business@vortexfinance.co"
-                rel="noopener noreferrer"
-                target="_blank"
-                variants={fadeInUp}
-                whileHover={{ scale: 1.02 }}
-                whileTap={{ scale: 0.98 }}
-              >
-                {t("pages.business.hero.contactUs")} <ArrowTopRightOnSquareIcon aria-hidden="true" className="h-4 w-4" />
-              </motion.a>
+              <Link className="w-1/2 sm:w-1/3 lg:w-1/2 xl:w-2/5" to="/{-$locale}/contact">
+                <motion.div
+                  animate="visible"
+                  aria-label={t("pages.business.hero.contactUs")}
+                  className="btn btn-vortex-primary w-full"
+                  custom={0.55}
+                  initial={reducedMotion ? "visible" : "hidden"}
+                  variants={fadeInUp}
+                >
+                  {t("pages.business.hero.contactUs")}
+                </motion.div>
+              </Link>
               <motion.a
                 aria-label={t("pages.business.hero.readDocs")}
                 className="btn btn-vortex-primary-inverse w-1/2 sm:w-1/3 lg:w-1/2 xl:w-2/5"
diff --git a/apps/frontend/src/sections/individuals/GotQuestions/index.tsx b/apps/frontend/src/sections/individuals/GotQuestions/index.tsx
index 4f5e38faa..8845e0e20 100644
--- a/apps/frontend/src/sections/individuals/GotQuestions/index.tsx
+++ b/apps/frontend/src/sections/individuals/GotQuestions/index.tsx
@@ -2,11 +2,12 @@ import { Trans, useTranslation } from "react-i18next";
 import { CallToActionSection } from "../../../components/CallToActionSection";
 
 export const GotQuestions = () => {
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
 
   return (
     <CallToActionSection
       buttonText={t("sections.gotQuestions.contactUs")}
+      buttonUrl={`/${i18n.language}/contact`}
       description={t("sections.gotQuestions.description")}
       title={
         <Trans i18nKey="sections.gotQuestions.title">
diff --git a/apps/frontend/src/services/api/contact.service.ts b/apps/frontend/src/services/api/contact.service.ts
new file mode 100644
index 000000000..efbc7b968
--- /dev/null
+++ b/apps/frontend/src/services/api/contact.service.ts
@@ -0,0 +1,6 @@
+import { SubmitContactRequest, SubmitContactResponse } from "@vortexfi/shared";
+import { apiRequest } from "./api-client";
+
+export async function submitContactForm(data: SubmitContactRequest): Promise<SubmitContactResponse> {
+  return apiRequest<SubmitContactResponse>("post", "/contact/submit", data);
+}
diff --git a/apps/frontend/src/services/api/index.ts b/apps/frontend/src/services/api/index.ts
index ffa971d44..69fd9c7a5 100644
--- a/apps/frontend/src/services/api/index.ts
+++ b/apps/frontend/src/services/api/index.ts
@@ -1,5 +1,6 @@
 export * from "./api-client";
 export * from "./brla.service";
+export * from "./contact.service";
 export * from "./email.service";
 export * from "./maintenance.service";
 export * from "./moonbeam.service";
diff --git a/apps/frontend/src/translations/en.json b/apps/frontend/src/translations/en.json
index 8f3c31ff4..6b784b74f 100644
--- a/apps/frontend/src/translations/en.json
+++ b/apps/frontend/src/translations/en.json
@@ -591,6 +591,43 @@
         "title2": " Everything handled."
       }
     },
+    "contact": {
+      "emailUs": "You can also email us at",
+      "error": "Something went wrong. Please try again.",
+      "form": {
+        "email": "Email",
+        "emailPlaceholder": "your@email.com",
+        "fullName": "Full name",
+        "fullNamePlaceholder": "Enter your full name",
+        "holdToSubmit": "Hold to submit",
+        "inquiry": "Tell us more about your inquiry",
+        "inquiryPlaceholder": "Describe your project and how we can help...",
+        "privacyPolicy": "I agree to Vortex",
+        "privacyPolicyLink": "Privacy Policy",
+        "projectName": "Project name",
+        "projectNamePlaceholder": "Enter your project name",
+        "submit": "Submit"
+      },
+      "info": {
+        "integrationHelp": "Get integration help",
+        "onboardingHelp": "Get onboarding help",
+        "requestDemo": "Request a demo",
+        "supportLink": "Contact support",
+        "technicalQuestions": "Technical issues or product questions?",
+        "title": "Contact sales"
+      },
+      "success": "Thank you! We'll be in touch soon.",
+      "title": "Tell us how to help",
+      "validation": {
+        "emailFormat": "Please enter a valid email address",
+        "emailRequired": "Email is required",
+        "fullNameRequired": "Full name is required",
+        "inquiryMinLength": "Please provide more details (at least 10 characters)",
+        "inquiryRequired": "Please tell us about your inquiry",
+        "privacyPolicyRequired": "You must accept the privacy policy",
+        "projectNameRequired": "Project name is required"
+      }
+    },
     "failure": {
       "contactedSupport": "Ready to try again?",
       "contactSupport": {
diff --git a/apps/frontend/src/translations/pt.json b/apps/frontend/src/translations/pt.json
index b8029d8f2..697ae7d8b 100644
--- a/apps/frontend/src/translations/pt.json
+++ b/apps/frontend/src/translations/pt.json
@@ -587,6 +587,43 @@
         "title": "Uma integração. Tudo resolvido."
       }
     },
+    "contact": {
+      "emailUs": "Você também pode nos enviar um e-mail para",
+      "error": "Algo deu errado. Por favor, tente novamente.",
+      "form": {
+        "email": "E-mail",
+        "emailPlaceholder": "seu@email.com",
+        "fullName": "Nome completo",
+        "fullNamePlaceholder": "Digite seu nome completo",
+        "holdToSubmit": "Segure para enviar",
+        "inquiry": "Conte-nos mais sobre sua consulta",
+        "inquiryPlaceholder": "Descreva seu projeto e como podemos ajudar...",
+        "privacyPolicy": "Eu concordo com a",
+        "privacyPolicyLink": "Política de Privacidade",
+        "projectName": "Nome do projeto",
+        "projectNamePlaceholder": "Digite o nome do seu projeto",
+        "submit": "Enviar"
+      },
+      "info": {
+        "integrationHelp": "Obter ajuda de integração",
+        "onboardingHelp": "Obter ajuda de onboarding",
+        "requestDemo": "Solicitar uma demonstração",
+        "supportLink": "Contatar suporte",
+        "technicalQuestions": "Problemas técnicos ou dúvidas sobre o produto?",
+        "title": "Fale com vendas"
+      },
+      "success": "Obrigado! Entraremos em contato em breve.",
+      "title": "Conte-nos como podemos ajudar",
+      "validation": {
+        "emailFormat": "Por favor, insira um e-mail válido",
+        "emailRequired": "E-mail é obrigatório",
+        "fullNameRequired": "Nome completo é obrigatório",
+        "inquiryMinLength": "Por favor, forneça mais detalhes (pelo menos 10 caracteres)",
+        "inquiryRequired": "Por favor, conte-nos sobre sua consulta",
+        "privacyPolicyRequired": "Você deve aceitar a política de privacidade",
+        "projectNameRequired": "Nome do projeto é obrigatório"
+      }
+    },
     "failure": {
       "contactedSupport": "Já falou com o suporte e quer iniciar uma nova transação?",
       "contactSupport": {
diff --git a/packages/shared/src/endpoints/contact.endpoints.ts b/packages/shared/src/endpoints/contact.endpoints.ts
new file mode 100644
index 000000000..8bb456b32
--- /dev/null
+++ b/packages/shared/src/endpoints/contact.endpoints.ts
@@ -0,0 +1,17 @@
+// POST /contact/submit
+export interface SubmitContactRequest {
+  timestamp: string;
+  fullName: string;
+  email: string;
+  projectName: string;
+  inquiry: string;
+}
+
+export interface SubmitContactResponse {
+  message: string;
+}
+
+export interface SubmitContactErrorResponse {
+  error: string;
+  details?: string;
+}
diff --git a/packages/shared/src/endpoints/index.ts b/packages/shared/src/endpoints/index.ts
index b312f619c..ab3da06cc 100644
--- a/packages/shared/src/endpoints/index.ts
+++ b/packages/shared/src/endpoints/index.ts
@@ -1,5 +1,6 @@
 // Export all endpoint types
 export * from "./brla.endpoints";
+export * from "./contact.endpoints";
 export * from "./email.endpoints";
 export * from "./monerium";
 export * from "./moonbeam.endpoints";