{"id":828,"date":"2026-06-29T10:29:22","date_gmt":"2026-06-29T10:29:22","guid":{"rendered":"https:\/\/theaubi.com\/?page_id=828"},"modified":"2026-08-11T10:09:14","modified_gmt":"2026-08-11T10:09:14","slug":"contact","status":"publish","type":"page","link":"https:\/\/theaubi.com\/?page_id=828","title":{"rendered":"CONTACT"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&#038;family=DM+Sans:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --cream:#F6F2E9;\n    --sand:#E3D7BE;\n    --ink:#221E19;\n    --sage:#7C8B72;\n    --gold:#AD8A54;\n    --orange:#C9713B;\n    --line: rgba(34,30,25,0.14);\n  }\n  *{margin:0;padding:0;box-sizing:border-box;}\n  body{\n    background:var(--cream); color:var(--ink);\n    font-family:'DM Sans', sans-serif; font-weight:300; line-height:1.65;\n    -webkit-font-smoothing:antialiased;\n  }\n  .aubi-wrap{max-width:1120px; margin:0 auto; padding:0 40px;}\n  @media(max-width:640px){.aubi-wrap{padding:0 22px;}}\n\n  .eyebrow{\n    font-size:0.76rem; letter-spacing:0.24em; text-transform:uppercase;\n    color:var(--sage); margin-bottom:20px; display:flex; align-items:center; gap:14px;\n  }\n  .eyebrow::before{content:''; width:34px; height:1px; background:var(--gold);}\n  .eyebrow.center{ justify-content:center; margin:0 auto 50px; }\n\n  .section{ padding:90px 0; border-bottom:1px solid var(--line); }\n  .section-head{ margin-bottom:50px; text-align:center; }\n  .section-head h2{\n    font-family:'Cormorant Garamond', serif; font-weight:400;\n    font-size:clamp(2rem, 3.4vw, 2.6rem);\n  }\n\n  \/* ---------- Contact hero + form ---------- *\/\n  .contact-hero{ padding:100px 0 90px; border-bottom:1px solid var(--line); }\n  .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }\n  @media(max-width:900px){ .contact-grid{grid-template-columns:1fr; gap:50px;} }\n  .contact-intro h1{\n    font-family:'Cormorant Garamond', serif; font-weight:400;\n    font-size:clamp(2.4rem, 4.6vw, 3.6rem); line-height:1.1;\n    margin-bottom:30px; max-width:14ch;\n  }\n  .contact-intro h1 em{ font-style:italic; color:var(--gold); }\n  .contact-intro p{ font-size:1rem; color:#4a443a; margin-bottom:18px; max-width:44ch; }\n\n  .contact-form .field{ margin-bottom:26px; }\n  .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n  .contact-form label{\n    font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase;\n    color:var(--sage); display:block; margin-bottom:10px;\n  }\n  .contact-form input, .contact-form select, .contact-form textarea{\n    width:100%; border:none; border-bottom:1px solid var(--line); background:transparent;\n    font-family:'DM Sans', sans-serif; font-size:0.95rem; color:var(--ink); padding:8px 0; outline:none;\n  }\n  .contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{\n    border-bottom-color:var(--gold);\n  }\n  .contact-form textarea{ resize:vertical; }\n  .submit-btn{\n    margin-top:10px; display:inline-block; font-size:0.78rem; letter-spacing:0.14em;\n    text-transform:uppercase; color:var(--orange); background:var(--ink); border:none;\n    padding:16px 40px; cursor:pointer; transition:all .25s ease;\n  }\n  .submit-btn:hover{ opacity:0.85; }\n  .submit-btn:disabled{ opacity:0.6; cursor:default; }\n  .form-message{\n    display:none; margin-top:18px; font-size:0.9rem; color:var(--gold);\n    font-family:'Cormorant Garamond', serif; font-style:italic; font-size:1.15rem;\n  }\n  .form-message.error{ color:#b23b3b; font-family:'DM Sans', sans-serif; font-style:normal; font-size:0.88rem; }\n\n  \/* ---------- Steps ---------- *\/\n  .steps-list{ max-width:640px; margin:0 auto; display:flex; flex-direction:column; gap:32px; }\n  .step{ display:flex; align-items:flex-start; gap:22px; }\n  .step-icon{\n    flex-shrink:0; width:40px; height:40px; border-radius:50%; border:1px solid var(--sage);\n    display:flex; align-items:center; justify-content:center; color:var(--sage); font-size:1.1rem;\n  }\n  .step p{ font-size:1rem; color:#3c362d; padding-top:8px; }\n\n  \/* ---------- FAQ ---------- *\/\n  .faq-list{ max-width:760px; margin:0 auto; }\n  .faq-list details{ border-top:1px solid var(--line); padding:20px 0; }\n  .faq-list details:last-child{ border-bottom:1px solid var(--line); }\n  .faq-list summary{\n    cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center;\n    font-size:0.85rem; letter-spacing:0.08em; text-transform:uppercase; font-weight:500; color:var(--ink);\n  }\n  .faq-list summary::-webkit-details-marker{ display:none; }\n  .faq-list summary::after{\n    content:'+'; font-family:'Cormorant Garamond', serif; font-size:1.4rem; color:var(--gold);\n  }\n  .faq-list details[open] summary::after{ content:'\u2013'; }\n  .faq-list p{ font-size:0.92rem; color:#4a443a; margin-top:16px; max-width:56ch; }\n\n  \/* ---------- Not ready band ---------- *\/\n  .not-ready{\n    background:#ffffff;\n    padding:70px 0;\n    border-bottom:1px solid var(--line);\n    text-align:center;\n  }\n  .not-ready .aubi-wrap{\n    display:flex; flex-direction:column; align-items:center; justify-content:center;\n  }\n  .not-ready h2{\n    font-family:'Cormorant Garamond', serif; font-weight:400;\n    font-size:clamp(1.8rem, 3vw, 2.4rem); margin-bottom:14px; text-align:center;\n  }\n  .not-ready p{\n    max-width:700px; width:100%; margin:0 auto 30px; text-align:center;\n    font-size:0.92rem; color:#4a443a;\n  }\n  .not-ready-btns{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }\n  .ghost-btn{\n  display:inline-block;\n  background:var(--ink);\n  color:var(--gold);\n  text-decoration:none;\n  font-size:0.78rem;\n  letter-spacing:0.1em;\n  text-transform:uppercase;\n  padding:14px 26px;\n  transition:all .25s ease;\n}\n  .ghost-btn:hover{ opacity:0.85; }\n\n  \n<\/style>\n<section class=\"contact-hero\">\n  <div class=\"aubi-wrap contact-grid\">\n    <div class=\"contact-intro\">\n      <div class=\"eyebrow\">Let&#8217;s Connect<\/div>\n      <h1>Let&#8217;s create something <em>remarkable<\/em>.<\/h1>\n      <p>Your brand deserves more than another pretty website \u2014 it deserves a strategic online presence that attracts the right clients and supports the business you&#8217;re building.<\/p>\n      <p>Tell me about your vision below, and I&#8217;ll be in touch within 48 business hours.<\/p>\n    <\/div>\n\n    <form class=\"contact-form\" id=\"aubiContactForm\" action=\"https:\/\/formspree.io\/f\/xwlepnok\" method=\"POST\">\n      <div class=\"form-row\">\n        <div class=\"field\">\n          <label>Name *<\/label>\n          <input required name=\"first_name\" placeholder=\"First\" type=\"text\">\n        <\/div>\n        <div class=\"field\">\n          <label>&nbsp;<\/label>\n          <input name=\"last_name\" placeholder=\"Last\" type=\"text\">\n        <\/div>\n      <\/div>\n      <div class=\"field\">\n        <label>Email *<\/label>\n        <input required name=\"email\" type=\"email\">\n      <\/div>\n      <div class=\"field\">\n        <label>Business \/ Website<\/label>\n        <input name=\"business\" type=\"text\">\n      <\/div>\n      <div class=\"field\">\n        <label>What are you looking for?<\/label>\n        <select name=\"looking_for\">\n          <option value=\"\">Select an option<\/option>\n          <option>Brand Intensive<\/option>\n          <option>Website Intensive<\/option>\n          <option>Brand + Website Intensive<\/option>\n          <option>Not sure yet<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"field\">\n        <label>Tell me a little about your business<\/label>\n        <textarea name=\"message\" rows=\"4\"><\/textarea>\n      <\/div>\n      <button type=\"submit\" class=\"submit-btn\">Send Enquiry<\/button>\n      <p class=\"form-message\" id=\"aubiFormMessage\"><\/p>\n    <\/form>\n  <\/div>\n<\/section>\n\n<section class=\"section\">\n  <div class=\"aubi-wrap\">\n    <div class=\"eyebrow center\">What Happens Next?<\/div>\n    <div class=\"steps-list\">\n      <div class=\"step\">\n        <span class=\"step-icon\">\u2192<\/span>\n        <p>Complete the inquiry form.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <span class=\"step-icon\">\u2192<\/span>\n        <p>I&#8217;ll review your project and respond within 48 business hours.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <span class=\"step-icon\">\u2192<\/span>\n        <p>If we&#8217;re the right fit, we&#8217;ll schedule a discovery call and map out your project.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section\">\n  <div class=\"aubi-wrap\">\n    <div class=\"section-head\">\n      <h2>Frequently Asked Questions<\/h2>\n    <\/div>\n    <div class=\"faq-list\">\n      <details open>\n        <summary>Do you work internationally?<\/summary>\n        <p>Absolutely. I work with clients worldwide.<\/p>\n      <\/details>\n      <details>\n        <summary>How far in advance should I book?<\/summary>\n        <p>At least 2\u20133 weeks out is ideal, though a few last-minute slots open up each month.<\/p>\n      <\/details>\n      <details>\n        <summary>Do I need branding before booking a website?<\/summary>\n        <p>Not necessarily \u2014 many clients book the Brand + Website Intensive together so both launch aligned from day one.<\/p>\n      <\/details>\n      <details>\n        <summary>Do you offer payment plans?<\/summary>\n        <p>Yes \u2014 payment plans are available over 4 or 6 instalments via Wise or Stripe.<\/p>\n      <\/details>\n      <details>\n        <summary>How long does a project take?<\/summary>\n        <p>Each Intensive is delivered in one week; the combined Brand + Website Intensive is delivered together in 10 business days.<\/p>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"not-ready\">\n  <div class=\"aubi-wrap\">\n    <h2>Not Ready to Inquire?<\/h2>\n    <p>Browse the work or explore the services to see if we&#8217;re the right fit.<\/p>\n    <div class=\"not-ready-btns\">\n      <a href=\"https:\/\/theaubi.com\/?page_id=1023\" class=\"ghost-btn\">The Work \u2192<\/a>\n      <a href=\"https:\/\/theaubi.com\/?page_id=1009\" class=\"ghost-btn\">Explore Services \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<script>\n(function(){\n  var form = document.getElementById('aubiContactForm');\n  var msg = document.getElementById('aubiFormMessage');\n  var btn = form.querySelector('.submit-btn');\n\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n    btn.disabled = true;\n    btn.textContent = 'Sending...';\n    msg.style.display = 'none';\n    msg.className = 'form-message';\n\n    fetch(form.action, {\n      method: 'POST',\n      body: new FormData(form),\n      headers: { 'Accept': 'application\/json' }\n    }).then(function(response){\n      if (response.ok) {\n        form.reset();\n        msg.textContent = \"Thank you \u2014 I've received your enquiry and will be in touch within 48 business hours.\";\n        msg.style.display = 'block';\n        btn.textContent = 'Send Enquiry';\n        btn.disabled = false;\n      } else {\n        response.json().then(function(data){\n          msg.textContent = (data && data.errors) ? data.errors.map(function(er){return er.message;}).join(', ') : 'Something went wrong \u2014 please try again or email hello@theaubi.com directly.';\n          msg.className = 'form-message error';\n          msg.style.display = 'block';\n          btn.textContent = 'Send Enquiry';\n          btn.disabled = false;\n        });\n      }\n    }).catch(function(){\n      msg.textContent = 'Something went wrong \u2014 please try again or email hello@theaubi.com directly.';\n      msg.className = 'form-message error';\n      msg.style.display = 'block';\n      btn.textContent = 'Send Enquiry';\n      btn.disabled = false;\n    });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s Connect Let&#8217;s create something remarkable. Your brand deserves more than another pretty website \u2014 it deserves a strategic online presence that attracts the right clients and supports the business you&#8217;re building. Tell me about your vision below, and I&#8217;ll be in touch within 48 business hours. Name * &nbsp; Email * Business \/ Website&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-828","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theaubi.com\/index.php?rest_route=\/wp\/v2\/pages\/828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theaubi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theaubi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theaubi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theaubi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=828"}],"version-history":[{"count":23,"href":"https:\/\/theaubi.com\/index.php?rest_route=\/wp\/v2\/pages\/828\/revisions"}],"predecessor-version":[{"id":1134,"href":"https:\/\/theaubi.com\/index.php?rest_route=\/wp\/v2\/pages\/828\/revisions\/1134"}],"wp:attachment":[{"href":"https:\/\/theaubi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}