{"id":217,"date":"2026-04-15T14:55:18","date_gmt":"2026-04-15T14:55:18","guid":{"rendered":"https:\/\/hindsbrockfamily.com\/?page_id=217"},"modified":"2026-04-17T18:15:34","modified_gmt":"2026-04-17T18:15:34","slug":"lodging","status":"publish","type":"page","link":"https:\/\/hindsbrockfamily.com\/?page_id=217","title":{"rendered":""},"content":{"rendered":"\n<h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">Hotel Booking<\/h1>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center has-x-large-font-size\"><em>Deadline to book rooms at our group rate is July 20, 2026!<\/em><\/h6>\n\n\n\n<section class=\"lodging-page\">\n  <div class=\"lodging-card\">\n    <h1>Lodging<\/h1>\n    <p class=\"intro\">\n      We are excited to welcome you to the Hinds-Brock Family Reunion.\n      Please use the information below to book your stay and be close to all the family fun.\n    <\/p>\n\n    <div class=\"hotel-box\">\n      \n      <div class=\"hotel-flex\">\n\n        <!-- IMAGE -->\n        <div class=\"hotel-image\">\n          <img decoding=\"async\" src=\"https:\/\/cms.druryhotels.com\/media\/471760\/062_exterior-01a.jpg\" alt=\"Drury Inn St. Louis\">\n        <\/div>\n\n        <!-- INFO -->\n        <div class=\"hotel-info\">\n          <h2>Recommended Hotel<\/h2>\n          <p><strong>Hotel:<\/strong> Drury Inn &#038; Suites St. Louis Creve Coeur<\/p>\n          <p><strong>Event:<\/strong> Hinds-Brock Family Reunion<\/p>\n          <p><strong>Dates:<\/strong> September 4\u20136, 2026<\/p>\n\n          <p class=\"group-code\">\n            Group Number: 10176173\n          <\/p>\n\n          <div class=\"button-group\">\n            <a class=\"book-btn\"\n               href=\"https:\/\/www.druryhotels.com\/bookandstay\/chooserateandroom\"\n               target=\"_blank\">\n              Book Your Room\n            <\/a>\n\n            <a class=\"map-btn\"\n               href=\"https:\/\/www.google.com\/maps\/search\/Drury+Inn+%26+Suites+St.+Louis+Creve+Coeur\"\n               target=\"_blank\">\n              View Map\n            <\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.lodging-page {\n\n  padding: 60px 20px;\n  display: flex;\n  justify-content: center;\n}\n\n.lodging-card {\n  max-width: 900px;\n  width: 100%;\n  background: #ffffff;\n  border-radius: 12px;\n  padding: 40px 30px;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.2);\n  text-align: center;\n  border-top: 10px solid #ff7a00;\n}\n\n.lodging-card h1 {\n  font-size: 2.5rem;\n  color: #000;\n  margin-bottom: 10px;\n}\n\n.intro {\n  margin-bottom: 30px;\n  font-size: 1.1rem;\n  color: #222;\n}\n\n\/* FLEX LAYOUT *\/\n.hotel-flex {\n  display: flex;\n  gap: 20px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n\/* IMAGE *\/\n.hotel-image {\n  flex: 1;\n  min-width: 250px;\n}\n\n.hotel-image img {\n  width: 100%;\n  border-radius: 10px;\n}\n\n\/* INFO *\/\n.hotel-info {\n  flex: 1;\n  min-width: 250px;\n  text-align: left;\n}\n\n.hotel-box {\n  border: 2px solid #ff7a00;\n  padding: 25px;\n  border-radius: 10px;\n}\n\n.hotel-box h2 {\n  color: #ff7a00;\n  margin-bottom: 10px;\n}\n\n.group-code {\n  font-weight: bold;\n  color: #2f7d00;\n  margin-top: 10px;\n}\n\n.button-group {\n  margin-top: 15px;\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.book-btn {\n  background: #ff7a00;\n  color: white;\n  padding: 10px 18px;\n  border-radius: 25px;\n  text-decoration: none;\n  transition: 0.3s;\n}\n\n.book-btn:hover {\n  background: #cc6200;\n  transform: scale(1.05);\n}\n\n.map-btn {\n  background: #2f7d00;\n  color: white;\n  padding: 10px 18px;\n  border-radius: 25px;\n  text-decoration: none;\n  transition: 0.3s;\n}\n\n.map-btn:hover {\n  background: #1f5500;\n  transform: scale(1.05);\n}\n\n\/* MOBILE *\/\n@media (max-width: 600px) {\n  .book-btn, .map-btn {\n    width: 100%;\n    text-align: center;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"hotel-amenities-section\">\n  <div class=\"hotel-amenities-header\">\n    <p class=\"hotel-amenities-eyebrow\">Stay Close to the Family Fun<\/p>\n    <h2>Drury Plaza Hotel Amenities<\/h2>\n    <p class=\"hotel-amenities-text\">\n      We are excited to welcome you to the Hinds-Brock Family Reunion. Enjoy a comfortable stay at the\n      Drury Plaza Hotel in St. Louis, Creve Coeur, with thoughtful amenities for the whole family.\n    <\/p>\n  <\/div>\n\n  <div class=\"hotel-slider-wrapper\">\n    <button class=\"hotel-slider-btn prev\" onclick=\"moveHotelSlide(-1)\">&#10094;<\/button>\n\n    <div class=\"hotel-slider-track\" id=\"hotelSliderTrack\">\n      <div class=\"hotel-slide active\">\n        <img decoding=\"async\" src=\"https:\/\/cms.druryhotels.com\/media\/471760\/062_exterior-01a.jpg?anchor=center&#038;mode=crop&#038;width=659&#038;height=422&#038;rnd=134002455920000000\" alt=\"Drury Plaza Hotel exterior\">\n        <div class=\"hotel-slide-content\">\n          <h3>Newly Renovated Hotel<\/h3>\n          <p>\n            Enjoy a fresh, modern stay at the Drury Plaza Hotel St. Louis Creve Coeur, conveniently located near reunion activities.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hotel-slide\">\n        <img decoding=\"async\" src=\"https:\/\/cf.bstatic.com\/xdata\/images\/hotel\/max1024x768\/527418208.jpg?k=279b917534231b4c0ff134ccacac6059346c8a441d141caa7ac16a88790386d0&#038;o=\" alt=\"Free hot breakfast at the hotel\">\n        <div class=\"hotel-slide-content\">\n          <h3>Free Hot Breakfast<\/h3>\n          <p>\n            Start your morning with a complimentary hot breakfast featuring favorites for the whole family.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hotel-slide\">\n        <img decoding=\"async\" src=\"https:\/\/www.druryhotels.com\/Images\/about\/amenities\/DH-Amenities-5_30-Kickback.png\" alt=\"Evening food and drinks at hotel\">\n        <div class=\"hotel-slide-content\">\n          <h3>5:30 Kickback\u00ae<\/h3>\n          <p>\n            Relax in the evening with complimentary hot food and cold beverages served daily during the 5:30 Kickback\u00ae.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hotel-slide\">\n        <img decoding=\"async\" src=\"https:\/\/scontent-dfw5-1.xx.fbcdn.net\/v\/t39.30808-6\/515017902_10161543941028224_7376734679117244860_n.jpg?_nc_cat=109&#038;ccb=1-7&#038;_nc_sid=13d280&#038;_nc_ohc=JzPk208WkG0Q7kNvwGNoZU0&#038;_nc_oc=AdpN-HREHh4nt-JiL2-0xIGN_jduSt-l9ar6fONI5WeMho8qWK1XVvqUfhgWejpAsFpTfQVfCcF5-j7fWhFn8q1f&#038;_nc_zt=23&#038;_nc_ht=scontent-dfw5-1.xx&#038;_nc_gid=WBD3PRDDqHyAXo4G1YwN2A&#038;_nc_ss=7a389&#038;oh=00_Af1hZiqVJz5R4lB_HcrRkbyFB5VjERvoLcqOs4wSgfBaGQ&#038;oe=69E588CB\" alt=\"Free popcorn and soda at the hotel\">\n        <div class=\"hotel-slide-content\">\n          <h3>Free Popcorn &#038; Soda<\/h3>\n          <p>\n            Stop by the lobby in the evening for complimentary popcorn and soda \u2014 a fun bonus for kids and adults alike.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hotel-slide\">\n        <img decoding=\"async\" src=\"https:\/\/explorestlouis.com\/wp-content\/uploads\/2023\/01\/Drury-Creve-Coeur-4.jpg\" alt=\"Indoor pool at the hotel\">\n        <div class=\"hotel-slide-content\">\n          <h3>Indoor Pool<\/h3>\n          <p>\n            Take a swim and unwind in the indoor pool during your stay.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hotel-slide\">\n        <img decoding=\"async\" src=\"https:\/\/cms.druryhotels.com\/media\/469719\/117_nkx_01.jpg?anchor=center&#038;mode=crop&#038;width=659&#038;height=422\" alt=\"Guest room at the hotel\">\n        <div class=\"hotel-slide-content\">\n          <h3>Comfortable Guest Rooms<\/h3>\n          <p>\n            Relax in spacious guest rooms designed to make your reunion weekend comfortable and restful.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hotel-slide\">\n        <img decoding=\"async\" src=\"https:\/\/images.trvl-media.com\/lodging\/1000000\/80000\/74700\/74657\/91f63365.jpg?impolicy=resizecrop&#038;rw=575&#038;rh=575&#038;ra=fill\" alt=\"Dining area at the hotel\">\n        <div class=\"hotel-slide-content\">\n          <h3>Inviting Dining Area<\/h3>\n          <p>\n            Gather with family and enjoy the welcoming dining spaces throughout the hotel.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hotel-slide\">\n        <img decoding=\"async\" src=\"https:\/\/cms.druryhotels.com\/media\/471749\/062_lobby-front-desk-03.jpg?anchor=center&#038;mode=crop&#038;width=659&#038;height=422&#038;rnd=134002456750000000\" alt=\"Hotel lobby seating area\">\n        <div class=\"hotel-slide-content\">\n          <h3>Welcoming Lobby<\/h3>\n          <p>\n            The lobby offers a cozy place to sit, connect, and enjoy time together between reunion events.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <button class=\"hotel-slider-btn next\" onclick=\"moveHotelSlide(1)\">&#10095;<\/button>\n  <\/div>\n\n  <div class=\"hotel-dots\" id=\"hotelDots\"><\/div>\n\n  <div class=\"hotel-highlights\">\n    <div class=\"hotel-highlight-box\">Newly Renovated<\/div>\n    <div class=\"hotel-highlight-box\">Free Hot Breakfast<\/div>\n    <div class=\"hotel-highlight-box\">5:30 Kickback\u00ae<\/div>\n    <div class=\"hotel-highlight-box\">Free Popcorn &#038; Soda<\/div>\n    <div class=\"hotel-highlight-box\">Indoor Pool<\/div>\n    <div class=\"hotel-highlight-box\">Comfortable Rooms<\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .hotel-amenities-section {\n    max-width: 1000px;\n    margin: 40px auto;\n    padding: 35px 20px;\n    background: linear-gradient(180deg, #fffdf8 0%, #f7f2e8 100%);\n    border-radius: 24px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    font-family: Arial, sans-serif;\n  }\n\n  .hotel-amenities-header {\n    text-align: center;\n    margin-bottom: 28px;\n  }\n\n  .hotel-amenities-eyebrow {\n    color: #b68c2f;\n    font-weight: bold;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    margin-bottom: 8px;\n    font-size: 13px;\n  }\n\n  .hotel-amenities-header h2 {\n    color: #1f4b3f;\n    font-size: 34px;\n    margin: 0 0 12px;\n  }\n\n  .hotel-amenities-text {\n    color: #444;\n    max-width: 760px;\n    margin: 0 auto;\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .hotel-slider-wrapper {\n    position: relative;\n    overflow: hidden;\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow: 0 8px 22px rgba(0,0,0,0.08);\n  }\n\n  .hotel-slider-track {\n    position: relative;\n  }\n\n  .hotel-slide {\n    display: none;\n    animation: fadeIn 0.4s ease-in-out;\n  }\n\n  .hotel-slide.active {\n    display: block;\n  }\n\n  .hotel-slide img {\n    width: 100%;\n    height: 500px;\n    object-fit: cover;\n    display: block;\n    border-radius: 20px 20px 0 0;\n  }\n\n  .hotel-slide-content {\n    padding: 24px;\n    background: #ffffff;\n  }\n\n  .hotel-slide-content h3 {\n    margin: 0 0 10px;\n    color: #1f4b3f;\n    font-size: 28px;\n  }\n\n  .hotel-slide-content p {\n    margin: 0;\n    color: #555;\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .hotel-slider-btn {\n    position: absolute;\n    top: 42%;\n    transform: translateY(-50%);\n    background: rgba(31, 75, 63, 0.85);\n    color: #fff;\n    border: none;\n    width: 46px;\n    height: 46px;\n    border-radius: 50%;\n    font-size: 22px;\n    cursor: pointer;\n    z-index: 5;\n  }\n\n  .hotel-slider-btn:hover {\n    background: #b68c2f;\n  }\n\n  .hotel-slider-btn.prev {\n    left: 15px;\n  }\n\n  .hotel-slider-btn.next {\n    right: 15px;\n  }\n\n  .hotel-dots {\n    text-align: center;\n    margin-top: 18px;\n  }\n\n  .hotel-dot {\n    height: 12px;\n    width: 12px;\n    margin: 0 5px;\n    background-color: #d6d6d6;\n    border-radius: 50%;\n    display: inline-block;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n  }\n\n  .hotel-dot.active {\n    background-color: #1f4b3f;\n  }\n\n  .hotel-highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    justify-content: center;\n    margin-top: 26px;\n  }\n\n  .hotel-highlight-box {\n    background: #1f4b3f;\n    color: white;\n    padding: 12px 18px;\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: bold;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0.3; }\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .hotel-amenities-section {\n      padding: 24px 14px;\n    }\n\n    .hotel-slide img {\n      height: 260px;\n    }\n\n    .hotel-amenities-header h2 {\n      font-size: 28px;\n    }\n\n    .hotel-slide-content h3 {\n      font-size: 22px;\n    }\n\n    .hotel-slide-content p {\n      font-size: 15px;\n    }\n\n    .hotel-slider-btn {\n      width: 40px;\n      height: 40px;\n      font-size: 18px;\n    }\n\n    .hotel-highlight-box {\n      font-size: 13px;\n      padding: 10px 14px;\n    }\n  }\n<\/style>\n\n<script>\n  let hotelSlideIndex = 0;\n  const hotelSlides = document.getElementsByClassName(\"hotel-slide\");\n  const hotelDotsContainer = document.getElementById(\"hotelDots\");\n\n  function createHotelDots() {\n    hotelDotsContainer.innerHTML = \"\";\n    for (let i = 0; i < hotelSlides.length; i++) {\n      const dot = document.createElement(\"span\");\n      dot.className = \"hotel-dot\";\n      dot.onclick = function () {\n        showHotelSlide(i);\n      };\n      hotelDotsContainer.appendChild(dot);\n    }\n  }\n\n  function showHotelSlide(index) {\n    if (index >= hotelSlides.length) {\n      hotelSlideIndex = 0;\n    } else if (index < 0) {\n      hotelSlideIndex = hotelSlides.length - 1;\n    } else {\n      hotelSlideIndex = index;\n    }\n\n    for (let i = 0; i < hotelSlides.length; i++) {\n      hotelSlides[i].classList.remove(\"active\");\n    }\n\n    const dots = document.getElementsByClassName(\"hotel-dot\");\n    for (let i = 0; i < dots.length; i++) {\n      dots[i].classList.remove(\"active\");\n    }\n\n    hotelSlides[hotelSlideIndex].classList.add(\"active\");\n\n    if (dots[hotelSlideIndex]) {\n      dots[hotelSlideIndex].classList.add(\"active\");\n    }\n  }\n\n  function moveHotelSlide(step) {\n    showHotelSlide(hotelSlideIndex + step);\n  }\n\n  createHotelDots();\n  showHotelSlide(0);\n\n  setInterval(function () {\n    moveHotelSlide(1);\n  }, 5000);\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hotel Booking Deadline to book rooms at our group rate is July 20, 2026! Lodging We are excited to welcome you to the Hinds-Brock Family Reunion. Please use the information below to book your stay and be close to all the family fun. Recommended Hotel Hotel: Drury Inn &#038; Suites St. Louis Creve Coeur Event: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-217","page","type-page","status-publish"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/hindsbrockfamily.com\/index.php?rest_route=\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hindsbrockfamily.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hindsbrockfamily.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hindsbrockfamily.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hindsbrockfamily.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=217"}],"version-history":[{"count":5,"href":"https:\/\/hindsbrockfamily.com\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/hindsbrockfamily.com\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions\/449"}],"wp:attachment":[{"href":"https:\/\/hindsbrockfamily.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}