{"id":10977,"date":"2026-10-19T17:03:47","date_gmt":"2026-10-19T17:03:47","guid":{"rendered":"https:\/\/datdesignlab.com\/?page_id=10977"},"modified":"2026-10-19T17:04:06","modified_gmt":"2026-10-19T17:04:06","slug":"sitio-web-barcelona-pub-crawl","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/portfolio\/barcelona-pub-crawl-website\/","title":{"rendered":"Un sitio de pub crawl hecho para vender esta misma noche"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10977\" class=\"elementor elementor-10977\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3d9a7c e-flex e-con-boxed e-con e-parent\" data-id=\"f3d9a7c\" 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-7f71696 elementor-widget elementor-widget-html\" data-id=\"7f71696\" 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; Barcelona Pub Crawl<\/div>\r\n<div class=\"eyebrow\">Nightlife \u00b7 Tours &amp; Experiences<\/div>\r\n<h1>A Pub Crawl Site Built to Sell Tonight<\/h1>\r\n<p class=\"lede\">A brand-new Barcelona pub crawl with no website. I designed and built one page that explains the offer in seconds, takes the booking in two taps, and ranks for the searches tourists make before a night out.<\/p>\r\n<div class=\"hero-media\"><video class=\"cs-video\" muted loop playsinline preload=\"none\" data-src-desktop=\"\/wp-content\/uploads\/2026\/10\/bpc-case-study-16x9-1.mp4\" data-src-mobile=\"\/wp-content\/uploads\/2026\/10\/bpc-case-study-4x5-1.mp4\" data-poster-desktop=\"\/wp-content\/uploads\/2026\/10\/bpc-case-study-poster-16x9-1.webp\" data-poster-mobile=\"\/wp-content\/uploads\/2026\/10\/bpc-case-study-poster-4x5-1.webp\" aria-label=\"Barcelona Pub Crawl website: the new site, inner pages and what was delivered\"><\/video><\/div>\r\n<div class=\"metastrip\"><div><div class=\"k\">Services<\/div><div class=\"v\">Design, Build, Copy, SEO &amp; Hosting<\/div><\/div><div><div class=\"k\">Client<\/div><div class=\"v\">Barcelona Pub Crawl<\/div><\/div><div><div class=\"k\">Industry<\/div><div class=\"v\">Nightlife \/ Experiences<\/div><\/div><div><div class=\"k\">Location<\/div><div class=\"v\">Barcelona, Spain<\/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>Selling tonight&#x27;s ticket from a phone, in seconds<\/h2><p class=\"lead\">Barcelona Pub Crawl runs every night: two bars with a guide, then VIP entry to one of the city&#x27;s big clubs. It launched with no website, no content and no way to take a booking. The audience is tourists on their phones deciding what to do tonight, so the site had to explain the offer fast, remove every reason to hesitate, and book without a signup. And with no ad budget, it had to be built from day one to rank.<\/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>One page, one offer, no hesitation<\/h2><\/div>\r\n<div class=\"grid3\"><div class=\"card\"><div class=\"n\">1<\/div><h3>Offer in the headline<\/h3><p>Two bars, then the club, one price. A &ldquo;Tonight&#x27;s ticket&rdquo; card above the fold with what&#x27;s included, the meeting time and one button.<\/p><\/div><div class=\"card\"><div class=\"n\">2<\/div><h3>Remove the doubt<\/h3><p>A seven-day strip so any night is bookable in a tap, free 24h cancellation, club names up front, and a meeting-point page with map, metro and taxi directions.<\/p><\/div><div class=\"card\"><div class=\"n\">3<\/div><h3>Book in two taps<\/h3><p>TicketingHub checkout in a secure window: card, Apple Pay or Google Pay, ticket by email in a minute. WhatsApp as the second path for groups.<\/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\">Results coming soon<\/h2>\r\n<div class=\"metrics\"><div class=\"metric\"><div class=\"num\">Oct 2026<\/div><div class=\"lb\">Launched, built from zero<\/div><\/div><div class=\"metric\"><div class=\"num\">7 nights<\/div><div class=\"lb\">Every night bookable online<\/div><\/div><div class=\"metric\"><div class=\"num\">3 guides<\/div><div class=\"lb\">SEO blog posts live at launch<\/div><\/div><div class=\"metric\"><div class=\"num\">4.9\u2605<\/div><div class=\"lb\">Google rating surfaced on site<\/div><\/div><\/div>\r\n<p class=\"qual\">The site launched in October 2026. Traffic, ranking and booking numbers will be published here once there are 90 days of data, the same way every other case study on this site uses real figures.<\/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>Design, build, copy and SEO from zero<\/h2><\/div>\r\n<ul class=\"delivered\"><li><span class=\"ck\">\u2713<\/span><span>Brand-new website design<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>WordPress + Elementor build<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>All website, FAQ &amp; blog copywriting<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Booking integration (TicketingHub)<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Keyword research &amp; on-page SEO<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Technical SEO: schema, sitemap, performance<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Meeting-point page &amp; WhatsApp flow<\/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 pub crawl 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\">barcelonapubcrawl.es<\/span><\/div><div class=\"carousel\"><div class=\"track\"><div class=\"slide\" data-label=\"Homepage and tonight&#x27;s ticket\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/bpc-carousel-home.webp\" alt=\"Homepage and tonight&#x27;s ticket\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"What you get, stop by stop\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/bpc-carousel-what-you-get.webp\" alt=\"What you get, stop by stop\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Pick a night\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/bpc-carousel-pick-a-night.webp\" alt=\"Pick a night\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Booking and FAQ\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/bpc-carousel-booking.webp\" alt=\"Booking and FAQ\" 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\">Homepage and tonight&#x27;s ticket<\/div><\/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\/barcelona-party-pass-website\/\"><div class=\"dir\">&#8249; Previous<\/div><h4>Barcelona Party Pass<\/h4><\/a>\r\n<a class=\"rel\" href=\"https:\/\/datdesignlab.com\/portfolio\/industricta-website\/\"><div class=\"dir\">Next &#8250;<\/div><h4>Industricta<\/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>Un pub crawl nuevo en Barcelona, sin sitio web. Una p\u00e1gina pensada para m\u00f3vil que explica la oferta en segundos, toma la reserva en dos toques y un blog hecho para las b\u00fasquedas que hacen los turistas antes de salir de noche.<\/p>","protected":false},"author":1,"featured_media":10965,"parent":5535,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10977","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10977","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=10977"}],"version-history":[{"count":4,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10977\/revisions"}],"predecessor-version":[{"id":10994,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10977\/revisions\/10994"}],"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\/10965"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=10977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}