CINXE.COM
Where to Stay in Cocoa Beach with Kids: Top 10 Family Hotels
<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="description" content="Cocoa Beach is a quintessential family vacation destination on Florida's Space Coast, where sun-soaked shores and endless activities await. With its"> <title>Where to Stay in Cocoa Beach with Kids: Top 10 Family Hotels</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/cocoa-beach-family-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Where to Stay in Cocoa Beach with Kids: Top 10 Family Hotels" /> <meta property="og:url" content="https://touristvr.com/us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/cocoa-beach-family-hotels" title="English"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-2FeebCQi.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-2FeebCQi.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "153US$", "address": { "@type": "PostalAddress", "streetAddress": "1550 North Atlantic Ave" }, "name": "Hilton Cocoa Beach Oceanfront" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "120US$", "address": { "@type": "PostalAddress", "streetAddress": "3901 N. Atlantic Ave." }, "name": "Beachside Hotel & Suites" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "209US$", "address": { "@type": "PostalAddress", "streetAddress": "3425 N. Atlantic Ave." }, "name": "Hampton Inn Cocoa Beach" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "90US$", "address": { "@type": "PostalAddress", "streetAddress": "1 Hendry Ave" }, "name": "La Quinta Inn & Suites by Wyndham Cocoa Beach Oceanfront" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "213US$", "address": { "@type": "PostalAddress", "streetAddress": "1801 S. Atlantic Avenue" }, "name": "Surf Studio Beach Resort" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "409US$", "address": { "@type": "PostalAddress", "streetAddress": "1600 N Atlantic Ave" }, "name": "The Resort on Cocoa Beach" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "160US$", "address": { "@type": "PostalAddress", "streetAddress": "1125 S. Atlantic Avenue" }, "name": "Beach Island Resort" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "87US$", "address": { "@type": "PostalAddress", "streetAddress": "3655 N Atlantic Ave" }, "name": "Cocoa Beach Suites Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "285US$", "address": { "@type": "PostalAddress", "streetAddress": "4300 Ocean Beach Blvd" }, "name": "The Inn at Cocoa Beach" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "90US$", "address": { "@type": "PostalAddress", "streetAddress": "5500 North Atlantic Avenue" }, "name": "Days Inn by Wyndham Cocoa Beach Port Canaveral" } ] } </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> </div> </div> </div> </header> <main class="trawell-post"> <div class="relative mb-8 z-[1] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-[#141312] after:opacity-40 after:z-[-1] md:mb-36"> <picture> <source srcset="https://images.touristvr.com/data/images//1080x700/14988/1498889/1498889179.JPEG" media="(min-width: 767px)"> <img class="absolute top-0 left-0 w-full h-full object-cover z-[-2]" width="100%" height="100%" src="https://images.touristvr.com/data/images//450x450/14988/1498889/1498889179.JPEG" alt=""/> </picture> <div class="relative flex flex-col items-center justify-center h-[540px] md:items-start"> <h1 class="text-6xl text-white font-bold px-5 mb-5 md:text-4xl">Family Hotels in Cocoa Beach</h1> <div class="absolute bottom-16 px-5 w-full md:bottom-[-100px] md:px-0"> <div class="max-w-[1000px] w-full mx-auto border rounded-md shadow-lg bg-white p-2 md:w-[calc(100%-40px)]"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">Cocoa Beach</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Dec 04, 2024 - Dec 05, 2024 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-600 text-white w-[150px] px-8 flex-shrink-0 h-14 md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Search <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> <div class="w-full px-9 pb-5 md:px-5 "> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/united-states-family-hotels/'>United States Family Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/hotels-florida/'>Florida Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Family Hotels in Cocoa Beach</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10 js-clk-open" data-type="filters"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Up to 100$</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">From $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Excellent 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Very good 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="best-western-cocoa-beach-hotel-suites" data-bhotel-id="best-western-cocoa-beach-hotel-suites" data-lat="28.36891" data-lng="-80.604646" data-price = "113US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13640/1364010/1364010620.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (371)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/best-western-cocoa-beach-hotel-suites" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Cocoa Beach Hotel & Suites</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">113US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="78541"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="hilton-garden-inn-cocoa-beach-oceanfront-fl" data-bhotel-id="hilton-garden-inn-cocoa-beach-oceanfront-fl" data-lat="28.3430544" data-lng="-80.6076043" data-price = "194US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15370/1537044/1537044997.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (120)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hilton-garden-inn-cocoa-beach-oceanfront-fl" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton Garden Inn Cocoa Beach-Oceanfront, Fl</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">194US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="43424"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="westgate-cocoa-beach-resort" data-bhotel-id="westgate-cocoa-beach-resort" data-lat="28.351355" data-lng="-80.60872" data-price = "139US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6665/666519/666519375.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (164)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/westgate-cocoa-beach-resort" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Westgate Cocoa Beach Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">139US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="58788"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="international-palms-resort-conference-center-cocoa-beach" data-bhotel-id="international-palms-resort-conference-center-cocoa-beach" data-lat="28.333842" data-lng="-80.610041" data-price = "74US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/4694/469483/469483044.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (514)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/international-palms-resort-conference-center-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">International Palms Resort & Conference Center Cocoa Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">74US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="184723"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="four-points-by-sheraton-cocoa-beach" data-bhotel-id="four-points-by-sheraton-cocoa-beach" data-lat="28.355538" data-lng="-80.608218" data-price = "139US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/5749/574902/574902822.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (182)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/four-points-by-sheraton-cocoa-beach-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Four Points By Sheraton Cocoa Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">139US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="243738"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="surf-studio-beach-resort" data-bhotel-id="surf-studio-beach-resort" data-lat="28.28825" data-lng="-80.60798" data-price = "213US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13308/1330806/1330806908.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (36)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/surf-studio-beach-resort-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Surf Studio Beach Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">213US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="865729"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="hampton-inn-cocoa-beach" data-bhotel-id="hampton-inn-cocoa-beach" data-lat="28.3497584" data-lng="-80.6078433" data-price = "209US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12794/1279406/1279406299.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (191)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hampton-inn-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hampton Inn Cocoa Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">209US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="42280"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="discovery-beach-resort-a-vri-resort" data-bhotel-id="discovery-beach-resort-a-vri-resort" data-lat="28.37079" data-lng="-80.60304" data-price = "250US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/4181/418121/418121853.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (84)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/discovery-beach-resort-a-vri-resort-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Discovery Beach Resort, A Vri Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">250US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="47105"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="cocoa-beach-suites-hotel" data-bhotel-id="cocoa-beach-suites-hotel" data-lat="28.352244" data-lng="-80.608637" data-price = "87US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/3025/302583/302583792.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (305)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/cocoa-beach-suites-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Cocoa Beach Suites Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">87US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="330054"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="hilton-cocoa-beach-oceanfront" data-bhotel-id="hilton-cocoa-beach-oceanfront" data-lat="28.33862" data-lng="-80.60793" data-price = "153US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/14985/1498515/1498515796.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (210)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hilton-cocoa-beach-oceanfront-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton Cocoa Beach Oceanfront</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">153US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="42219"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="ocean-landings-resort" data-bhotel-id="ocean-landings-resort" data-lat="28.33199" data-lng="-80.61047" data-price = "158US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/1981/198198/198198922.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (162)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/ocean-landings-resort-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ocean Landings Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">158US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="727720"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="spanish-main" data-bhotel-id="spanish-main" data-lat="28.32706" data-lng="-80.60798" data-price = "190US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15891/1589175/1589175026.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (138)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/spanish-main-aparthotel-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Spanish Main</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">190US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2413898"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="econo-lodge-cocoa-beach-near-the-port" data-bhotel-id="econo-lodge-cocoa-beach-near-the-port" data-lat="28.347743" data-lng="-80.609495" data-price = "55US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12794/1279452/1279452883.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (105)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/econo-lodge-cocoa-beach-near-the-port" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Econo Lodge Cocoa Beach - Near The Port</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">55US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="441923"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="sandcastles" data-bhotel-id="sandcastles" data-lat="28.3325" data-lng="-80.60807" data-price = "153US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6439/643973/643973442.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (47)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/sandcastles-aparthotel-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sandcastles</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">153US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2413817"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="anthonys-on-the-beach" data-bhotel-id="anthonys-on-the-beach" data-lat="28.27335" data-lng="-80.60666" data-price = "120US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13088/1308817/1308817000.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (130)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/anthony-s-on-the-beach-motel-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Anthony'S On The Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">120US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="508820"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="holiday-inn-express-hotel-suites-cocoa-beach-an-ihg-hotel" data-bhotel-id="holiday-inn-express-hotel-suites-cocoa-beach-an-ihg-hotel" data-lat="28.369096" data-lng="-80.605913" data-price = "115US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16016/1601689/1601689273.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (80)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holiday-inn-express-hotel-suites-cocoa-beach-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express Hotel & Suites Cocoa Beach, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">115US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="184676"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="lost-inn-paradise" data-bhotel-id="lost-inn-paradise" data-lat="28.27836" data-lng="-80.6076" data-price = "140US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9609/960916/960916660.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (225)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/lost-inn-paradise-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Lost Inn Paradise</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">140US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="326416"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="the-marlin-cocoa-beach" data-bhotel-id="the-marlin-cocoa-beach" data-lat="28.33309" data-lng="-80.60795" data-price = "174US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15903/1590356/1590356831.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (19)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-marlin-cocoa-beach-apartment" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Marlin - Cocoa Beach</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">174US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="408229"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="chateau-by-the-sea" data-bhotel-id="chateau-by-the-sea" data-lat="28.36653" data-lng="-80.60308" data-price = "233US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13823/1382339/1382339870.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (67)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/chateau-by-the-sea-aparthotel-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Chateau By The Sea</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">233US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2416162"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="la-quinta-inn-by-wyndham-cocoa-beach-port-canaveral" data-bhotel-id="la-quinta-inn-by-wyndham-cocoa-beach-port-canaveral" data-lat="28.333576343694748" data-lng="-80.61096550926209" data-price = "72US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16082/1608291/1608291636.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (919)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/la-quinta-inn-by-wyndham-cocoa-beach-port-canaveral" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">La Quinta Inn By Wyndham Cocoa Beach-Port Canaveral</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">72US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="59599"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="cocoa-beach-club" data-bhotel-id="cocoa-beach-club" data-lat="28.36592" data-lng="-80.60402" data-price = "518US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/5204/520441/520441926.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (14)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/cocoa-beach-club-villa" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Cocoa Beach Club</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">518US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2419947"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="la-quinta-by-wyndham-cocoa-beach-oceanfront" data-bhotel-id="la-quinta-by-wyndham-cocoa-beach-oceanfront" data-lat="28.368703" data-lng="-80.603058" data-price = "90US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12765/1276546/1276546948.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (221)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/la-quinta-by-wyndham-cocoa-beach-oceanfront-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">La Quinta By Wyndham Cocoa Beach Oceanfront</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">90US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="456851"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="inn-at-cocoa-beach" data-bhotel-id="inn-at-cocoa-beach" data-lat="28.356272" data-lng="-80.60544" data-price = "285US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12114/1211474/1211474623.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (47)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/inn-at-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Inn At Cocoa Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">285US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" > <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="sea-aire-oceanfront-inn" data-bhotel-id="sea-aire-oceanfront-inn" data-lat="28.32178" data-lng="-80.60847" data-price = "189US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10407/1040775/1040775634.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (137)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/sea-aire-oceanfront-inn-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sea Aire Oceanfront Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">189US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1131666"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="south-beach-inn-cocoa-beach" data-bhotel-id="south-beach-inn-cocoa-beach" data-lat="28.28909" data-lng="-80.608" data-price = "127US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6545/654530/654530412.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (169)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/south-beach-inn-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">South Beach Inn - Cocoa Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">127US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="651891"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="the-resort-on-cocoa-beach-a-vri-resort" data-bhotel-id="the-resort-on-cocoa-beach-a-vri-resort" data-lat="28.3393745" data-lng="-80.6101452" data-price = "409US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/776/77654/77654501.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (132)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-resort-on-cocoa-beach-a-vri-resort" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Resort On Cocoa Beach, A Vri Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">409US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="46971"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="beach-place-guesthouses" data-bhotel-id="beach-place-guesthouses" data-lat="28.29253" data-lng="-80.60806" data-price = "213US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10280/1028036/1028036110.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (109)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/beach-place-guesthouses-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Beach Place Guesthouses</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">213US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="326023"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="courtyard-by-marriott-cocoa-beach-cape-canaveral" data-bhotel-id="courtyard-by-marriott-cocoa-beach-cape-canaveral" data-lat="28.3506" data-lng="-80.607629" data-price = "189US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15880/1588093/1588093882.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (46)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/courtyard-by-marriott-cocoa-beach-cape-canaveral-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Courtyard By Marriott Cocoa Beach Cape Canaveral</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">189US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="267613"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="beach-island-resort" data-bhotel-id="beach-island-resort" data-lat="28.29822" data-lng="-80.60821" data-price = "160US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/5108/510868/510868785.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (27)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/beach-island-resort-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Beach Island Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">160US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1662057"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="cocoa-beach-towers" data-bhotel-id="cocoa-beach-towers" data-lat="28.37001" data-lng="-80.60275" data-price = "497US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6438/643862/643862718.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (8)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/cocoa-beach-towers-aparthotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Cocoa Beach Towers</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">497US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2413762"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="beachside-hotel-and-suites" data-bhotel-id="beachside-hotel-and-suites" data-lat="28.354771" data-lng="-80.608019" data-price = "120US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16236/1623656/1623656322.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (626)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/beachside-hotel-and-suites-cocoa-beach" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Beachside Hotel And Suites</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">120US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="245313"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="motel-6-cocoa-beach-fl" data-bhotel-id="motel-6-cocoa-beach-fl" data-lat="28.35287" data-lng="-80.60836" data-price = "86US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10768/1076837/1076837224.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (245)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/motel-6-cocoa-beach-fl" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Motel 6-Cocoa Beach, Fl</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">86US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="48005"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="28.33862" data-lng="-80.60793"></div> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Cocoa Beach is a quintessential family vacation destination on Florida's Space Coast, where sun-soaked shores and endless activities await. With its warm weather, beautiful beaches, and proximity to attractions like the Kennedy Space Center, it’s no wonder families flock here to create unforgettable memories. To make the most of your stay, choosing the right accommodations is essential, and Cocoa Beach family hotels offer a range of options that cater to all ages.</p><p>When selecting a family hotel in Cocoa Beach, consider amenities that enhance your experience, such as pools, beach access, and family suites. Many hotels provide kid-friendly activities and services, ensuring that your little ones are entertained while you relax. From cozy inns to larger resorts, Cocoa Beach has a variety of family-oriented options that make it easy to find the perfect base for your adventures.</p><p>Additionally, Cocoa Beach is known for its family-friendly atmosphere, where dining, shopping, and recreation come together in a vibrant coastal setting. Many hotels provide easy access to local attractions, such as the iconic Cocoa Beach Pier and Ron Jon Surf Shop, letting you explore everything the area has to offer. By staying at one of the top Cocoa Beach family hotels, you and your loved ones can look forward to a delightful getaway filled with comfort, fun, and relaxation.</p></div> </div> </div> <div class="container"> <div class="flex items-start lg:flex-wrap"> <article class="w-full mb-10 trawell-post-article post-731164" data-langcode="en" data-bcity-id="20021878" data-city-name="Cocoa Beach" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Name of hotel</span> </td> <td style="width: 135px;"> <span>Booking Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#hilton-cocoa-beach-oceanfront" class="js-clk-open" data-type="table" data-bhotel-id="42219" data-open-once data-open-passive>Hilton Cocoa Beach Oceanfront</a> </td> <td> <p> 7.5 / 10 </p> <p> (564 Reviews)</p> </td> <td> <span>From 153US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="42219">Check Price</button> </td> </tr> <tr> <td> <a href="#beachside-hotel-suites" class="js-clk-open" data-type="table" data-bhotel-id="245313" data-open-once data-open-passive>Beachside Hotel & Suites</a> </td> <td> <p> 8.2 / 10 </p> <p> (3948 Reviews)</p> </td> <td> <span>From 120US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="245313">Check Price</button> </td> </tr> <tr> <td> <a href="#hampton-inn-cocoa-beach" class="js-clk-open" data-type="table" data-bhotel-id="42280" data-open-once data-open-passive>Hampton Inn Cocoa Beach</a> </td> <td> <p> 8.3 / 10 </p> <p> (551 Reviews)</p> </td> <td> <span>From 209US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="42280">Check Price</button> </td> </tr> <tr> <td> <a href="#la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" class="js-clk-open" data-type="table" data-bhotel-id="456851" data-open-once data-open-passive>La Quinta Inn & Suites by Wyndham Cocoa Beach Oceanfront</a> </td> <td> <p> 8.3 / 10 </p> <p> (849 Reviews)</p> </td> <td> <span>From 90US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="456851">Check Price</button> </td> </tr> <tr> <td> <a href="#surf-studio-beach-resort" class="js-clk-open" data-type="table" data-bhotel-id="865729" data-open-once data-open-passive>Surf Studio Beach Resort</a> </td> <td> <p> 8.8 / 10 </p> <p> (127 Reviews)</p> </td> <td> <span>From 213US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="865729">Check Price</button> </td> </tr> </tbody> </table> </div> <div class="my-14 grid grid-cols-2 gap-4 lg:grid-cols-1"> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hilton-cocoa-beach-oceanfront" data-id="1459236" data-lat="28.33862" data-lng="-80.60793"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498515/1498515796.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14985/1498515/1498515796.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889263.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889236.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498888/1498888972.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889068.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889131.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889176.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889179.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889191.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889206.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889212.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889221.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889233.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889239.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889245.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889296.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889317.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889374.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889194.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889266.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889269.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889257.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889428.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889311.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889044.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889104.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889077.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889419.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889185.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889287.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889254.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889167.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889344.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889251.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889008.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889326.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889329.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889242.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276672/1276672675.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276673/1276673398.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498515/1498515997.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498515/1498515901.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498515/1498515991.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498516/1498516000.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276672/1276672912.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276672/1276672471.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498516/1498516006.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498516/1498516018.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889323.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276673/1276673479.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276673/1276673440.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276672/1276672078.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889092.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889182.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276671/1276671565.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889308.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276671/1276671787.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276672/1276672273.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889278.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498515/1498515856.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889155.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889299.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889089.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276673/1276673092.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889227.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276671/1276671883.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584421/1584421857.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584421/1584421853.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276671/1276671952.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889260.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889332.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889248.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889134.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889224.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889218.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889098.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12766/1276672/1276672036.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435227/1435227151.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435226/1435226902.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889281.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435226/1435226449.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889275.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435228/1435228213.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435228/1435228345.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11391/1139142/1139142193.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11391/1139142/1139142721.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11391/1139142/1139142835.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11391/1139142/1139142925.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435227/1435227955.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435228/1435228069.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435228/1435228132.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435227/1435227988.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498516/1498516024.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889173.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498889/1498889209.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9867/986799/986799907.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9867/986799/986799919.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9867/986799/986799922.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9867/986799/986799934.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9867/986799/986799961.JPEG" data-image-gallery="galleryhilton-cocoa-beach-oceanfront" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hilton-cocoa-beach-oceanfront" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (564)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="42219">Hilton Cocoa Beach Oceanfront</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1550 North Atlantic Ave</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hilton Cocoa Beach Oceanfront excels in providing families with an exceptional adventure during their stay. The hotel offers direct access to a stunning beach, where families can partake in activities like beach volleyball, surfing lessons, and paddleboarding. Nearby rental shops provide everything from bicycles to watercraft, ensuring that all ages can engage in exciting exploration. After a day of fun, families can retreat to their spacious rooms or relax in the hotel’s outdoor pool. With its range of adventure offerings and family-friendly amenities, Hilton Cocoa Beach Oceanfront stands out as a versatile choice among Cocoa Beach family hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">153US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="42219" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="beachside-hotel-suites" data-id="1459241" data-lat="28.354771" data-lng="-80.608019"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656322.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/16236/1623656/1623656322.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656281.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656286.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656290.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656297.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656302.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656307.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656311.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656312.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656313.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656315.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656316.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656317.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656321.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656324.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656325.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656326.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656282.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656320.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656277.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656319.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656279.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656295.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656288.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656314.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656304.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656306.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656299.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656300.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656301.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656308.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656310.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656323.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656280.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10972/1097298/1097298603.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656292.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9988/998864/998864886.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656305.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656318.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656303.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13006/1300683/1300683658.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7530/753035/753035963.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656309.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7530/753042/753042677.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9989/998917/998917386.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656298.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656284.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656296.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656285.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656293.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9961/996159/996159694.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656287.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10187/1018791/1018791430.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10140/1014052/1014052165.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656328.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7530/753036/753036362.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13006/1300681/1300681192.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13006/1300684/1300684408.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13006/1300681/1300681228.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13006/1300684/1300684414.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656327.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772373/772373284.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656294.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13006/1300674/1300674073.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10162/1016249/1016249149.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10162/1016249/1016249386.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10162/1016249/1016249215.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9157/915771/915771043.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10162/1016249/1016249458.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13006/1300686/1300686406.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510870/510870477.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6100/610008/610008340.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623656/1623656278.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4694/469483/469483020.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4694/469482/469482996.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4694/469483/469483017.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772373/772373542.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772373/772373332.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772373/772373464.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772373/772373368.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772373/772373434.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686756/686756304.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686756/686756490.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686756/686756847.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4323/432316/432316935.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554480/554480490.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554480/554480715.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554480/554480775.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554481/554481345.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772373/772373407.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554480/554480538.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554480/554480655.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554480/554480802.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554480/554480583.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554480/554480727.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686756/686756193.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5544/554480/554480751.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187586/187586337.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187586/187586370.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/988/98832/98832257.JPEG" data-image-gallery="gallerybeachside-hotel-suites" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="beachside-hotel-suites" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (3948)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="245313">Beachside Hotel & Suites</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">3901 N. Atlantic Ave.</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Beachside Hotel & Suites provides a unique lodging experience with its bright, beachy decor and amenities tailored for families. Located just a short stroll from the ocean, this hotel features fun touches like games and a movie room for the kids to enjoy during downtime. Families can take advantage of the outdoor pool area, complete with a lazy river, and relax in the cozy hammocks set up throughout the lush grounds. The complimentary breakfast and moonlit bonfires further enrich the family experience while promoting quality time together. With its vibrant environment and thoughtful family amenities, Beachside Hotel & Suites is a standout among Cocoa Beach family hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">120US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="245313" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="oceanfront-delights-in-cocoa-beach-family-hotels">Oceanfront Delights in Cocoa Beach Family Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to family vacations, staying in a hotel that offers beautiful ocean views and direct beach access can enhance your experience. The oceanfront hotels in Cocoa Beach are perfect for families looking to enjoy both relaxation and adventure. These hotels not only provide stunning views but also boast amenities that cater to families of all sizes. From spacious rooms to family-friendly dining options, these accommodations create an inviting atmosphere for a memorable getaway. Whether you want to build sandcastles on the beach or soak up the sun by the pool, these Cocoa Beach family hotels have it all. Let’s explore some top oceanfront choices that are ideal for families.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hampton-inn-cocoa-beach" data-id="1459242" data-lat="28.3497584" data-lng="-80.6078433"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406299.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12794/1279406/1279406299.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622024/1622024365.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622024/1622024315.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622024/1622024321.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622024/1622024322.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622024/1622024324.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622024/1622024325.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622024/1622024326.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566932/1566932273.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566932/1566932282.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566932/1566932303.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566990/1566990329.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566990/1566990335.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566932/1566932318.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700102.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700123.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700147.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700252.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700054.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700099.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700186.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15516/1551699/1551699976.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700126.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700144.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566990/1566990317.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566990/1566990326.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279407/1279407589.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279404/1279404058.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279405/1279405594.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279405/1279405858.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279405/1279405969.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406842.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279407/1279407652.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279407/1279407919.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279405/1279405321.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279404/1279404103.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279404/1279404655.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279404/1279404802.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406971.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279403/1279403659.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279407/1279407736.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406899.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622024/1622024318.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279404/1279404553.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566932/1566932312.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279407/1279407157.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622024/1622024319.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566990/1566990314.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566932/1566932270.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406671.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566932/1566932294.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566932/1566932309.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406257.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279407/1279407895.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406056.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406158.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406566.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406404.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279407/1279407319.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279407/1279407805.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566990/1566990311.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406017.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14354/1435420/1435420450.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406446.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235074/1235074151.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235073/1235073728.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235074/1235074385.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700051.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14354/1435419/1435419220.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209331.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15517/1551700/1551700279.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279408/1279408000.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279407/1279407010.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209460.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14354/1435422/1435422514.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209526.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406347.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12794/1279406/1279406605.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209370.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7719/771954/771954229.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209412.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209346.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209481.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209433.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209358.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15516/1551699/1551699937.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1062/106203/106203102.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2285/228554/228554210.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6723/672390/672390774.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224209/224209472.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2769/276921/276921133.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5398/539859/539859063.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8426/842655/842655740.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177101/177101601.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177100/177100554.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177101/177101667.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177100/177100410.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2769/276921/276921129.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2769/276921/276921125.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/325/32554/32554240.JPEG" data-image-gallery="galleryhampton-inn-cocoa-beach" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-cocoa-beach" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (551)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="42280">Hampton Inn Cocoa Beach</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">3425 N. Atlantic Ave.</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hampton Inn Cocoa Beach also stands as an eco-friendly option among Cocoa Beach family hotels. The hotel employs energy-saving measures and has been recognized for its commitment to preserving the local environment. Additionally, guests can enjoy a variety of green programs, such as a towel reuse initiative, reducing water waste. With family-friendly amenities like a large pool, beach access, and a complimentary hot breakfast, it offers enjoyment without compromising the planet. Families can relax knowing they're contributing to eco-conscious practices during their fun-filled vacation at the Hampton Inn. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">209US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="42280" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-id="1459246" data-lat="28.368703" data-lng="-80.603058"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546948.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12765/1276546/1276546948.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548693.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548720.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548729.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548822.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548723.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548474.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548513.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548639.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548651.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548660.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548711.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548525.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548486.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548687.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548531.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276548/1276548412.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276549/1276549240.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276548/1276548907.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276545/1276545706.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546627.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546777.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546993.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276547/1276547125.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276547/1276547272.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276547/1276547974.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276548/1276548685.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276549/1276549126.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546465.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276547/1276547317.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276549/1276549609.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276549/1276549672.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548612.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548621.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546003.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548537.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546885.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276547/1276547173.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276549/1276549534.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276545/1276545514.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548564.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276549/1276549453.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276544/1276544389.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276545/1276545943.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546678.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276548/1276548028.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276548/1276548205.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276548/1276548970.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276549/1276549321.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548516.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276543/1276543846.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276545/1276545286.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276545/1276545418.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546408.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276548/1276548280.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546288.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276544/1276544605.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548528.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548495.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276545/1276545643.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546513.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276547/1276547371.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276547/1276547503.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276547/1276547737.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235047/1235047031.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235046/1235046764.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211412/1211412742.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211412/1211412238.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546144.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548585.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276546/1276546210.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276545/1276545034.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548624.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276545/1276545163.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548633.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211413/1211413012.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276548/1276548541.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11428/1142899/1142899456.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276544/1276544770.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276544/1276544317.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10240/1024030/1024030792.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548558.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211414/1211414425.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12350/1235048/1235048555.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276548/1276548487.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548543.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14352/1435244/1435244317.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548555.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548510.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14873/1487370/1487370310.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548588.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548654.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14873/1487370/1487370235.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276545/1276545349.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15265/1526548/1526548549.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14873/1487370/1487370313.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12765/1276543/1276543792.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5603/560357/560357211.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14873/1487370/1487370307.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/591/59129/59129425.JPEG" data-image-gallery="galleryla-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-inn-suites-by-wyndham-cocoa-beach-oceanfront" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (849)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="456851">La Quinta Inn & Suites by Wyndham Cocoa Beach Oceanfront</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1 Hendry Ave</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> While we've previously featured La Quinta Inn & Suites, it's worth highlighting its eco-friendly initiatives that enhance its attractiveness for conscientious families. This hotel implements various sustainable practices, including energy-efficient lighting and extensive recycling efforts. Families can enjoy a variety of amenities, including a pool and complimentary breakfast, all while knowing they are contributing to sustainable tourism. The proximity to Cocoa Beach allows for easy access to outdoor activities that promote appreciation for nature. With a focus on comfort, convenience, and eco-friendliness, La Quinta Inn & Suites remains a top pick among Cocoa Beach family hotels that prioritize sustainability. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">90US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="456851" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="comfort-and-convenience-in-cocoa-beach-family-hotels">Comfort and Convenience in Cocoa Beach Family Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When traveling with family, comfort and convenience are paramount. The Cocoa Beach family hotels listed in this section focus on providing a cozy stay with easy access to various attractions and activities. These hotels come equipped with family-sized accommodations, allowing plenty of room for everyone to relax after a day of fun. Additionally, they offer essential amenities such as complimentary breakfast, shuttle services, or recreational facilities to ensure families can focus on enjoying their time together. Let's dive into some of the best options that epitomize comfort and convenience.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="surf-studio-beach-resort" data-id="1459249" data-lat="28.28825" data-lng="-80.60798"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13308/1330806/1330806908.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13308/1330806/1330806908.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13328/1332860/1332860153.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904773.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13308/1330806/1330806965.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13308/1330806/1330806890.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13308/1330806/1330806935.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13308/1330806/1330806941.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13308/1330806/1330806995.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13308/1330807/1330807037.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13308/1330807/1330807157.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13328/1332859/1332859172.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13328/1332860/1332860627.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086346/1086346306.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086348/1086348049.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086360/1086360283.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086361/1086361072.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086344/1086344800.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10734/1073401/1073401486.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10734/1073405/1073405551.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10734/1073402/1073402917.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10734/1073405/1073405647.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086360/1086360208.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086346/1086346108.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086364/1086364231.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904740.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904755.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904758.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904764.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370930/370930345.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3398/339879/339879058.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10734/1073401/1073401003.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904713.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904719.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904722.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904728.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904731.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904737.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904710.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904725.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904788.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081250.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081253.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081256.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081268.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081271.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081277.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081280.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081283.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081307.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904782.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904716.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081274.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1070/107081/107081301.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370930/370930492.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10734/1073401/1073401825.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10734/1073401/1073401684.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086345/1086345508.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086350/1086350941.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13308/1330807/1330807733.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13328/1332859/1332859082.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13328/1332859/1332859184.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13328/1332860/1332860738.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086343/1086343813.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086355/1086355291.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086361/1086361798.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10734/1073401/1073401852.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904770.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3709/370904/370904791.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086364/1086364240.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690034/690034341.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690034/690034377.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690034/690034419.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690034/690034518.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690034/690034602.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690034/690034671.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7725/772568/772568365.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7725/772568/772568851.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7725/772569/772569097.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690025/690025122.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690029/690029976.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690030/690030258.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690030/690030639.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690030/690030963.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690031/690031272.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875742.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690025/690025998.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690026/690026901.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690032/690032580.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690033/690033570.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2880/288093/288093480.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2880/288093/288093484.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10734/1073402/1073402320.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086345/1086345349.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10863/1086346/1086346165.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6900/690034/690034737.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875763.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875784.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875835.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875859.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2584/258492/258492341.JPEG" data-image-gallery="gallerysurf-studio-beach-resort" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="surf-studio-beach-resort" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (127)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="865729">Surf Studio Beach Resort</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1801 S. Atlantic Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Surf Studio Beach Resort is a hidden gem that offers unique accommodations for families eager to experience the surf culture of Cocoa Beach. Individual cottages and rooms provide a cozy setting and a homey charm that encourages family bonding. The resort features a family-friendly outdoor picnic area, a heated pool, and even provides surfboards and bicycles for rent, perfect for adventurous families. Located mere steps from the beach, guests can easily frolic in the waves and enjoy coastal sunsets. With its surf-inspired ambiance and family-focused offerings, Surf Studio Beach Resort truly stands out in the realm of Cocoa Beach family hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">213US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="865729" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="the-resort-on-cocoa-beach" data-id="1459254" data-lat="28.3393745" data-lng="-80.6101452"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/776/77654/77654501.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/776/77654/77654501.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933821.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933764.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541932/1541932774.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933167.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933191.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933194.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933218.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933428.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933206.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933512.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933788.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541932/1541932675.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933164.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588066/1588066124.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588066/1588066099.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588066/1588066187.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933752.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846320/846320387.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2734/273431/273431993.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2734/273432/273432041.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2734/273432/273432501.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2734/273432/273432521.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1761/176175/176175180.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1761/176175/176175201.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1761/176175/176175207.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1761/176175/176175189.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217181/1217181904.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846317/846317663.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217180/1217180347.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217181/1217181214.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217182/1217182525.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217181/1217181049.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217181/1217181718.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846318/846318542.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217182/1217182333.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846321/846321686.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846319/846319763.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846321/846321551.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846319/846319922.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846320/846320543.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846321/846321971.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846323/846323723.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846323/846323849.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846324/846324779.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846325/846325367.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846326/846326114.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846321/846321815.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846322/846322823.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846325/846325466.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846325/846325877.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217180/1217180530.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846323/846323030.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217180/1217180710.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846322/846322373.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846323/846323393.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588066/1588066095.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846321/846321047.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846324/846324425.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217180/1217180806.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588066/1588066068.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846324/846324878.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846318/846318398.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846318/846318059.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4573/457360/457360404.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846320/846320681.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846322/846322151.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846324/846324983.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846323/846323300.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588066/1588066120.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846318/846318008.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846318/846318302.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846320/846320264.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846322/846322280.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846322/846322895.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846323/846323354.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846325/846325424.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846325/846325748.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846319/846319646.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846321/846321179.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846324/846324830.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6100/610008/610008320.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4187/418773/418773156.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3538/353801/353801131.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3538/353801/353801149.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541933/1541933794.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588066/1588066101.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2734/273431/273431821.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217180/1217180923.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4573/457360/457360389.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6100/610008/610008332.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3538/353801/353801164.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217182/1217182417.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846321/846321383.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846318/846318707.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846321/846321104.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6879/687995/687995232.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4523/452381/452381613.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8463/846317/846317951.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/292/29246/29246573.JPEG" data-image-gallery="gallerythe-resort-on-cocoa-beach" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-resort-on-cocoa-beach" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (575)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="46971">The Resort on Cocoa Beach</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1600 N Atlantic Ave</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Resort on Cocoa Beach is designed for families looking to maximize their adventure with a variety of on-site activities and nearby attractions. With a heated pool, tennis courts, and kids’ programs, there’s never a shortage of things to do. Families can also create lasting memories with organized beach activities and fun evening events. Located near local attractions, such as the Cocoa Beach Surf Museum and the iconic Cocoa Beach Pier, there's plenty to keep everyone entertained. The Resort on Cocoa Beach embodies the spirit of adventure, making it a great selection among Cocoa Beach family hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">409US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="46971" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="budget-friendly-cocoa-beach-family-hotels">Budget-Friendly Cocoa Beach Family Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling with family can sometimes be costly, but finding budget-friendly hotels doesn’t mean sacrificing quality. The Cocoa Beach family hotels in this section are excellent choices for families looking to save while still enjoying a delightful vacation experience. These accommodations provide comfortable lodgings without breaking the bank, ensuring that families can enjoy their time together fully. Additionally, they often include amenities that cater to younger guests, making them a hit with kids and parents alike. Let’s take a look at some wallet-friendly picks that prove family fun doesn’t have to be expensive.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="beach-island-resort" data-id="1459255" data-lat="28.29822" data-lng="-80.60821"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510868/510868785.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/5108/510868/510868785.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738735/738735346.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738737/738737914.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738739/738739948.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738740/738740239.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738740/738740356.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738740/738740434.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738740/738740515.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738740/738740680.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670506/670506417.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670509/670509840.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670512/670512930.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670512/670512939.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670512/670512975.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670513/670513020.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670513/670513047.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670517/670517544.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5182/518209/518209092.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5182/518209/518209056.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5182/518211/518211015.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5182/518211/518211105.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6592/659201/659201097.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670509/670509780.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670513/670513023.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5207/520744/520744146.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738735/738735628.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5182/518209/518209416.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5182/518210/518210235.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738738/738738229.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738739/738739999.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5207/520745/520745370.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670517/670517496.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670517/670517547.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738736/738736366.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670506/670506381.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7945/794577/794577132.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738734/738734734.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7945/794579/794579001.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5207/520745/520745502.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7387/738737/738737395.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6118/611885/611885280.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6118/611885/611885350.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510869/510869136.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767642.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767726.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767852.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767963.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685768/685768200.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685768/685768350.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685768/685768437.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766514.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766583.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767123.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685768/685768986.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685769/685769034.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685768/685768041.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766682.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767180.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685769/685769202.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766970.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685768/685768116.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685768/685768509.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772353/772353523.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767900.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767228.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767303.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766874.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685769/685769049.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685769/685769124.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766790.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767408.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766253.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766301.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766352.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685766/685766433.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767519.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767573.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772353/772353550.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5207/520746/520746816.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5182/518209/518209296.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670517/670517499.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670509/670509834.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6705/670512/670512936.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685768/685768875.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685767/685767360.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685768/685768803.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685769/685769292.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1896/189686/189686560.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1896/189686/189686572.JPEG" data-image-gallery="gallerybeach-island-resort" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="beach-island-resort" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (60)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="1662057">Beach Island Resort</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1125 S. Atlantic Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> If you’re looking for a laid-back atmosphere that still caters to families, Beach Island Resort is an excellent choice. This family-owned hotel embraces a home-like vibe, featuring comfortable suites with kitchenettes that are perfect for preparing meals together. Families can enjoy the outdoor pool, BBQ grilling area, and vibrant tropical gardens that provide a serene environment for relaxation. The hotel’s location allows easy access to both the beach and nearby attractions, including shopping and dining options. With their focus on creating memorable family experiences and providing spacious accommodations, Beach Island Resort stands out among Cocoa Beach family hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">160US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="1662057" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="cocoa-beach-suites-hotel" data-id="1459256" data-lat="28.352244" data-lng="-80.608637"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302583/302583792.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/3025/302583/302583792.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584480/1584480029.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589264/1589264071.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1293/129312/129312273.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2597/259776/259776525.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/719/71988/71988374.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/719/71988/71988371.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/719/71988/71988377.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/719/71988/71988362.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/292/29246/29246468.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4672/467237/467237889.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4672/467237/467237901.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7058/705849/705849529.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4764/476449/476449560.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7058/705849/705849460.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4573/457363/457363458.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/719/71988/71988365.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/292/29246/29246483.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/292/29246/29246471.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5754/575467/575467851.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2155/215542/215542709.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3025/302583/302583796.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2155/215542/215542751.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3843/384335/384335104.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707252.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510870/510870393.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3600/360009/360009901.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3843/384335/384335107.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707282.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/819/81988/81988610.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/819/81988/81988622.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/819/81988/81988616.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/655/65527/65527732.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707267.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707222.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707216.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707273.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707261.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707297.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/655/65527/65527741.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707228.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707234.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707240.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707246.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/627/62707/62707258.JPEG" data-image-gallery="gallerycocoa-beach-suites-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="cocoa-beach-suites-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 6.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (3231)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="330054">Cocoa Beach Suites Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">3655 N Atlantic Ave</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Cocoa Beach Suites Hotel is perfect for families seeking a central location with spacious accommodations. This family-friendly hotel offers large suites featuring fully-equipped kitchens, allowing families to cook together and save on dining expenses. Just a short walk from the beach, guests can easily enjoy sun-soaked days and vibrant sunsets. The hotel also includes amenities like a heated pool and complimentary breakfast, ensuring guests kickstart their day well. With its relaxing atmosphere and proximity to Cocoa Beach attractions, it’s no wonder Cocoa Beach Suites Hotel is a popular choice among Cocoa Beach family hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">87US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="330054" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="unique-experiences-in-cocoa-beach-family-hotels">Unique Experiences in Cocoa Beach Family Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For families seeking something a bit different during their beach vacation, unique lodging experiences can create lasting memories. The Cocoa Beach family hotels featured in this section offer accommodations that stand out for their distinct offerings or themes. Whether it’s an eco-friendly stay or a hotel that incorporates local culture into its design, these picks provide an innovative approach to family travel. Emphasizing creativity and memorable experiences, let’s take a closer look at these exceptional hotels that offer unique stays for families.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="the-inn-at-cocoa-beach" data-id="1459258" data-lat="28.356272" data-lng="-80.60544"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211474/1211474623.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12114/1211474/1211474623.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211474/1211474296.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211475/1211475367.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211473/1211473765.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211475/1211475547.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211474/1211474791.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211475/1211475178.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211475/1211475955.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211476/1211476156.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211476/1211476840.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211476/1211476408.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211476/1211476534.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211476/1211476090.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211474/1211474875.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211474/1211474740.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211475/1211475661.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10173/1017324/1017324358.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211474/1211474947.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211475/1211475007.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211475/1211475778.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211475/1211475070.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3095/309594/309594785.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3095/309594/309594753.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3095/309594/309594761.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3095/309594/309594745.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6796/679665/679665747.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239544/1239544369.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239544/1239544381.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239544/1239544384.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3095/309594/309594769.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211474/1211474179.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6796/679665/679665891.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239544/1239544348.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239544/1239544366.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239544/1239544378.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12114/1211476/1211476636.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7197/719744/719744533.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510874/510874167.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510874/510874212.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510874/510874326.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510874/510874428.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510874/510874557.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875646.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510874/510874113.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875301.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875577.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875505.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239544/1239544372.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875607.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7197/719744/719744515.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7197/719744/719744512.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7197/719744/719744530.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7197/719744/719744527.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7197/719744/719744536.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7197/719744/719744521.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5426/542699/542699478.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5108/510875/510875592.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7197/719744/719744524.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1022/102263/102263066.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1087/108710/108710778.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1022/102263/102263105.JPEG" data-image-gallery="gallerythe-inn-at-cocoa-beach" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-at-cocoa-beach" > </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600">The Inn at Cocoa Beach</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">4300 Ocean Beach Blvd</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Inn at Cocoa Beach is a smaller, charming hotel that prides itself on a sustainable approach to hosting families. Known for its warm hospitality and focus on eco-conscious practices, the inn features energy-efficient appliances and encourages guests to partake in environmentally friendly activities. Families can unwind by the beach, where they can learn about local ecosystems and wildlife conservation efforts. The hotel's intimate atmosphere allows for personalized experiences, making it an excellent choice for families wanting to explore Cocoa Beach while embracing a sustainable lifestyle. With its eco-friendly mindset, The Inn at Cocoa Beach stands out as an exemplary option among Cocoa Beach family hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">285US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="days-inn-by-wyndham-cocoa-beach-port-canaveral" data-id="1459260" data-lat="28.36806" data-lng="-80.60527"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498824/1498824511.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14988/1498824/1498824511.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823005.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823008.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823254.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823635.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823638.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823665.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823713.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823728.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823758.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823830.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547809.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547818.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547842.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547452.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547473.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547482.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547497.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547524.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547545.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547620.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547722.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547773.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12608/1260856/1260856783.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12608/1260857/1260857473.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12608/1260857/1260857569.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12608/1260857/1260857731.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498824/1498824457.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11234/1123406/1123406718.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823257.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823323.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547830.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12763/1276394/1276394779.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12763/1276394/1276394932.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12608/1260859/1260859744.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498822/1498822963.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547479.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1512/151288/151288651.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12112/1211229/1211229724.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12112/1211229/1211229961.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12112/1211230/1211230027.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1350/135020/135020844.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022130/1022130604.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022131/1022131300.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022130/1022130697.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022130/1022130745.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022130/1022130793.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022130/1022130934.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022131/1022131915.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022132/1022132065.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022131/1022131264.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022131/1022131498.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022131/1022131030.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022131/1022131738.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547509.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6140/614061/614061275.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823719.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823326.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12112/1211233/1211233615.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022132/1022132440.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022132/1022132623.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022131/1022131666.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547617.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823578.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666694.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666700.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666715.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666802.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666811.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666760.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666772.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1749/174916/174916155.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666838.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9240/924083/924083110.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9240/924083/924083122.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9240/924083/924083125.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9240/924083/924083128.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9240/924083/924083149.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666745.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6140/614061/614061315.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6140/614061/614061295.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3920/392015/392015640.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666727.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823701.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823659.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823590.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3920/392015/392015646.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022131/1022131114.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3910/391007/391007238.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666826.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10221/1022130/1022130844.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14946/1494666/1494666766.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14985/1498547/1498547848.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1390/139013/139013718.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1537/153721/153721432.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1390/139013/139013715.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1390/139013/139013712.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1390/139013/139013721.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1390/139013/139013730.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1390/139013/139013724.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-cocoa-beach-port-canaveral" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-cocoa-beach-port-canaveral" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (2053)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="78589">Days Inn by Wyndham Cocoa Beach Port Canaveral</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">5500 North Atlantic Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Days Inn by Wyndham Cocoa Beach Port Canaveral offers a mix of affordability and convenience for families visiting the area. This hotel features cozy rooms equipped with essential amenities, fostering a comfortable stay for families on the go. Guests can enjoy the outdoor pool and a complimentary breakfast, helping to streamline busy mornings. Located within walking distance to the beach and various family-friendly attractions, it serves as a convenient base for making memories. With its focus on providing value and accessibility, Days Inn remains a popular choice in the category of Cocoa Beach family hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">90US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="78589" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in Country</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/myrtle-beach-family-hotels">Myrtle Beach</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/lake-george-family-hotels">Lake George</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/virginia-beach-family-hotels">Virginia Beach</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/miami-beach-family-hotels">Miami Beach</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/chicago-family-hotels">Chicago</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/new-orleans-family-hotels">New Orleans</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/los-angeles-family-hotels">Los Angeles</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/fort-lauderdale-family-hotels">Fort Lauderdale</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/pigeon-forge-family-hotels">Pigeon Forge</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/honolulu-family-hotels">Honolulu</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/san-francisco-family-hotels">San Francisco</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/san-antonio-family-hotels-tx">San Antonio</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in World</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/rome-family-hotels">Rome</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/dubai-family-hotels">Dubai</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carcassonne-family-hotels">Carcassonne</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/lisbon-family-hotels">Lisbon</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/tokyo-family-hotels">Tokyo</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/puerto-rico-gran-canaria-family-hotels">Puerto Rico (Gran Canaria)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/venice-family-hotels">Venice</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/hanoi-family-hotels">Hanoi</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/barcelona-family-hotels">Barcelona</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/nazareth-family-hotels">Nazareth</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/dublin-family-hotels">Dublin</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/marrakesh-family-hotels">Marrakesh</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels near Landmark</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/cocoa-beach-hotels-near-ron-jon-surf-shop">Ron Jon Surf Shop</a> </div> </div> </div> </div> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Cocoa Beach</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">View deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-countries/">Popular Countries</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-regions/">Popular Regions</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Cocoa Beach</p> <div class="columns-2 text-white md:columns-1"> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/cocoa-beach-hotels">hotels cocoa beach florida</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/cocoa-beach-bed-and-breakfast">cocoa beach bed and breakfast</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/cocoa-beach-resorts">cocoa beach resorts</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/cocoa-beach-cheap-hotels">cheap hotels in cocoa beach</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/cocoa-beach-pet-friendly-hotels-fl">dog friendly hotels cocoa beach</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/cocoa-beach-5-star-hotels">5 star hotels cocoa beach florida</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/cocoa-beach-beach-hotels">oceanfront hotels cocoa beach</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/cocoa-beach-pet-friendly-hotels">cocoa beach pet friendly hotels</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2024 · All rights reserved</p> </div> </div> </footer> <!-- Hotjar --> <!-- End Hotjar Code --> <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"8e1gZmEZdiGBchK0"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"20021878","dest_name":"Cocoa Beach","city_id":3507,"pid":731164,"page":"post","bid":"20021878"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-DBja4AZd.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-eC8SA6i3.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DDhuUMHr.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-DBja4AZd.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>