{"id":9,"date":"2026-10-18T07:53:32","date_gmt":"2026-10-18T11:53:32","guid":{"rendered":"https:\/\/wildwoodsnj.magicbrain.com\/?page_id=9"},"modified":"2026-10-18T09:14:49","modified_gmt":"2026-10-18T13:14:49","slug":"wildwoods-nj","status":"publish","type":"page","link":"https:\/\/wildwoodsnj.magicbrain.com\/","title":{"rendered":"Wildwoods, NJ"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\" data-et-mv-hidden-tablet=\"true\"><!--\nWILDWOODS HOMEPAGE CONCEPT v4 \/ MagicBrain Technologies \/ 18 October 2026\n\nINSTALL: Paste this ENTIRE file into ONE Divi Code Module (HTML\/Text mode).\nUse a regular Section > one-column Row > Code Module.\nSection: padding 0 on all sides. Row: width 100%, max-width 100%, padding 0,\ngutter width 1. Column and Code Module: padding\/margin 0. Disable row animation.\nKeep the default page template so your Theme Builder header can appear.\nDo not paste this into a Text Module or WordPress's visual text editor.\n\nTHEME BUILDER HEADER: Build separately using Divi's native Menu Module.\nWhite background; row width 100%, max-width 100%, horizontal padding 4%; about 20px vertical padding.\nExisting logo: https:\/\/wildwoodsnj.com\/wp-content\/themes\/wildwoodstheme\/frontend\/wildwoodstheme\/css\/Wildwoods-NJ-Logo.png\nUpload a copy to your WP Media Library; use approximately 180px desktop \/ 140px mobile.\nSuggested menu (Custom Links; anchors are already present in this module):\n Stay           \/#ww-stay\n Things to Do   \/#ww-explore\n Eat & Drink    \/#ww-dining\n Events         \/#ww-events\n Visitor Info   \/#ww-visitor-info\nUse absolute demo-homepage URLs instead if this page is not yet the site's front page.\nNative Menu Module font: Arial or your chosen site sans-serif, 16px, semibold.\nMenu text #123D55; active\/hover #087EAD; mobile menu background white.\nOptional utility row: background #123D55; WHITE links at 14px, with:\n Convention Center https:\/\/wildwoodsnj.com\/convention-center\/\n Business Info https:\/\/wildwoodsnj.com\/business-info\/\n Webcam https:\/\/wildwoodsnj.com\/view-webcam\/\n Contact https:\/\/wildwoodsnj.com\/contact-us\/\nThese utility destinations are on the existing site during the demo.\n\nSCOPE: Homepage concept only. No accounts, AI API, app, submissions, or event feed.\nThe assistant has three PREWRITTEN samples and is visibly labeled as such.\nEvents are a fixed November 2026 editorial selection, not a live feed.\nExisting-site links open in a new tab; in-page navigation stays on the demo.\nThe module deliberately does not replace your global header or footer.\n\nPHOTOS: URLs below reference the customer's current site. For a reliable\npresentation, upload the approved originals to this WordPress Media Library\nand replace each image src. The fallback\/mobile beach image is 850px wide. Replace with a higher-resolution\napproved original for a sharper desktop fallback.\nHERO: Full viewport height less the space occupied by the header. Bottom callouts\nkeep the main video area clear. Desktop callouts use a translucent sand strip.\nMobile has compact links over a soft sand gradient on the beach image.\nSand accent #F3DFBC replaces yellow throughout.\nVIDEO: Desktop widths over 980px only. Muted loop with an icon-only mute\/unmute control; no pause control.\nMobile\/tablet widths of 980px or less never receive a video src on initial load.\nReduced motion and browser data-saving preferences also use the still image.\nIf switching from desktop to mobile, playback stops and the source is removed;\nalready transferred bytes cannot be undone. No mobile-video file is needed now.\nLater: commission a short, separately framed 9:16 mobile cut, rather than cropping\nthis landscape commercial. Keep the image as an optional lightweight alternative.\nFULL WIDTH: The module measures the visible viewport (excluding the scrollbar)\nand expands symmetrically beyond a centered Divi row. Still use the row settings\nabove; disable Divi boxed layout, row animation, and ancestor overflow clipping.\nNo external fonts, JavaScript packages, tracking, cookies, or API keys are used.\nAll CSS is scoped to #ww-home; JavaScript is scoped and safe to initialize twice.\nCheck the saved front end after pasting; Divi may not execute JS in Visual Builder.\nThe exact installed Divi version\/theme settings have not been tested here.\n-->\n\n<style>\n#ww-home {\n  --ww-ink:#123d55; --ww-blue:#087ead; --ww-sand-accent:#f3dfbc; --ww-aqua:#42c9cf;\n  --ww-sand:#fff6e7; --ww-muted:#4b6675; --ww-line:#d1e5ec;\n  color:var(--ww-ink); background:#fff; font-family:Arial,Helvetica,sans-serif;\n  font-size:17px; line-height:1.65; text-align:left; width:var(--ww-viewport,100%); max-width:none;\n  margin-inline:calc((100% - var(--ww-viewport,100%))\/2);\n  isolation:isolate; overflow-wrap:break-word;\n}\n#ww-home *,#ww-home *::before,#ww-home *::after { box-sizing:border-box; }\n#ww-home [hidden] { display:none!important; }\n#ww-home h1,#ww-home h2,#ww-home h3,#ww-home p { margin:0; padding:0; }\n#ww-home h1,#ww-home h2,#ww-home h3 { color:var(--ww-ink); font-family:inherit; font-weight:700; }\n#ww-home h2 { font-size:clamp(30px,3.5vw,44px); line-height:1.13; letter-spacing:-1.2px; }\n#ww-home h3 { font-size:23px; line-height:1.25; letter-spacing:-.4px; }\n#ww-home a { color:inherit; text-decoration:none; }\n#ww-home button { font:inherit; cursor:pointer; text-transform:none; letter-spacing:normal; }\n#ww-home img { display:block; max-width:100%; }\n#ww-home a:focus-visible,#ww-home button:focus-visible { outline:3px solid #087ead; outline-offset:5px; }\n#ww-home section[id],#ww-home article[id] { scroll-margin-top:140px; }\n#ww-home .ww-wrap { width:calc(100% - clamp(48px,8vw,160px)); margin-inline:auto; }\n#ww-home .ww-section { padding-block:78px; }\n#ww-home .ww-eyebrow { display:block; font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:16px; }\n#ww-home .ww-copy { color:var(--ww-muted); }\n#ww-home .ww-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:50px; padding:13px 22px; border:1px solid transparent; border-radius:5px; font-weight:700; font-size:15px; line-height:1.4; transition:background .2s,color .2s; }\n#ww-home .ww-button-primary { background:var(--ww-sand-accent); color:#123d55; }\n#ww-home .ww-button-primary:hover { background:#fff0d8; }\n#ww-home .ww-button-blue { background:var(--ww-blue); color:white; }\n#ww-home .ww-button-blue:hover { background:#066d97; }\n#ww-home .ww-button-outline { border-color:#d8edf5; color:#fff; background:transparent; }\n#ww-home .ww-button-outline:hover { background:#ffffff14; }\n#ww-home .ww-link { display:inline-flex; gap:16px; align-items:center; font-size:15px; font-weight:700; text-decoration:underline; text-underline-offset:5px; }\n#ww-home .ww-link:hover { color:#087ead; }\n#ww-home .ww-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }\n#ww-home .ww-note { font-size:13px; line-height:1.5; color:var(--ww-muted); }\n\n\/* Full-screen destination media with callouts anchored to the bottom. *\/\n#ww-home .ww-hero { background:var(--ww-ink); position:relative; display:flex; align-items:flex-end; min-height:calc(100vh - var(--ww-header-space,100px)); min-height:max(520px,calc(100svh - var(--ww-header-space,100px))); overflow:hidden; }\n#ww-home .ww-hero-media { position:absolute; inset:0; }\n#ww-home .ww-hero-image,#ww-home .ww-hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }\n#ww-home .ww-hero-video { opacity:0; pointer-events:none; }\n#ww-home .ww-hero.ww-video-playing .ww-hero-video { opacity:1; }\n#ww-home .ww-hero::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,37,56,.32),transparent 42%); pointer-events:none; }\n#ww-home .ww-hero-bottom { position:relative; z-index:1; width:100%; display:grid; grid-template-columns:1.2fr repeat(3,1fr); align-items:stretch; padding:26px clamp(24px,4vw,80px); gap:0; color:var(--ww-ink); background:rgba(255,246,231,.94); border-top:1px solid rgba(255,255,255,.65); }\n#ww-home .ww-hero-heading { align-self:center; padding-right:30px; }\n#ww-home .ww-hero .ww-eyebrow { color:#20637c; margin-bottom:10px; font-size:11px; letter-spacing:1.6px; }\n#ww-home h1 { color:var(--ww-ink); font-size:clamp(26px,2.5vw,38px); line-height:1.1; letter-spacing:-1px; margin:0; }\n#ww-home .ww-callout { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 24px; border-left:1px solid #123d552b; transition:background .2s; }\n#ww-home .ww-callout:hover { background:#ffffff65; }\n#ww-home .ww-callout strong { color:var(--ww-ink); display:block; font-size:clamp(17px,1.4vw,22px); line-height:1.25; }\n#ww-home .ww-callout small { display:block; color:#4b6675; margin-top:7px; font-size:13px; line-height:1.5; }\n#ww-home .ww-callout-arrow { color:var(--ww-blue); font-size:25px; flex-shrink:0; }\n#ww-home .ww-small-label { display:none; }\n#ww-home .ww-video-sound { position:absolute; z-index:2; right:clamp(20px,4vw,80px); top:24px; width:48px; height:48px; display:grid; place-items:center; padding:0; border:1px solid #ffffffb3; background:rgba(255,246,231,.94); color:var(--ww-ink); border-radius:50%; box-shadow:0 2px 12px #123d5526; }\n#ww-home .ww-video-sound:hover { background:#fff; }\n#ww-home .ww-video-sound svg { display:block; width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }\n#ww-home .ww-video-sound .ww-sound-waves { display:none; }\n#ww-home .ww-video-sound[aria-pressed=\"true\"] .ww-sound-waves { display:block; }\n#ww-home .ww-video-sound[aria-pressed=\"true\"] .ww-sound-slash { display:none; }\n#ww-home .ww-hero a:focus-visible,#ww-home .ww-video-sound:focus-visible { outline-color:var(--ww-blue); outline-offset:-4px; }\n#ww-home .ww-intro-bar { background:var(--ww-sand); border-bottom:0; border-top:5px solid var(--ww-aqua); }\n#ww-home .ww-intro-inner { display:flex; justify-content:space-between; align-items:center; gap:22px; min-height:76px; padding-block:18px; }\n#ww-home .ww-intro-inner p { font-size:14px; }\n#ww-home .ww-intro-inner .ww-link { flex-shrink:0; }\n\n#ww-home .ww-section-head { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:30px; }\n#ww-home .ww-section-head p { max-width:360px; font-size:16px; }\n#ww-home .ww-explore-grid { display:grid; grid-template-columns:1.16fr 1fr 1fr; gap:22px; }\n#ww-home .ww-card { min-width:0; }\n#ww-home .ww-card-link { display:block; }\n#ww-home .ww-card-photo { height:clamp(265px,24vw,420px); overflow:hidden; border-radius:0; background:#d4edf5; }\n#ww-home .ww-card-photo img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }\n#ww-home .ww-card-link:hover img { transform:scale(1.035); }\n#ww-home .ww-card-title { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; }\n#ww-home .ww-card-title>span { display:grid; place-items:center; border:1px solid #99c9dc; border-radius:50%; width:36px; height:36px; flex-shrink:0; font-size:20px; }\n#ww-home .ww-card p { margin-top:9px; font-size:15px; color:var(--ww-muted); }\n#ww-home .ww-more { border-top:1px solid var(--ww-line); padding-top:22px; margin-top:30px; display:flex; flex-wrap:wrap; gap:10px 30px; }\n#ww-home .ww-more a { font-size:14px; padding-block:8px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }\n\n#ww-home .ww-events { background:var(--ww-sand); }\n#ww-home .ww-events-layout { display:grid; grid-template-columns:.9fr 1.2fr; gap:70px; }\n#ww-home .ww-events-intro p { margin-top:20px; }\n#ww-home .ww-events-intro .ww-link { margin-top:24px; }\n#ww-home .ww-event { display:flex; gap:23px; align-items:center; padding:25px 0; border-top:1px solid #d6dedf; }\n#ww-home .ww-event:last-of-type { border-bottom:1px solid #d6dedf; }\n#ww-home .ww-event time { flex:0 0 64px; display:grid; text-align:center; line-height:1; color:var(--ww-blue); }\n#ww-home .ww-event time span { font-size:12px; font-weight:700; letter-spacing:1.5px; margin-bottom:7px; }\n#ww-home .ww-event time strong { font-size:40px; font-weight:700; }\n#ww-home .ww-event h3 { font-size:20px; }\n#ww-home .ww-event p { font-size:14px; margin-top:6px; color:var(--ww-muted); }\n#ww-home .ww-event:hover h3 { text-decoration:underline; text-underline-offset:4px; }\n#ww-home .ww-events-list>.ww-note { margin-top:18px; }\n\n#ww-home .ww-stay-layout { display:grid; grid-template-columns:1.08fr 1fr; gap:65px; align-items:center; }\n#ww-home .ww-stay-photo { width:100%; height:365px; object-fit:cover; border-radius:0; background:#d4edf5; }\n#ww-home .ww-stay-copy>p { margin-top:22px; }\n#ww-home .ww-stay-copy .ww-link { margin-top:22px; }\n\n#ww-home .ww-assistant { background:#e5f8fb; }\n#ww-home .ww-assistant-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }\n#ww-home .ww-assistant-copy>p { margin-top:20px; }\n#ww-home .ww-sample-badge { display:inline-block; margin-top:24px; color:#123d55; border:1px solid #86cbd5; border-radius:4px; padding:6px 11px; font-size:12px; font-weight:700; }\n#ww-home .ww-chat { background:white; border:1px solid #b4dce6; border-radius:12px; box-shadow:0 12px 40px #173f4610; overflow:hidden; }\n#ww-home .ww-chat-header { display:flex; align-items:center; gap:12px; padding:20px 24px; border-bottom:1px solid #d5edf3; }\n#ww-home .ww-chat-icon { display:grid; place-items:center; width:40px; height:40px; background:var(--ww-blue); color:white; border-radius:12px; flex-shrink:0; font-size:23px; }\n#ww-home .ww-chat-header strong { font-size:16px; }\n#ww-home .ww-chat-header small { display:block; font-size:12px; color:var(--ww-muted); line-height:1.5; }\n#ww-home .ww-chat-body { padding:24px; }\n#ww-home .ww-chat-body>p { font-size:15px; }\n#ww-home .ww-prompts { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }\n#ww-home .ww-prompts button { background:white; color:var(--ww-ink); border:1px solid #a4cbd9; border-radius:6px; padding:10px 13px; font-size:13px; min-height:44px; line-height:1.35; }\n#ww-home .ww-prompts button:hover { background:#edf9fc; }\n#ww-home .ww-prompts button[aria-pressed=\"true\"] { background:var(--ww-blue); border-color:var(--ww-blue); color:white; }\n#ww-home .ww-answer { margin-top:20px; padding:19px; background:#edf9fc; border-radius:0 9px 9px 9px; }\n#ww-home .ww-answer p { font-size:14px; }\n#ww-home .ww-answer strong { display:block; font-size:12px; color:#315f75; margin-bottom:8px; }\n#ww-home .ww-answer .ww-link { font-size:13px; margin-top:12px; }\n#ww-home .ww-chat-body>.ww-note { margin-top:16px; font-size:12px; }\n\n#ww-home .ww-info-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--ww-line); margin-top:28px; }\n#ww-home .ww-info-item { padding:26px 20px 12px 0; }\n#ww-home .ww-info-item+.ww-info-item { padding-left:24px; border-left:1px solid var(--ww-line); }\n#ww-home .ww-info-item h3 { font-size:18px; }\n#ww-home .ww-info-item p { font-size:14px; color:var(--ww-muted); margin-block:10px 16px; }\n#ww-home .ww-info-item .ww-link { font-size:14px; }\n#ww-home .ww-ending { background:var(--ww-ink); color:white; padding-block:38px; }\n#ww-home .ww-ending-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }\n#ww-home .ww-ending h2 { font-size:28px; letter-spacing:-.5px; color:white; }\n#ww-home .ww-ending p { font-size:15px; color:#e3f5ff; margin-top:8px; }\n#ww-home .ww-demo-note { padding:14px 24px; text-align:center; color:#4b6675; background:#f3f9fc; font-size:12px; line-height:1.6; }\n\n@media (max-width:980px) {\n  #ww-home .ww-wrap { width:calc(100% - 40px); }\n  #ww-home .ww-hero-bottom { grid-template-columns:repeat(3,minmax(0,1fr)); padding:100px 24px 25px; border:0; background:linear-gradient(0deg,rgba(255,246,231,.98) 0%,rgba(255,246,231,.94) 62%,rgba(255,246,231,0) 100%); }\n  #ww-home .ww-hero::after { display:none; }\n  #ww-home .ww-hero-heading { grid-column:1\/-1; padding:0 0 18px; }\n  #ww-home .ww-callout { padding:16px; }\n  #ww-home .ww-callout:first-of-type { border-left:0; }\n  #ww-home .ww-hero { min-height:calc(100svh - var(--ww-header-space,100px)); min-height:max(580px,calc(100svh - var(--ww-header-space,100px))); }\n  #ww-home .ww-hero-video,#ww-home .ww-video-sound { display:none!important; }\n  #ww-home h1 { font-size:32px; }\n  #ww-home .ww-explore-grid { gap:18px; grid-template-columns:repeat(3,minmax(0,1fr)); }\n  #ww-home .ww-card-photo { height:210px; }\n  #ww-home .ww-card h3 { font-size:20px; }\n  #ww-home .ww-events-layout,#ww-home .ww-stay-layout,#ww-home .ww-assistant-layout { gap:35px; }\n  #ww-home .ww-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }\n  #ww-home .ww-info-item:nth-child(3) { border-left:0; padding-left:0; }\n  #ww-home .ww-info-item:nth-child(n+3) { border-top:1px solid var(--ww-line); }\n}\n@media (max-width:700px) {\n  #ww-home { font-size:16px; }\n  #ww-home .ww-section { padding-block:48px; }\n  #ww-home .ww-hero-bottom { grid-template-columns:repeat(3,minmax(0,1fr)); padding:100px 22px 22px; }\n  #ww-home .ww-hero-heading { padding-bottom:22px; }\n  #ww-home .ww-callout { justify-content:center; text-align:center; min-height:52px; padding:10px 6px; border-top:1px solid #123d552b; }\n  #ww-home .ww-callout strong { font-size:16px; }\n  #ww-home .ww-callout small,#ww-home .ww-callout-arrow,#ww-home .ww-wide-label { display:none; }\n  #ww-home .ww-small-label { display:inline; }\n  #ww-home .ww-hero-image { object-position:60% center; }\n  #ww-home h1 { font-size:30px; letter-spacing:-.7px; }\n  #ww-home .ww-intro-inner { display:block; }\n  #ww-home .ww-intro-inner .ww-link { margin-top:10px; }\n  #ww-home .ww-section-head { display:block; }\n  #ww-home .ww-section-head>p { margin-top:18px; max-width:none; }\n  #ww-home .ww-explore-grid { grid-template-columns:1fr; gap:30px; }\n  #ww-home .ww-card-photo { height:250px; }\n  #ww-home .ww-card h3 { font-size:23px; }\n  #ww-home .ww-events-layout,#ww-home .ww-stay-layout,#ww-home .ww-assistant-layout { grid-template-columns:1fr; gap:28px; }\n  #ww-home .ww-stay-photo { height:260px; }\n  #ww-home .ww-chat-body,#ww-home .ww-chat-header { padding:20px; }\n  #ww-home .ww-ending-inner { display:block; }\n  #ww-home .ww-ending .ww-button { margin-top:22px; }\n  #ww-home .ww-event { gap:16px; }\n}\n@media (max-width:380px) {\n  #ww-home .ww-info-grid { grid-template-columns:1fr; }\n  #ww-home .ww-info-item+.ww-info-item { padding-left:0; border-left:0; border-top:1px solid var(--ww-line); }\n  #ww-home .ww-actions { flex-direction:column; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #ww-home *,#ww-home *::before,#ww-home *::after { transition:none!important; animation:none!important; }\n  #ww-home .ww-hero-video,#ww-home .ww-video-sound { display:none!important; }\n}\n<\/style>\n\n<div id=\"ww-home\">\n  <section class=\"ww-hero\" aria-labelledby=\"ww-title\">\n    <div class=\"ww-hero-media\" aria-hidden=\"true\">\n      <img class=\"ww-hero-image\" src=\"https:\/\/wildwoodsnj.com\/wp-content\/uploads\/2019\/06\/sand-beaches-wildwoods.jpg\" alt=\"\" width=\"850\" height=\"590\" fetchpriority=\"high\" decoding=\"async\">\n      <!-- No src or source element here: mobile browsers must not fetch the MP4. -->\n      <video id=\"ww-hero-video\" class=\"ww-hero-video\" data-desktop-src=\"https:\/\/wildwoodsnj.com\/wp-content\/uploads\/2025\/04\/Wildwoods-Commercial\/Wildwoods-video.mp4\" muted loop playsinline preload=\"none\" disablepictureinpicture tabindex=\"-1\"><\/video>\n    <\/div>\n    <div class=\"ww-hero-bottom\">\n      <div class=\"ww-hero-heading\">\n        <span class=\"ww-eyebrow\">The Wildwoods \u2022 New Jersey<\/span>\n        <h1 id=\"ww-title\">Your kind of<br>shore escape.<\/h1>\n      <\/div>\n      <a class=\"ww-callout\" href=\"#ww-explore\"><span><strong><span class=\"ww-wide-label\">Find your fun<\/span><span class=\"ww-small-label\">Explore<\/span><\/strong><small>Beaches, boardwalk &amp; beyond<\/small><\/span><span class=\"ww-callout-arrow\" aria-hidden=\"true\">\u2197<\/span><\/a>\n      <a class=\"ww-callout\" href=\"#ww-stay\"><span><strong><span class=\"ww-wide-label\">Stay by the shore<\/span><span class=\"ww-small-label\">Stay<\/span><\/strong><small>Find your home away from home<\/small><\/span><span class=\"ww-callout-arrow\" aria-hidden=\"true\">\u2197<\/span><\/a>\n      <a class=\"ww-callout\" href=\"#ww-events\"><span><strong><span class=\"ww-wide-label\">What\u2019s happening<\/span><span class=\"ww-small-label\">Events<\/span><\/strong><small>Make an event part of your visit<\/small><\/span><span class=\"ww-callout-arrow\" aria-hidden=\"true\">\u2197<\/span><\/a>\n    <\/div>\n    <button class=\"ww-video-sound\" type=\"button\" aria-label=\"Unmute video\" title=\"Unmute video\" aria-pressed=\"false\" aria-controls=\"ww-hero-video\" hidden>\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M11 5 6 9H3v6h3l5 4z\"\/><path class=\"ww-sound-slash\" d=\"m16 9 5 6m0-6-5 6\"\/><path class=\"ww-sound-waves\" d=\"M15 8a6 6 0 0 1 0 8m3-11a10 10 0 0 1 0 14\"\/><\/svg>\n    <\/button>\n  <\/section>\n\n  <div class=\"ww-intro-bar\">\n    <div class=\"ww-wrap ww-intro-inner\">\n      <p><strong>Make yourself at home.<\/strong> North Wildwood \u00b7 Wildwood \u00b7 Wildwood Crest<\/p>\n      <a class=\"ww-link\" href=\"#ww-assistant\">Need ideas? Meet your trip assistant <span aria-hidden=\"true\">\u2197<\/span><\/a>\n    <\/div>\n  <\/div>\n\n  <section id=\"ww-explore\" class=\"ww-section\" aria-labelledby=\"ww-explore-title\">\n    <div class=\"ww-wrap\">\n      <div class=\"ww-section-head\">\n        <div><span class=\"ww-eyebrow\">Come for the beach. Stay for everything else.<\/span><h2 id=\"ww-explore-title\">What\u2019s your kind of fun?<\/h2><\/div>\n        <p class=\"ww-copy\">Fill your day with adventure, slow things down by the ocean, or follow your appetite.<\/p>\n      <\/div>\n      <div class=\"ww-explore-grid\">\n        <article class=\"ww-card\">\n          <a class=\"ww-card-link\" href=\"https:\/\/wildwoodsnj.com\/so-much-to-do\/boardwalk\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"ww-card-photo\"><img src=\"https:\/\/wildwoodsnj.com\/wp-content\/uploads\/2024\/07\/Wildwoods-Boardwalk-768x514.jpg\" alt=\"Colorful amusement rides lighting up the Wildwoods Boardwalk\" width=\"768\" height=\"514\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"ww-card-title\"><h3>Boardwalk &amp; amusements<\/h3><span aria-hidden=\"true\">\u2197<\/span><\/div>\n            <p>Ride the rides. Play one more game. Make a night of it.<\/p>\n          <\/a>\n        <\/article>\n        <article class=\"ww-card\">\n          <a class=\"ww-card-link\" href=\"https:\/\/wildwoodsnj.com\/so-much-to-do\/beaches\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"ww-card-photo\"><img src=\"https:\/\/wildwoodsnj.com\/wp-content\/uploads\/2019\/06\/sand-beaches-wildwoods.jpg\" alt=\"The wide sandy beaches of the Wildwoods\" width=\"850\" height=\"590\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"ww-card-title\"><h3>Beach days<\/h3><span aria-hidden=\"true\">\u2197<\/span><\/div>\n            <p>Room to stretch out, splash around, and do absolutely nothing.<\/p>\n          <\/a>\n        <\/article>\n        <article class=\"ww-card\" id=\"ww-dining\">\n          <a class=\"ww-card-link\" href=\"https:\/\/wildwoodsnj.com\/plan-a-vacation\/places-to-eat\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"ww-card-photo\"><img src=\"https:\/\/wildwoodsnj.com\/wp-content\/uploads\/2021\/02\/wildwoods-dining-options-min.jpg\" alt=\"Dining in the Wildwoods\" width=\"476\" height=\"590\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"ww-card-title\"><h3>Eat &amp; drink<\/h3><span aria-hidden=\"true\">\u2197<\/span><\/div>\n            <p>From your first cup of coffee to your favorite vacation dinner.<\/p>\n          <\/a>\n        <\/article>\n      <\/div>\n      <div class=\"ww-more\" aria-label=\"More things to do\">\n        <a href=\"https:\/\/wildwoodsnj.com\/so-much-to-do\/outdoor-activities\/\" target=\"_blank\" rel=\"noopener\">Outdoor adventures \u2197<\/a>\n        <a href=\"https:\/\/wildwoodsnj.com\/so-much-to-do\/historical-cultural-attractions\/\" target=\"_blank\" rel=\"noopener\">History &amp; culture \u2197<\/a>\n        <a href=\"https:\/\/wildwoodsnj.com\/so-much-to-do\/nightlife\/\" target=\"_blank\" rel=\"noopener\">After dark \u2197<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"ww-events\" class=\"ww-section ww-events\" aria-labelledby=\"ww-events-title\">\n    <div class=\"ww-wrap ww-events-layout\">\n      <div class=\"ww-events-intro\">\n        <span class=\"ww-eyebrow\">Worth putting on your calendar<\/span>\n        <h2 id=\"ww-events-title\">Good times.<br>All year long.<\/h2>\n        <p class=\"ww-copy\">Make an event the reason for your visit. Explore community celebrations, family activities, and something a little unexpected.<\/p>\n        <a class=\"ww-link\" href=\"https:\/\/wildwoodsnj.com\/events-calendar\/\" target=\"_blank\" rel=\"noopener\">Explore the full calendar <span aria-hidden=\"true\">\u2197<\/span><\/a>\n      <\/div>\n      <div class=\"ww-events-list\">\n        <span class=\"ww-eyebrow\">November highlights \u00b7 2026<\/span>\n        <a class=\"ww-event\" href=\"https:\/\/wildwoodsnj.com\/event\/north-wildwood-veterans-day-services-2\/\" target=\"_blank\" rel=\"noopener\">\n          <time datetime=\"2026-11-11\"><span>NOV<\/span><strong>11<\/strong><\/time>\n          <div><h3>Veterans Day Services<\/h3><p>North Wildwood \u00b7 A community remembrance<\/p><\/div>\n        <\/a>\n        <a class=\"ww-event\" href=\"https:\/\/wildwoodsnj.com\/event\/christmasween-new\/\" target=\"_blank\" rel=\"noopener\">\n          <time datetime=\"2026-11-14\"><span>NOV<\/span><strong>14<\/strong><\/time>\n          <div><h3>Christmasween<\/h3><p>Wildwoods Convention Center \u00b7 Family fun<\/p><\/div>\n        <\/a>\n        <p class=\"ww-note\">Sample selection for this design preview. Open an event for its current details.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"ww-stay\" class=\"ww-section\" aria-labelledby=\"ww-stay-title\">\n    <div class=\"ww-wrap ww-stay-layout\">\n      <img class=\"ww-stay-photo\" src=\"https:\/\/wildwoodsnj.com\/wp-content\/uploads\/2021\/02\/places-to-stay-Hotels-Motels-BedBreakfast.jpg\" alt=\"A place to stay in the Wildwoods\" width=\"800\" height=\"500\" loading=\"lazy\" decoding=\"async\">\n      <div class=\"ww-stay-copy\">\n        <span class=\"ww-eyebrow\">Stay a little longer<\/span>\n        <h2 id=\"ww-stay-title\">Your home away<br>from the everyday.<\/h2>\n        <p class=\"ww-copy\">A classic shore motel. A family hotel. A vacation rental with room for everyone. Find the place that makes your Wildwoods trip feel like yours.<\/p>\n        <div class=\"ww-actions\"><a class=\"ww-button ww-button-blue\" href=\"https:\/\/lodging.wildwoodsnj.com\/\" target=\"_blank\" rel=\"noopener\">Browse hotels &amp; motels <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div>\n        <a class=\"ww-link\" href=\"https:\/\/wildwoodsnj.com\/plan-a-vacation\/places-to-stay\/#rentals\" target=\"_blank\" rel=\"noopener\">Explore vacation rentals <span aria-hidden=\"true\">\u2197<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"ww-assistant\" class=\"ww-section ww-assistant\" aria-labelledby=\"ww-assistant-title\">\n    <div class=\"ww-wrap ww-assistant-layout\">\n      <div class=\"ww-assistant-copy\">\n        <span class=\"ww-eyebrow\">A little help finding your happy place<\/span>\n        <h2 id=\"ww-assistant-title\">Less searching.<br>More shore time.<\/h2>\n        <p class=\"ww-copy\">Imagine asking a question and getting a helpful starting point for your visit, with links to explore the details.<\/p>\n        <p class=\"ww-copy\">This preview shows how a future Wildwoods AI assistant could help you discover things to do, places to eat, and practical visitor information.<\/p>\n        <span class=\"ww-sample-badge\">Proposed feature \u00b7 Interactive sample<\/span>\n      <\/div>\n      <div class=\"ww-chat\" aria-label=\"Wildwoods assistant demonstration\">\n        <div class=\"ww-chat-header\"><span class=\"ww-chat-icon\" aria-hidden=\"true\">\u2726<\/span><div><strong>Ask the Wildwoods<\/strong><small>Your trip, with a little local inspiration<\/small><\/div><\/div>\n        <div class=\"ww-chat-body\">\n          <p><strong>What would make your visit special?<\/strong><br>Choose a sample question to get started.<\/p>\n          <div class=\"ww-prompts\" role=\"group\" aria-label=\"Sample questions\" hidden>\n            <button type=\"button\" data-ww-question=\"family\" aria-pressed=\"true\" aria-controls=\"ww-answer\">A day with the kids<\/button>\n            <button type=\"button\" data-ww-question=\"dining\" aria-pressed=\"false\" aria-controls=\"ww-answer\">Find somewhere to eat<\/button>\n            <button type=\"button\" data-ww-question=\"beach\" aria-pressed=\"false\" aria-controls=\"ww-answer\">Plan a beach day<\/button>\n          <\/div>\n          <div class=\"ww-answer\" id=\"ww-answer\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n            <strong>Sample answer \u00b7 A day with the kids<\/strong>\n            <p>Start with time on the beach, then explore the Boardwalk for games, treats, and amusements. Check individual attraction hours before visiting, especially outside the summer season.<\/p>\n            <a class=\"ww-link\" href=\"https:\/\/wildwoodsnj.com\/so-much-to-do\/boardwalk\/\" target=\"_blank\" rel=\"noopener\">Explore the Boardwalk \u2197<\/a>\n          <\/div>\n          <p class=\"ww-note\">Prepared examples, not live AI. No messages or personal information are collected.<\/p>\n          <noscript><p class=\"ww-note\">Enable JavaScript to switch between the three sample answers.<\/p><\/noscript>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"ww-visitor-info\" class=\"ww-section\" aria-labelledby=\"ww-info-title\">\n    <div class=\"ww-wrap\">\n      <span class=\"ww-eyebrow\">A few things before you go<\/span>\n      <h2 id=\"ww-info-title\">Make the most of your visit.<\/h2>\n      <div class=\"ww-info-grid\">\n        <div class=\"ww-info-item\"><h3>Beach information<\/h3><p>Find practical details to help plan your day by the water.<\/p><a class=\"ww-link\" href=\"https:\/\/wildwoodsnj.com\/visitor-information\/beach-information\/\" target=\"_blank\" rel=\"noopener\">Beach guide \u2197<\/a><\/div>\n        <div class=\"ww-info-item\"><h3>Getting here<\/h3><p>Plan your route and explore transportation options.<\/p><a class=\"ww-link\" href=\"https:\/\/wildwoodsnj.com\/visitor-information\/directions\/\" target=\"_blank\" rel=\"noopener\">Directions \u2197<\/a><\/div>\n        <div class=\"ww-info-item\"><h3>Take a look around<\/h3><p>Get a little taste of the shore before you arrive.<\/p><a class=\"ww-link\" href=\"https:\/\/wildwoodsnj.com\/view-webcam\/\" target=\"_blank\" rel=\"noopener\">View webcam \u2197<\/a><\/div>\n        <div class=\"ww-info-item\"><h3>Have a question?<\/h3><p>Get in touch for help planning your Wildwoods visit.<\/p><a class=\"ww-link\" href=\"tel:+18009929732\">800-992-9732<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ww-ending\" aria-labelledby=\"ww-news-title\">\n    <div class=\"ww-wrap ww-ending-inner\">\n      <div><h2 id=\"ww-news-title\">Keep a little Wildwoods in your inbox.<\/h2><p>Discover events, vacation inspiration, and reasons to come back.<\/p><\/div>\n      <a class=\"ww-button ww-button-primary\" href=\"https:\/\/wildwoodsnj.com\/sign-up-for-our-newsletter\/\" target=\"_blank\" rel=\"noopener\">Get Wildwoods updates <span aria-hidden=\"true\">\u2197<\/span><\/a>\n    <\/div>\n  <\/section>\n  <p class=\"ww-demo-note\">Design concept by MagicBrain Technologies. Destination links open the existing Wildwoods website in a new tab.<\/p>\n<\/div>\n\n<script>\n(function () {\n  'use strict';\n  var root = document.getElementById('ww-home');\n  if (!root || root.dataset.wwReady === 'true') return;\n  \/\/ Measure the viewport excluding its scrollbar; break out of a centered Divi row.\n  function sizePage() {\n    root.style.setProperty('--ww-viewport', document.documentElement.clientWidth + 'px');\n    var topSpace = Math.max(0, root.getBoundingClientRect().top + window.scrollY);\n    root.style.setProperty('--ww-header-space', Math.min(topSpace, 300) + 'px');\n  }\n  sizePage();\n  window.addEventListener('load', sizePage, { once:true });\n  var resizePending = false;\n  window.addEventListener('resize', function () {\n    if (resizePending) return;\n    resizePending = true;\n    window.requestAnimationFrame(function () { sizePage(); resizePending = false; });\n  });\n\n  var video = root.querySelector('.ww-hero-video');\n  var hero = root.querySelector('.ww-hero');\n  var sound = root.querySelector('.ww-video-sound');\n  if (video && hero && sound && window.matchMedia) {\n    var desktop = window.matchMedia('(min-width: 981px)');\n    var motion = window.matchMedia('(prefers-reduced-motion: reduce)');\n    var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;\n    var failed = false;\n    function eligible() { return desktop.matches && !motion.matches && !(connection && connection.saveData); }\n    function updateSound() {\n      var audible = !video.muted;\n      sound.setAttribute('aria-pressed', audible ? 'true' : 'false');\n      sound.setAttribute('aria-label', audible ? 'Mute video' : 'Unmute video');\n      sound.title = audible ? 'Mute video' : 'Unmute video';\n    }\n    function tryPlay() {\n      var request = video.play();\n      if (request && request.catch) request.catch(function () {\n        \/\/ Autoplay denied: keep the still image, with no playback controls.\n        if (video.paused) { hero.classList.remove('ww-video-playing'); sound.hidden = true; }\n      });\n    }\n    function syncVideo() {\n      if (!eligible() || failed) {\n        video.pause();\n        video.muted = true;\n        hero.classList.remove('ww-video-playing');\n        sound.hidden = true;\n        updateSound();\n        if (video.hasAttribute('src')) { video.removeAttribute('src'); video.load(); }\n        return;\n      }\n      if (!video.hasAttribute('src')) {\n        video.muted = true;\n        updateSound();\n        video.src = video.dataset.desktopSrc;\n        video.load();\n      }\n      if (!document.hidden) tryPlay();\n    }\n    video.addEventListener('playing', function () {\n      if (!eligible() || document.hidden) { video.pause(); return; }\n      hero.classList.add('ww-video-playing');\n      sound.hidden = false;\n      updateSound();\n    });\n    video.addEventListener('volumechange', updateSound);\n    video.addEventListener('error', function () { failed = true; syncVideo(); });\n    sound.addEventListener('click', function () {\n      if (!eligible()) return;\n      video.muted = !video.muted;\n      updateSound();\n      if (video.paused) tryPlay();\n    });\n    function listen(query) {\n      if (query.addEventListener) query.addEventListener('change', syncVideo);\n      else if (query.addListener) query.addListener(syncVideo);\n    }\n    listen(desktop); listen(motion);\n    if (connection && connection.addEventListener) connection.addEventListener('change', syncVideo);\n    document.addEventListener('visibilitychange', function () {\n      if (document.hidden) video.pause();\n      else syncVideo();\n    });\n    syncVideo();\n  }\n\n  var prompts = root.querySelector('.ww-prompts');\n  var answer = root.querySelector('#ww-answer');\n  if (!prompts || !answer) return;\n  var samples = {\n    family: {\n      heading:'Sample answer \u00b7 A day with the kids',\n      text:'Start with time on the beach, then explore the Boardwalk for games, treats, and amusements. Check individual attraction hours before visiting, especially outside the summer season.',\n      url:'https:\/\/wildwoodsnj.com\/so-much-to-do\/boardwalk\/', label:'Explore the Boardwalk \u2197'\n    },\n    dining: {\n      heading:'Sample answer \u00b7 Find somewhere to eat',\n      text:'Start with the dining directory to explore restaurants across the Wildwoods. Whether you want a casual bite or a sit-down meal, check the restaurant\u2019s current hours and menu before heading out.',\n      url:'https:\/\/wildwoodsnj.com\/plan-a-vacation\/places-to-eat\/', label:'Browse places to eat \u2197'\n    },\n    beach: {\n      heading:'Sample answer \u00b7 Plan a beach day',\n      text:'The Wildwoods\u2019 beaches are free to enjoy, with no beach tags required. Before you go, check the beach information page for local details and seasonal guidance.',\n      url:'https:\/\/wildwoodsnj.com\/visitor-information\/beach-information\/', label:'Read beach information \u2197'\n    }\n  };\n  prompts.addEventListener('click', function (event) {\n    var button = event.target.closest('button[data-ww-question]');\n    if (!button || !prompts.contains(button)) return;\n    var sample = samples[button.dataset.wwQuestion];\n    if (!sample) return;\n    prompts.querySelectorAll('button').forEach(function (item) {\n      item.setAttribute('aria-pressed', item === button ? 'true' : 'false');\n    });\n    var heading = document.createElement('strong'); heading.textContent = sample.heading;\n    var text = document.createElement('p'); text.textContent = sample.text;\n    var link = document.createElement('a');\n    link.className = 'ww-link'; link.href = sample.url; link.textContent = sample.label;\n    link.target = '_blank'; link.rel = 'noopener';\n    answer.replaceChildren(heading, text, link);\n  });\n  root.dataset.wwReady = 'true';\n  prompts.hidden = false;\n})();\n<\/script>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wildwoodsnj.magicbrain.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wildwoodsnj.magicbrain.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wildwoodsnj.magicbrain.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wildwoodsnj.magicbrain.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wildwoodsnj.magicbrain.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":10,"href":"https:\/\/wildwoodsnj.magicbrain.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/wildwoodsnj.magicbrain.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/wildwoodsnj.magicbrain.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}