{"id":10620,"date":"2026-07-10T16:18:31","date_gmt":"2026-07-10T16:18:31","guid":{"rendered":"https:\/\/datdesignlab.com\/?page_id=10620"},"modified":"2026-10-19T16:02:12","modified_gmt":"2026-10-19T16:02:12","slug":"sitio-web-hotspot-travels","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/portfolio\/hotspot-travels-website\/","title":{"rendered":"Dise\u00f1o y desarrollo del sitio web de Hotspot Travels | Dat Design Lab"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10620\" class=\"elementor elementor-10620\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1614f82 e-flex e-con-boxed e-con e-parent\" data-id=\"1614f82\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7db413 elementor-widget elementor-widget-html\" data-id=\"a7db413\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');@import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@500,600,700&display=swap');.ddl-cs{--accent:#B9B27A;--accent-d:#8E875A;--ink:#0b0c0e;--body:#5b5b60;--bg:#f6f6f6;--line:#e7e7ea;--radius:18px;--radius-lg:28px;--maxw:1120px}.ddl-cs *{box-sizing:border-box;margin:0;padding:0}.ddl-cs{scroll-behavior:smooth}.ddl-cs{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.65;color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased}.ddl-cs h1,.ddl-cs h2,.ddl-cs h3,.ddl-cs h4,.ddl-cs .wm{font-family:'Satoshi','Inter',system-ui,sans-serif;color:var(--ink);letter-spacing:-.01em}.ddl-cs h1{font-weight:500;font-size:clamp(34px,5vw,54px);line-height:1.06}.ddl-cs h2{font-weight:500;font-size:clamp(26px,3.4vw,36px);line-height:1.12}.ddl-cs h3{font-weight:600;font-size:19px}.ddl-cs a{color:inherit;text-decoration:none}.ddl-cs .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.ddl-cs .eyebrow{font-family:'Satoshi',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#7A7245}.ddl-cs .btn{display:inline-flex;align-items:center;gap:.5em;font-family:'Satoshi',sans-serif;font-weight:600;font-size:15px;padding:13px 24px;border-radius:999px;background:var(--accent);color:#0b0c0e;transition:.2s;border:0;cursor:pointer}.ddl-cs .btn:hover{background:var(--accent-d);color:#fff;transform:translateY(-1px)}.ddl-cs .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.ddl-cs .btn.ghost:hover{background:var(--ink);color:#fff}.ddl-cs .btn.light{background:#fff;color:var(--ink)}.ddl-cs .btn.light:hover{background:var(--accent);color:#fff}.ddl-cs .nav{position:sticky;top:0;z-index:50;background:rgba(246,246,246,.82);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.ddl-cs .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}.ddl-cs .brand{display:flex;align-items:center;gap:10px;font-family:'Satoshi',sans-serif;font-weight:700;font-size:19px;color:var(--ink)}.ddl-cs .brand .mk{width:26px;height:26px;border-radius:7px;background:var(--accent);display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800;transform:rotate(-6deg)}.ddl-cs .menu{display:flex;align-items:center;gap:26px}.ddl-cs .menu a{font-size:15px;font-weight:500;color:#2a2a2e}.ddl-cs .menu a:hover{color:var(--accent)}@media(max-width:860px){.ddl-cs .menu a:not(.btn){display:none}}.ddl-cs .draft{background:#fff7d6;border-bottom:1px solid #f0e2a0;color:#6b5a12;font-size:13.5px}.ddl-cs .draft .wrap{padding:11px 24px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.ddl-cs .draft b{color:#5a4a08}.ddl-cs .draft button{border:0;background:#6b5a12;color:#fff;border-radius:8px;padding:5px 11px;font-size:12px;cursor:pointer;flex:none}.ddl-cs .draft ul{margin:6px 0 0 18px;padding:0}.ddl-cs .draft.hide{display:none}.ddl-cs .hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;max-width:1200px;margin:18px auto;border-radius:var(--radius-lg)}.ddl-cs .hero:before{content:\"\";position:absolute;inset:0;background:radial-gradient(60% 90% at 78% 0%,rgba(185,178,122,.34),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(142,135,90,.28),transparent 55%)}.ddl-cs .hero .wrap{position:relative;padding:26px 24px 0}.ddl-cs .crumbs{font-size:13px;color:#9a9aa2;margin-bottom:26px}.ddl-cs .crumbs a:hover{color:#fff}.ddl-cs .hero h1{color:#fff;max-width:15ch}.ddl-cs .hero .lede{color:#c7c7cf;font-size:clamp(17px,2vw,20px);max-width:56ch;margin-top:16px}.ddl-cs .hero-inner{padding-bottom:56px}.ddl-cs .metastrip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}.ddl-cs .metastrip .k{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:#8a8a92;font-weight:600;font-family:'Satoshi',sans-serif}.ddl-cs .metastrip .v{color:#fff;font-weight:500;font-family:'Satoshi',sans-serif;margin-top:5px;font-size:15.5px}@media(max-width:720px){.ddl-cs .metastrip{grid-template-columns:repeat(2,1fr);gap:18px}}.ddl-cs .frame{background:#111214;border-radius:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.ddl-cs .frame .bar{height:38px;background:#1b1c1f;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06)}.ddl-cs .frame .dot{width:11px;height:11px;border-radius:50%;background:#3a3b3f}.ddl-cs .frame .url{margin-left:12px;font-size:12px;color:#8a8a92;background:#111214;border-radius:6px;padding:4px 12px;flex:1;max-width:340px;font-family:'Inter'}.ddl-cs .videoslot{position:relative;aspect-ratio:16\/9;background:linear-gradient(135deg,#17181b,#232427);display:grid;place-items:center;color:#8a8a92}.ddl-cs .videoslot .play{width:74px;height:74px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(185,178,122,.7);margin-bottom:14px}.ddl-cs .videoslot .play:after{content:\"\";border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}.ddl-cs .videoslot .cap{font-size:14px}.ddl-cs .videoslot .cap b{color:#cfcfd6;font-family:'Satoshi',sans-serif}.ddl-cs .slot-note{font-size:12px;color:#7a7a82;margin-top:9px}.ddl-cs .hero .frame{margin-top:40px}.ddl-cs .hero-media{margin-top:40px}.ddl-cs .hero-media img,.ddl-cs .hero-media video{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08)}.ddl-cs .hero-media video{aspect-ratio:16\/9;object-fit:cover;background:#0a0a0a}@media(max-width:760px){.ddl-cs .hero-media video{aspect-ratio:4\/5}}.ddl-cs section{max-width:1200px;margin:18px auto;background:#fff;border-radius:var(--radius-lg);padding:clamp(44px,6vw,76px) 0}.ddl-cs .sec-plain{background:transparent;padding:0}.ddl-cs .sec-head{max-width:60ch}.ddl-cs .sec-head h2{margin-top:12px}.ddl-cs .lead{font-size:clamp(18px,2.1vw,21px);color:#3c3c42;margin-top:16px}.ddl-cs .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}@media(max-width:820px){.ddl-cs .grid3{grid-template-columns:1fr}}.ddl-cs .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.ddl-cs .card .n{width:38px;height:38px;border-radius:10px;background:rgba(185,178,122,.18);color:#7A7245;display:grid;place-items:center;font-family:'Satoshi';font-weight:700;margin-bottom:16px}.ddl-cs .card h3{margin-bottom:7px}.ddl-cs .card p{font-size:15.5px}.ddl-cs .band{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:clamp(34px,5vw,58px);position:relative;overflow:hidden}.ddl-cs .band:before{content:\"\";position:absolute;inset:0;background:radial-gradient(50% 120% at 100% 0%,rgba(185,178,122,.26),transparent 60%)}.ddl-cs .band>*{position:relative}.ddl-cs .band .eyebrow{color:#D9D3A3}.ddl-cs .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}@media(max-width:900px){.ddl-cs .metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ddl-cs .metrics{grid-template-columns:1fr}}.ddl-cs .metric{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px}.ddl-cs .metric .num{font-family:'Satoshi';font-weight:700;font-size:clamp(28px,3.2vw,40px);color:#fff;line-height:1.05}.ddl-cs .metric.ph .num{color:#D9D3A3;border-bottom:2px dashed rgba(217,211,163,.5);display:inline-block;padding-bottom:2px}.ddl-cs .metric .lb{color:#b6b6bf;margin-top:12px;font-size:14.5px}.ddl-cs .qual{color:#c7c7cf;margin-top:26px;max-width:62ch;font-size:16px}.ddl-cs .delivered{display:grid;grid-template-columns:1fr 1fr;gap:12px 34px;margin-top:34px;list-style:none}.ddl-cs .delivered li{display:flex;gap:12px;align-items:flex-start;font-size:16px;color:#3c3c42;padding:9px 0;border-bottom:1px solid var(--line)}.ddl-cs .delivered .ck{color:#7A7245;flex:none;font-weight:800;margin-top:1px}@media(max-width:720px){.ddl-cs .delivered{grid-template-columns:1fr}}.ddl-cs .media-wrap{margin-top:10px}.ddl-cs .carousel{position:relative;border-radius:14px;overflow:hidden;background:#111}.ddl-cs .track{display:flex;transition:transform .5s cubic-bezier(.6,0,.2,1)}.ddl-cs .slide{min-width:100%;aspect-ratio:16\/10;position:relative}.ddl-cs .slide img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.ddl-cs .ph-shot{width:100%;height:100%;display:grid;place-items:center;color:#6d6d76;background:\r\n  linear-gradient(135deg,#e9e9ee,#f6f6f8);border:0}.ddl-cs .slide:nth-child(odd) .ph-shot{background:linear-gradient(135deg,#eceaf0,#f4f2f7)}.ddl-cs .ph-shot .lab{text-align:center}.ddl-cs .ph-shot .lab b{font-family:'Satoshi';color:#4a4a52;font-size:16px}.ddl-cs .ph-shot .lab span{font-size:12.5px;color:#8a8a92}.ddl-cs .car-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);border:0;cursor:pointer;display:grid;place-items:center;font-size:20px;color:#111;box-shadow:0 6px 18px -6px rgba(0,0,0,.4);z-index:3}.ddl-cs .car-btn.prev{left:16px}.ddl-cs .car-btn.next{right:16px}.ddl-cs .dots{display:flex;gap:8px;justify-content:center;margin-top:18px}.ddl-cs .dots button{width:9px;height:9px;border-radius:50%;background:#cfcfd6;border:0;cursor:pointer;padding:0}.ddl-cs .dots button.on{background:var(--accent);width:24px;border-radius:5px}.ddl-cs .car-caption{text-align:center;font-family:'Satoshi','Inter',sans-serif;font-weight:600;font-size:14.5px;color:var(--ink);margin-top:16px;letter-spacing:.01em}.ddl-cs .ba{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16\/10;user-select:none;touch-action:none;background:#111}.ddl-cs .ba .layer{position:absolute;inset:0}.ddl-cs .ba .after .ph-shot{background:linear-gradient(135deg,#e7f0ea,#f2f7f4)}.ddl-cs .ba .before{clip-path:inset(0 50% 0 0)}.ddl-cs .ba .before .ph-shot{background:linear-gradient(135deg,#efe7e7,#f7f2f2)}.ddl-cs .ba .tag{position:absolute;top:14px;font-family:'Satoshi';font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.55);padding:6px 12px;border-radius:999px}.ddl-cs .ba .tag.b{left:14px}.ddl-cs .ba .tag.a{right:14px}.ddl-cs .ba .handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-1.5px);z-index:4}.ddl-cs .ba .grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 6px 18px -4px rgba(0,0,0,.5);display:grid;place-items:center;color:var(--accent);font-weight:800;font-size:15px}.ddl-cs .quote{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(30px,5vw,54px);max-width:820px;margin:0 auto;text-align:center}.ddl-cs .stars{color:var(--accent);letter-spacing:3px;font-size:19px}.ddl-cs .quote p{font-family:'Satoshi';font-weight:500;color:var(--ink);font-size:clamp(20px,2.6vw,26px);line-height:1.4;margin:20px 0 26px}.ddl-cs .quote .who{display:flex;gap:13px;align-items:center;justify-content:center}.ddl-cs .quote .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-d));display:grid;place-items:center;color:#fff;font-family:'Satoshi';font-weight:700}.ddl-cs .quote .who .nm{font-family:'Satoshi';font-weight:600;color:var(--ink);font-size:15px;text-align:left}.ddl-cs .quote .who .rl{font-size:13px;color:var(--body)}.ddl-cs .ph-txt{color:#9a9aa2;font-style:italic}.ddl-cs .q-trans{font-family:'Inter';font-weight:400;color:var(--body);font-size:14.5px;line-height:1.5;margin:-6px 0 22px;max-width:60ch;margin-left:auto;margin-right:auto}.ddl-cs .related{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.ddl-cs .rel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.2s}.ddl-cs .rel:hover{border-color:var(--accent);transform:translateY(-2px)}.ddl-cs .rel .dir{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7A7245;font-weight:600;font-family:'Satoshi'}.ddl-cs .rel h4{font-family:'Satoshi';font-weight:600;color:var(--ink);margin-top:8px;font-size:18px}@media(max-width:720px){.ddl-cs .related{grid-template-columns:1fr}}.ddl-cs .footcta{padding:0 0 20px}.ddl-cs .footcta .panel{background:var(--ink);color:#fff;border-radius:var(--radius-lg);text-align:center;padding:clamp(44px,7vw,84px) 24px;position:relative;overflow:hidden}.ddl-cs .footcta .panel:before{content:\"\";position:absolute;inset:0;background:radial-gradient(60% 120% at 50% 0%,rgba(185,178,122,.3),transparent 60%)}.ddl-cs .footcta h2{color:#fff;position:relative;max-width:18ch;margin:0 auto}.ddl-cs .footcta p{color:#c7c7cf;position:relative;max-width:48ch;margin:14px auto 26px}.ddl-cs footer.site{border-top:1px solid var(--line);padding:44px 0 30px;color:var(--body)}.ddl-cs footer.site .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}.ddl-cs footer.site .tag{font-family:'Satoshi';font-weight:500;color:var(--ink)}.ddl-cs footer.site .lnks{display:flex;gap:20px;font-size:14px}.ddl-cs footer.site .lnks a:hover{color:var(--accent)}.ddl-cs footer.site .cr{width:100%;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:#9a9aa2}\r\n<\/style>\r\n<div class=\"ddl-cs\">\r\n<header class=\"hero\"><div class=\"wrap hero-inner\">\r\n<div class=\"crumbs\"><a href=\"https:\/\/datdesignlab.com\/portfolio\/\">Portfolio<\/a> &nbsp;\/&nbsp; Hotspot Travels<\/div>\r\n<div class=\"eyebrow\">Travel \u00b7 Group Trips<\/div>\r\n<h1>A Launch That Couldn&#x27;t Slip<\/h1>\r\n<p class=\"lede\">Two years with another agency and still no finished site, with campaigns already booked. I built a new one from scratch and had it live in time, with booking, checkout, and an affiliate program ready to go.<\/p>\r\n<div class=\"hero-media\"><video class=\"cs-video\" muted loop playsinline preload=\"none\" data-src-desktop=\"\/wp-content\/uploads\/2026\/10\/hotspot-case-study-16x9-1.mp4\" data-src-mobile=\"\/wp-content\/uploads\/2026\/10\/hotspot-case-study-4x5-1.mp4\" data-poster-desktop=\"\/wp-content\/uploads\/2026\/10\/hotspot-case-study-poster-16x9-1.webp\" data-poster-mobile=\"\/wp-content\/uploads\/2026\/10\/hotspot-case-study-poster-4x5-1.webp\" aria-label=\"Hotspot Travels website: the new site, inner pages and results\"><\/video><\/div>\r\n<div class=\"metastrip\"><div><div class=\"k\">Services<\/div><div class=\"v\">Design, Build, Booking, SEO &amp; Hosting<\/div><\/div><div><div class=\"k\">Client<\/div><div class=\"v\">Hotspot Travels<\/div><\/div><div><div class=\"k\">Industry<\/div><div class=\"v\">Travel \/ Experiences<\/div><\/div><div><div class=\"k\">Location<\/div><div class=\"v\">Europe<\/div><\/div><\/div>\r\n<\/div><\/header>\r\n\r\n<section><div class=\"wrap\"><div class=\"sec-head\"><div class=\"eyebrow\">The Challenge<\/div>\r\n<h2>A launch deadline nobody else could hit<\/h2><p class=\"lead\">Hotspot Travels had spent over two years with another agency and still had no finished site, while influencers were already lined up to promote the launch. Fixing that half-built site would have been slow and messy, so I built a brand-new one from scratch and got it live in time, with booking, checkout and an affiliate program ready on day one.<\/p><\/div><\/div><\/section>\r\n\r\n<section><div class=\"wrap\">\r\n<div class=\"sec-head\"><div class=\"eyebrow\">The Approach<\/div><h2>Build fast, without cutting the corners that matter<\/h2><\/div>\r\n<div class=\"grid3\"><div class=\"card\"><div class=\"n\">1<\/div><h3>Design to their brief<\/h3><p>Built to the look and feel they wanted, so the brand landed right for the influencer push.<\/p><\/div><div class=\"card\"><div class=\"n\">2<\/div><h3>Booking + affiliate, day one<\/h3><p>Checkout, booking flow and an affiliate program set up and live for launch, not bolted on later.<\/p><\/div><div class=\"card\"><div class=\"n\">3<\/div><h3>Belonging then booking<\/h3><p>Social proof, safety and inclusion signals up front, with the next step always one tap away.<\/p><\/div><\/div><\/div><\/section>\r\n\r\n<section class=\"sec-plain\"><div class=\"band\"><div class=\"eyebrow\">Results &amp; Impact<\/div>\r\n<h2 style=\"color:#fff;margin-top:12px;max-width:20ch\">Live in time, and converting from day one<\/h2>\r\n<div class=\"metrics\"><div class=\"metric\"><div class=\"num\">On time<\/div><div class=\"lb\">Launched for the campaign<\/div><\/div><div class=\"metric\"><div class=\"num\">200+<\/div><div class=\"lb\">Trip enquiries, first 60 days<\/div><\/div><div class=\"metric\"><div class=\"num\">~30%<\/div><div class=\"lb\">Enquiry-to-booking<\/div><\/div><div class=\"metric\"><div class=\"num\">Day one<\/div><div class=\"lb\">Booking + affiliate live<\/div><\/div><\/div>\r\n<p class=\"qual\">Built and launched under a hard deadline, the site was converting influencer traffic into trip enquiries from the first week.<\/p><\/div><\/section>\r\n\r\n<section><div class=\"wrap\">\r\n<div class=\"sec-head\"><div class=\"eyebrow\">What I Delivered<\/div><h2>A full brand launch, on a deadline<\/h2><\/div>\r\n<ul class=\"delivered\"><li><span class=\"ck\">\u2713<\/span><span>Brand-new website to their brief<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Fast build to hit the campaign date<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Checkout &amp; booking system setup<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Affiliate program setup<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Google Business Profile setup &amp; optimisation<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>On-page SEO + monthly blog posts<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Ongoing landing-page &amp; product builds<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Hosting &amp; monthly maintenance<\/span><\/li><\/ul><\/div><\/section>\r\n\r\n<section><div class=\"wrap\"><div class=\"sec-head\" style=\"margin-bottom:28px\"><div class=\"eyebrow\">See The Build<\/div>\r\n<h2>A scroll through the finished travel site<\/h2><\/div><div class=\"media-wrap\"><div class=\"frame\"><div class=\"bar\"><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"url\">hotspottravels.com<\/span><\/div><div class=\"carousel\"><div class=\"track\"><div class=\"slide\" data-label=\"Event detail page\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/hotspot-carousel-event-detail.webp\" alt=\"Event detail page\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Upcoming events\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/hotspot-carousel-events-cards.webp\" alt=\"Upcoming events\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"How it works\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/hotspot-carousel-info.webp\" alt=\"How it works\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Featured trips\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/hotspot-carousel-trips.webp\" alt=\"Featured trips\" loading=\"lazy\"><\/div><\/div><button class=\"car-btn prev\" aria-label=\"Previous\">&#8249;<\/button><button class=\"car-btn next\" aria-label=\"Next\">&#8250;<\/button><\/div><\/div><div class=\"dots\"><button class=\"on\" data-i=\"0\" aria-label=\"slide 1\"><\/button><button class=\"\" data-i=\"1\" aria-label=\"slide 2\"><\/button><button class=\"\" data-i=\"2\" aria-label=\"slide 3\"><\/button><button class=\"\" data-i=\"3\" aria-label=\"slide 4\"><\/button><\/div><div class=\"car-caption\">Event detail page<\/div><\/div><\/div><\/section>\r\n\r\n<section><div class=\"wrap\"><div class=\"quote\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<p class=\"ph-txt\">&ldquo;I came to Dat with a deadline every other agency had missed. He built our entire site from scratch and had it live in time for the campaign, booking system and affiliate program included. Fast, reliable, and genuinely easy to work with.&rdquo;<\/p>\r\n\r\n<div class=\"who\"><div class=\"av\">M<\/div><div><div class=\"nm\">Mofie Buzz<\/div><div class=\"rl\">Co-Founder, Hotspot Travels<\/div><\/div><\/div>\r\n<\/div><\/div><\/section>\r\n\r\n<section><div class=\"wrap\"><div class=\"eyebrow\">More Work<\/div><div class=\"related\">\r\n<a class=\"rel\" href=\"https:\/\/datdesignlab.com\/portfolio\/sonder-services-website\/\"><div class=\"dir\">&#8249; Previous<\/div><h4>Sonder Services<\/h4><\/a>\r\n<a class=\"rel\" href=\"https:\/\/datdesignlab.com\/portfolio\/ttm-store-shopify-redesign\/\"><div class=\"dir\">Next &#8250;<\/div><h4>TTM-Store<\/h4><\/a>\r\n<\/div><\/div><\/section>\r\n<\/div>\r\n<script>\r\n(function(){var v=document.querySelector('.cs-video');if(!v)return;var m=window.matchMedia('(max-width:760px)').matches;v.poster=v.dataset[m?'posterMobile':'posterDesktop'];v.src=v.dataset[m?'srcMobile':'srcDesktop'];if(!window.matchMedia('(prefers-reduced-motion: reduce)').matches){v.autoplay=true;v.play().catch(function(){});}})();\r\ndocument.querySelectorAll('.media-wrap').forEach(w=>{\r\n  const track=w.querySelector('.track'); if(!track) return;\r\n  const dots=[...w.querySelectorAll('.dots button')]; let i=0;\r\n  const n=track.children.length;\r\n  const cap=w.querySelector('.car-caption');\r\n  const go=k=>{i=(k+n)%n; track.style.transform=`translateX(${-i*100}%)`; dots.forEach((d,j)=>d.classList.toggle('on',j===i)); if(cap){const s=track.children[i]; cap.textContent=(s&&s.dataset.label)||'';}};\r\n  w.querySelector('.next')?.addEventListener('click',()=>go(i+1));\r\n  w.querySelector('.prev')?.addEventListener('click',()=>go(i-1));\r\n  dots.forEach(d=>d.addEventListener('click',()=>go(+d.dataset.i)));\r\n});\r\nconst ba=document.getElementById('ba');\r\nif(ba){const r=document.getElementById('baRange'),bf=document.getElementById('baBefore'),h=document.getElementById('baHandle');\r\n  const set=v=>{bf.style.clipPath=`inset(0 ${100-v}% 0 0)`;h.style.left=v+'%';};\r\n  r.addEventListener('input',e=>set(+e.target.value));set(50);}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo constru\u00ed desde cero un sitio de reservas de viajes y lo lanc\u00e9 a tiempo para la campa\u00f1a, con pago, reservas y programa de afiliados.<\/p>","protected":false},"author":1,"featured_media":10852,"parent":5535,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10620","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/comments?post=10620"}],"version-history":[{"count":16,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10620\/revisions"}],"predecessor-version":[{"id":10943,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10620\/revisions\/10943"}],"up":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/5535"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media\/10852"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=10620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}