{"id":312,"date":"2026-05-09T10:22:50","date_gmt":"2026-05-09T10:22:50","guid":{"rendered":"https:\/\/traiteur-pepinderaisin.fr\/?page_id=312"},"modified":"2026-05-15T19:50:46","modified_gmt":"2026-05-15T19:50:46","slug":"contact","status":"publish","type":"page","link":"https:\/\/traiteur-pepinderaisin.fr\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"312\" class=\"elementor elementor-312\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6115898 e-flex e-con-boxed e-con e-parent\" data-id=\"6115898\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36d1eb5 elementor-widget elementor-widget-heading\" data-id=\"36d1eb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2580860 e-flex e-con-boxed e-con e-parent\" data-id=\"2580860\" 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-af7828f elementor-widget elementor-widget-html\" data-id=\"af7828f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .contact-form {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    padding: 60px 40px;\r\n    background: #ffffff;\r\n    font-family: 'Roboto', sans-serif;\r\n  }\r\n\r\n  .form-tag {\r\n    font-size: 0.7rem;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: #C9D38A;\r\n    font-weight: 500;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .form-tag::before {\r\n    content: '';\r\n    display: block;\r\n    width: 24px; height: 1px;\r\n    background: #C9D38A;\r\n  }\r\n\r\n  .contact-form h2 {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 2.5rem;\r\n    font-weight: 700;\r\n    color: #1a1a14;\r\n    margin-bottom: 40px;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .contact-form h2 em {\r\n    font-style: italic;\r\n    color: #8b7355;\r\n  }\r\n\r\n  .form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .form-group label {\r\n    font-size: 0.72rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: #2a1f17;\r\n  }\r\n\r\n  .form-group input,\r\n  .form-group select,\r\n  .form-group textarea {\r\n    padding: 14px 16px;\r\n    border: 1px solid rgba(0,0,0,0.12);\r\n    background: #faf8f5;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 0.9rem;\r\n    font-weight: 300;\r\n    color: #2a1f17;\r\n    outline: none;\r\n    transition: border-color 0.3s;\r\n    width: 100%;\r\n  }\r\n\r\n  .form-group input:focus,\r\n  .form-group select:focus,\r\n  .form-group textarea:focus {\r\n    border-color: #C9D38A;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .form-group input::placeholder,\r\n  .form-group textarea::placeholder {\r\n    color: #9e9189;\r\n  }\r\n\r\n  .form-group textarea {\r\n    height: 130px;\r\n    resize: none;\r\n  }\r\n\r\n  .form-group select {\r\n    cursor: pointer;\r\n    color: #9e9189;\r\n    -webkit-appearance: none;\r\n  }\r\n\r\n  .form-submit {\r\n    background: #1a1a14;\r\n    color: white;\r\n    border: none;\r\n    padding: 16px 40px;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 0.78rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    transition: background 0.3s;\r\n    width: 100%;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .form-submit:hover { background: #8b7355; }\r\n\r\n  .form-note {\r\n    font-size: 0.78rem;\r\n    color: #9e9189;\r\n    line-height: 1.6;\r\n    margin-top: 12px;\r\n    text-align: center;\r\n  }\r\n\r\n  .form-success {\r\n    display: none;\r\n    text-align: center;\r\n    padding: 40px;\r\n    background: #faf8f5;\r\n    border-left: 3px solid #C9D38A;\r\n  }\r\n\r\n  .form-success h3 {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 1.8rem;\r\n    margin-bottom: 12px;\r\n    color: #1a1a14;\r\n  }\r\n\r\n  .form-success p {\r\n    font-size: 0.9rem;\r\n    color: #9e9189;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .contact-form { padding: 40px 20px; }\r\n    .form-row { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"contact-form\">\r\n  <div class=\"form-tag\">Formulaire de contact<\/div>\r\n  <h2>Parlons de votre <em>projet<\/em><\/h2>\r\n\r\n  <form id=\"myForm\" action=\"https:\/\/formspree.io\/f\/mwvygokn\" method=\"POST\">\r\n\r\n    <div class=\"form-row\">\r\n      <div class=\"form-group\">\r\n        <label for=\"prenom\">Pr\u00e9nom *<\/label>\r\n        <input type=\"text\" id=\"prenom\" name=\"prenom\" placeholder=\"Votre pr\u00e9nom\" required>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"nom\">Nom *<\/label>\r\n        <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Votre nom\" required>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-row\">\r\n      <div class=\"form-group\">\r\n        <label for=\"email\">Email *<\/label>\r\n        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"votre@email.fr\" required>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"telephone\">T\u00e9l\u00e9phone<\/label>\r\n        <input type=\"tel\" id=\"telephone\" name=\"telephone\" placeholder=\"06 00 00 00 00\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-row\">\r\n      <div class=\"form-group\">\r\n        <label for=\"evenement\">Type d'\u00e9v\u00e9nement *<\/label>\r\n        <select id=\"evenement\" name=\"evenement\" required>\r\n          <option value=\"\" disabled selected>Choisir...<\/option>\r\n          <option>Brunch<\/option>\r\n          <option>Anniversaire<\/option>\r\n          <option>Baby Shower<\/option>\r\n          <option>Barbecue<\/option>\r\n          <option>Cookies<\/option>\r\n          <option>Mignardises<\/option>\r\n          <option>Repas entreprise<\/option>\r\n          <option>Ap\u00e9ritif priv\u00e9<\/option>\r\n          <option>\u00c9v\u00e9nement viticole<\/option>\r\n          <option>Autre<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"date\">Date de l'\u00e9v\u00e9nement<\/label>\r\n        <input type=\"date\" id=\"date\" name=\"date\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-row\">\r\n      <div class=\"form-group\">\r\n        <label for=\"personnes\">Nombre de personnes<\/label>\r\n        <select id=\"personnes\" name=\"personnes\">\r\n          <option value=\"\" disabled selected>Choisir...<\/option>\r\n          <option>Moins de 10 personnes<\/option>\r\n          <option>10 \u00e0 20 personnes<\/option>\r\n          <option>20 \u00e0 40 personnes<\/option>\r\n          <option>40 \u00e0 60 personnes<\/option>\r\n          <option>Plus de 60 personnes<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"ville\">Ville \/ Lieu<\/label>\r\n        <input type=\"text\" id=\"ville\" name=\"ville\" placeholder=\"Lieu de l'\u00e9v\u00e9nement...\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label for=\"message\">D\u00e9crivez votre projet *<\/label>\r\n      <textarea id=\"message\" name=\"message\" placeholder=\"Th\u00e8me, couleurs, allergies, envies particuli\u00e8res...\" required><\/textarea>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label for=\"source\">Comment avez-vous connu P\u00e9pin de Raisin ?<\/label>\r\n      <select id=\"source\" name=\"source\">\r\n        <option value=\"\" disabled selected>Choisir...<\/option>\r\n        <option>Bouche \u00e0 oreille<\/option>\r\n        <option>Instagram<\/option>\r\n        <option>Facebook<\/option>\r\n        <option>TikTok<\/option>\r\n        <option>Google<\/option>\r\n        <option>Autre<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de devis \u2014 P\u00e9pin de Raisin\">\r\n    <input type=\"hidden\" name=\"_next\" value=\"https:\/\/traiteur-pepinderaisin.fr\">\r\n\r\n    <button type=\"submit\" class=\"form-submit\">Envoyer ma demande \u2192<\/button>\r\n\r\n\r\n\r\n  <\/form>\r\n\r\n  <div class=\"form-success\" id=\"successMsg\">\r\n    <h3>Merci ! \ud83c\udf89<\/h3>\r\n    <p>Votre demande a bien \u00e9t\u00e9 envoy\u00e9e. Julie vous r\u00e9pondra dans les plus brefs d\u00e9lais pour cr\u00e9er votre buffet sur mesure.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const form = document.getElementById('myForm');\r\n  form.addEventListener('submit', async function(e) {\r\n    e.preventDefault();\r\n    const data = new FormData(form);\r\n    const response = await fetch(form.action, {\r\n      method: 'POST',\r\n      body: data,\r\n      headers: { 'Accept': 'application\/json' }\r\n    });\r\n    if (response.ok) {\r\n      form.style.display = 'none';\r\n      document.getElementById('successMsg').style.display = 'block';\r\n    }\r\n  });\r\n<\/script>\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 Formulaire de contact Parlons de votre projet Pr\u00e9nom * Nom * Email * T\u00e9l\u00e9phone Type d&rsquo;\u00e9v\u00e9nement * Choisir&#8230;BrunchAnniversaireBaby ShowerBarbecueCookiesMignardisesRepas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-312","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/traiteur-pepinderaisin.fr\/index.php\/wp-json\/wp\/v2\/pages\/312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/traiteur-pepinderaisin.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/traiteur-pepinderaisin.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/traiteur-pepinderaisin.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/traiteur-pepinderaisin.fr\/index.php\/wp-json\/wp\/v2\/comments?post=312"}],"version-history":[{"count":22,"href":"https:\/\/traiteur-pepinderaisin.fr\/index.php\/wp-json\/wp\/v2\/pages\/312\/revisions"}],"predecessor-version":[{"id":632,"href":"https:\/\/traiteur-pepinderaisin.fr\/index.php\/wp-json\/wp\/v2\/pages\/312\/revisions\/632"}],"wp:attachment":[{"href":"https:\/\/traiteur-pepinderaisin.fr\/index.php\/wp-json\/wp\/v2\/media?parent=312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}