{"id":807,"date":"2025-05-06T01:30:39","date_gmt":"2025-05-06T01:30:39","guid":{"rendered":"http:\/\/8zp.13d.mytemp.website\/?page_id=807"},"modified":"2026-08-02T21:06:07","modified_gmt":"2026-08-02T21:06:07","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/grabthatlot.com\/?page_id=807","title":{"rendered":"CONTACT US"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"807\" class=\"elementor elementor-807\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0259607 e-flex e-con-boxed e-con e-parent\" data-id=\"0259607\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-660c0df elementor-widget elementor-widget-html\" data-id=\"660c0df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <meta name=\"description\" content=\"Contact GrabThatLot for support, enquiries, partnerships, and general questions.\" \/>\n  <title>Contact Us | GrabThatLot<\/title>\n\n  <style>\n    :root {\n      --bg: #f5f7fb;\n      --surface: #ffffff;\n      --surface-soft: #f8fafc;\n      --text: #172033;\n      --muted: #667085;\n      --primary: #637E38;\n      --primary-dark: #4f652d;\n      --accent: #f59e0b;\n      --border: #e4e7ec;\n      --success: #15803d;\n      --danger: #b42318;\n      --shadow: 0 24px 60px rgba(22, 32, 51, 0.12);\n      --radius: 24px;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      margin: 0;\n      min-height: 100vh;\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      color: var(--text);\n      background:\n        radial-gradient(circle at top left, rgba(99, 126, 56, 0.14), transparent 32%),\n        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.12), transparent 28%),\n        var(--bg);\n    }\n\n    a {\n      color: inherit;\n    }\n\n    .page-shell {\n      width: min(1180px, calc(100% - 32px));\n      margin: 0 auto;\n      padding: 28px 0 48px;\n    }\n\n    .site-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      margin-bottom: 34px;\n    }\n\n    .brand {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      text-decoration: none;\n      font-weight: 800;\n      font-size: 1.25rem;\n      letter-spacing: -0.03em;\n    }\n\n    .brand-mark {\n      width: 42px;\n      height: 42px;\n      display: grid;\n      place-items: center;\n      color: #fff;\n      border-radius: 14px;\n      background: linear-gradient(135deg, var(--primary), #7B964F);\n      box-shadow: 0 12px 26px rgba(99, 126, 56, 0.28);\n      font-size: 1.25rem;\n    }\n\n    .header-link {\n      padding: 10px 16px;\n      border: 1px solid var(--border);\n      border-radius: 999px;\n      text-decoration: none;\n      color: var(--muted);\n      background: rgba(255, 255, 255, 0.72);\n      backdrop-filter: blur(10px);\n      transition: 0.2s ease;\n    }\n\n    .header-link:hover {\n      color: var(--primary);\n      border-color: rgba(99,126,56,0.30);\n      transform: translateY(-1px);\n    }\n\n    .contact-card {\n      display: grid;\n      grid-template-columns: 0.95fr 1.25fr;\n      min-height: 680px;\n      overflow: hidden;\n      border-radius: var(--radius);\n      background: var(--surface);\n      box-shadow: var(--shadow);\n      border: 1px solid rgba(228, 231, 236, 0.85);\n    }\n\n    .contact-intro {\n      position: relative;\n      overflow: hidden;\n      padding: clamp(36px, 6vw, 68px);\n      color: #fff;\n      background:\n        linear-gradient(160deg, rgba(99,126,56,0.98), rgba(79,101,45,0.97)),\n        #637E38;\n    }\n\n    .contact-intro::before,\n    .contact-intro::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.08);\n    }\n\n    .contact-intro::before {\n      width: 260px;\n      height: 260px;\n      top: -90px;\n      right: -100px;\n    }\n\n    .contact-intro::after {\n      width: 180px;\n      height: 180px;\n      bottom: -60px;\n      left: -70px;\n    }\n\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 18px;\n      font-size: 0.82rem;\n      font-weight: 800;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: #fef3c7;\n    }\n\n    .eyebrow::before {\n      content: \"\";\n      width: 28px;\n      height: 2px;\n      border-radius: 999px;\n      background: var(--accent);\n    }\n\n    h1 {\n      margin: 0 0 18px;\n      font-size: clamp(2.4rem, 5vw, 4.4rem);\n      line-height: 0.98;\n      letter-spacing: -0.055em;\n    }\n\n    .intro-copy {\n      margin: 0;\n      max-width: 540px;\n      color: rgba(255, 255, 255, 0.82);\n      font-size: 1.05rem;\n      line-height: 1.75;\n    }\n\n    .contact-details {\n      display: grid;\n      gap: 16px;\n      margin: 44px 0 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .contact-detail {\n      display: grid;\n      grid-template-columns: 44px 1fr;\n      gap: 14px;\n      align-items: center;\n      padding: 14px;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 16px;\n      background: rgba(255, 255, 255, 0.07);\n      backdrop-filter: blur(10px);\n    }\n\n    .detail-icon {\n      width: 44px;\n      height: 44px;\n      display: grid;\n      place-items: center;\n      border-radius: 12px;\n      background: rgba(255, 255, 255, 0.12);\n      font-size: 1.15rem;\n    }\n\n    .contact-detail small {\n      display: block;\n      margin-bottom: 4px;\n      color: rgba(255, 255, 255, 0.65);\n    }\n\n    .contact-detail strong,\n    .contact-detail a {\n      color: #fff;\n      text-decoration: none;\n      font-weight: 700;\n    }\n\n    .contact-form-wrap {\n      padding: clamp(32px, 5vw, 64px);\n      background:\n        linear-gradient(180deg, rgba(248, 250, 252, 0.8), rgba(255, 255, 255, 1));\n    }\n\n    .form-heading {\n      margin: 0 0 8px;\n      font-size: clamp(1.7rem, 3vw, 2.4rem);\n      letter-spacing: -0.035em;\n    }\n\n    .form-subheading {\n      margin: 0 0 30px;\n      color: var(--muted);\n      line-height: 1.65;\n    }\n\n    .form-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n    }\n\n    .field {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .field.full {\n      grid-column: 1 \/ -1;\n    }\n\n    label {\n      font-size: 0.92rem;\n      font-weight: 750;\n    }\n\n    input,\n    select,\n    textarea {\n      width: 100%;\n      border: 1px solid var(--border);\n      border-radius: 14px;\n      padding: 14px 15px;\n      font: inherit;\n      color: var(--text);\n      background: #fff;\n      outline: none;\n      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\n    }\n\n    input::placeholder,\n    textarea::placeholder {\n      color: #98a2b3;\n    }\n\n    input:focus,\n    select:focus,\n    textarea:focus {\n      border-color: rgba(99,126,56,0.65);\n      box-shadow: 0 0 0 4px rgba(99,126,56,0.10);\n    }\n\n    textarea {\n      min-height: 150px;\n      resize: vertical;\n    }\n\n    .helper {\n      color: var(--muted);\n      font-size: 0.8rem;\n      line-height: 1.45;\n    }\n\n    .form-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n      margin-top: 24px;\n    }\n\n    .privacy {\n      margin: 0;\n      max-width: 390px;\n      color: var(--muted);\n      font-size: 0.82rem;\n      line-height: 1.5;\n    }\n\n    .submit-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      min-width: 170px;\n      border: 0;\n      border-radius: 14px;\n      padding: 14px 22px;\n      color: #fff;\n      background: linear-gradient(135deg, var(--primary), #7B964F);\n      font: inherit;\n      font-weight: 800;\n      cursor: pointer;\n      box-shadow: 0 14px 28px rgba(99,126,56,0.24);\n      transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n    }\n\n    .submit-btn:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 18px 34px rgba(99,126,56,0.30);\n    }\n\n    .submit-btn:disabled {\n      cursor: not-allowed;\n      opacity: 0.7;\n      transform: none;\n    }\n\n    .status-message {\n      display: none;\n      margin-top: 20px;\n      padding: 14px 16px;\n      border-radius: 14px;\n      font-size: 0.92rem;\n      font-weight: 700;\n    }\n\n    .status-message.success {\n      display: block;\n      color: var(--success);\n      border: 1px solid rgba(21, 128, 61, 0.22);\n      background: rgba(21, 128, 61, 0.08);\n    }\n\n    .status-message.error {\n      display: block;\n      color: var(--danger);\n      border: 1px solid rgba(180, 35, 24, 0.22);\n      background: rgba(180, 35, 24, 0.08);\n    }\n\n    .site-footer {\n      margin-top: 24px;\n      text-align: center;\n      color: var(--muted);\n      font-size: 0.86rem;\n    }\n\n    @media (max-width: 880px) {\n      .contact-card {\n        grid-template-columns: 1fr;\n      }\n\n      .contact-intro {\n        min-height: auto;\n      }\n    }\n\n    @media (max-width: 620px) {\n      .page-shell {\n        width: min(100% - 20px, 1180px);\n        padding-top: 14px;\n      }\n\n      .site-header {\n        margin-bottom: 18px;\n      }\n\n      .header-link {\n        display: none;\n      }\n\n      .contact-card {\n        border-radius: 18px;\n      }\n\n      .contact-intro,\n      .contact-form-wrap {\n        padding: 30px 22px;\n      }\n\n      .form-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .field.full {\n        grid-column: auto;\n      }\n\n      .form-footer {\n        align-items: stretch;\n        flex-direction: column;\n      }\n\n      .submit-btn {\n        width: 100%;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <div class=\"page-shell\">\n    <header class=\"site-header\">\n      <a class=\"brand\" href=\"#\" aria-label=\"GrabThatLot home\">\n        <span class=\"brand-mark\">G<\/span>\n        <span>GrabThatLot<\/span>\n      <\/a>\n\n      <a class=\"header-link\" href=\"mailto:info@grabthatlot.com\">info@grabthatlot.com<\/a>\n    <\/header>\n\n    <main class=\"contact-card\">\n      <section class=\"contact-intro\">\n        <div class=\"eyebrow\">Contact GrabThatLot<\/div>\n        <h1>Let\u2019s talk.<\/h1>\n        <p class=\"intro-copy\">\n          Questions, feedback, partnership ideas, or support requests \u2014 send us a message\n          and the GrabThatLot team will get back to you as soon as possible.\n        <\/p>\n\n        <ul class=\"contact-details\">\n          <li class=\"contact-detail\">\n            <span class=\"detail-icon\" aria-hidden=\"true\">\u2709<\/span>\n            <div>\n              <small>Email us<\/small>\n              <a href=\"mailto:info@grabthatlot.com\">info@grabthatlot.com<\/a>\n            <\/div>\n          <\/li>\n\n          <li class=\"contact-detail\">\n            <span class=\"detail-icon\" aria-hidden=\"true\">\u260e<\/span>\n            <div>\n              <small>Call us<\/small>\n              <a href=\"tel:+18054242304\">+1 (805) 424-2304<\/a>\n            <\/div>\n          <\/li>\n\n          <li class=\"contact-detail\">\n            <span class=\"detail-icon\" aria-hidden=\"true\">\u2302<\/span>\n            <div>\n              <small>Office hours<\/small>\n              <strong>Monday\u2013Friday, 9:00\u201317:30<\/strong>\n            <\/div>\n          <\/li>\n        <\/ul>\n      <\/section>\n\n      <section class=\"contact-form-wrap\">\n        <h2 class=\"form-heading\">Send us a message<\/h2>\n        <p class=\"form-subheading\">\n          Complete the form below. Fields marked with an asterisk are required.\n        <\/p>\n\n        <!-- Form submissions are sent to info@grabthatlot.com through FormSubmit. -->\n        <form id=\"contactForm\" action=\"https:\/\/formsubmit.co\/info@grabthatlot.com\" method=\"post\">\n          <input type=\"hidden\" name=\"_subject\" value=\"New GrabThatLot contact form message\">\n          <input type=\"hidden\" name=\"_template\" value=\"table\">\n          <input type=\"hidden\" name=\"_captcha\" value=\"true\">\n          <input type=\"text\" name=\"_honey\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\">\n          <div class=\"form-grid\">\n            <div class=\"field\">\n              <label for=\"firstName\">First name *<\/label>\n              <input\n                type=\"text\"\n                id=\"firstName\"\n                name=\"firstName\"\n                placeholder=\"Jane\"\n                autocomplete=\"given-name\"\n                required\n              \/>\n            <\/div>\n\n            <div class=\"field\">\n              <label for=\"lastName\">Last name *<\/label>\n              <input\n                type=\"text\"\n                id=\"lastName\"\n                name=\"lastName\"\n                placeholder=\"Smith\"\n                autocomplete=\"family-name\"\n                required\n              \/>\n            <\/div>\n\n            <div class=\"field\">\n              <label for=\"email\">Email address *<\/label>\n              <input\n                type=\"email\"\n                id=\"email\"\n                name=\"email\"\n                placeholder=\"jane@example.com\"\n                autocomplete=\"email\"\n                required\n              \/>\n            <\/div>\n\n            <div class=\"field\">\n              <label for=\"phone\">Phone number<\/label>\n              <input\n                type=\"tel\"\n                id=\"phone\"\n                name=\"phone\"\n                placeholder=\"+1 805 342-676\"\n                autocomplete=\"tel\"\n              \/>\n            <\/div>\n\n            <div class=\"field full\">\n              <label for=\"subject\">What can we help with? *<\/label>\n              <select id=\"subject\" name=\"subject\" required>\n                <option value=\"\">Select a topic<\/option>\n                <option value=\"general\">General enquiry<\/option>\n                <option value=\"support\">Customer support<\/option>\n                <option value=\"partnership\">Partnership opportunity<\/option>\n                <option value=\"billing\">Billing question<\/option>\n                <option value=\"feedback\">Feedback<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"field full\">\n              <label for=\"message\">Message *<\/label>\n              <textarea\n                id=\"message\"\n                name=\"message\"\n                placeholder=\"Tell us how we can help...\"\n                maxlength=\"1500\"\n                required\n              ><\/textarea>\n              <div class=\"helper\"><span id=\"charCount\">0<\/span>\/1500 characters<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-footer\">\n            <p class=\"privacy\">\n              By submitting this form, you agree that GrabThatLot may use your details\n              to respond to your enquiry.\n            <\/p>\n\n            <button class=\"submit-btn\" type=\"submit\">\n              Send message <span aria-hidden=\"true\">\u2192<\/span>\n            <\/button>\n          <\/div>\n\n          <div id=\"statusMessage\" class=\"status-message\" role=\"status\" aria-live=\"polite\"><\/div>\n        <\/form>\n      <\/section>\n    <\/main>\n  <script>\n    const form = document.getElementById(\"contactForm\");\n    const message = document.getElementById(\"message\");\n    const charCount = document.getElementById(\"charCount\");\n\n    document.getElementById(\"year\").textContent = new Date().getFullYear();\n\n    message.addEventListener(\"input\", () => {\n      charCount.textContent = message.value.length;\n    });\n\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us | GrabThatLot G GrabThatLot info@grabthatlot.com Contact GrabThatLot Let\u2019s talk. Questions, feedback, partnership ideas, or support requests \u2014 send us a message and the GrabThatLot team will get back to you as soon as possible. \u2709 Email us info@grabthatlot.com \u260e Call us +1 (805) 424-2304 \u2302 Office hours Monday\u2013Friday, 9:00\u201317:30 Send us a message [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-807","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grabthatlot.com\/index.php?rest_route=\/wp\/v2\/pages\/807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grabthatlot.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grabthatlot.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grabthatlot.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grabthatlot.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=807"}],"version-history":[{"count":52,"href":"https:\/\/grabthatlot.com\/index.php?rest_route=\/wp\/v2\/pages\/807\/revisions"}],"predecessor-version":[{"id":3170,"href":"https:\/\/grabthatlot.com\/index.php?rest_route=\/wp\/v2\/pages\/807\/revisions\/3170"}],"wp:attachment":[{"href":"https:\/\/grabthatlot.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}