{"id":109,"date":"2026-06-08T16:27:13","date_gmt":"2026-06-08T16:27:13","guid":{"rendered":"https:\/\/nuberona.com\/?page_id=109"},"modified":"2026-06-08T16:27:14","modified_gmt":"2026-06-08T16:27:14","slug":"landing-diseno-web","status":"publish","type":"page","link":"https:\/\/nuberona.com\/en\/landing-diseno-web\/","title":{"rendered":"Your professional website \u2014 pay nothing until you love it | Nuberona"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"109\" class=\"elementor elementor-109 elementor-107\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e8378c e-flex e-con-full e-con e-parent\" data-id=\"2e8378c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0d14b4 elementor-widget elementor-widget-html\" data-id=\"c0d14b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"\/assets\/landing-web.css\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a33080b elementor-widget elementor-widget-html\" data-id=\"a33080b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header id=\"site-header\"><\/header>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5b72ba elementor-widget elementor-widget-html\" data-id=\"a5b72ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lp-hero\">\n    <span class=\"orb orb1\"><\/span><span class=\"orb orb2\"><\/span>\n    <div class=\"lp-wrap lp-hero-in\">\n      <span class=\"offer-pill\"><span class=\"dot\"><\/span>Zero risk \u00b7 You only pay if you love it<\/span>\n      <h1>Your new professional website.<br><span class=\"text-grad\">You pay nothing until you love it.<\/span><\/h1>\n      <p class=\"sub\">We design and build it <b>completely<\/b>. You see it finished, navigable and ready. <b>You only pay if you are convinced.<\/b> No deposits, no surprises, no commitment.<\/p>\n      <div class=\"hero-cta-row\">\n        <a href=\"#empezar\" class=\"btn btn-primary btn-lg\">Start now \u2014 free until I like it<\/a>\n        <div class=\"micro\">\n          <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\u20ac0 upfront<\/span>\n          <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Ready in days<\/span>\n          <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Made in Spain<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"proof-row\">\n        <div class=\"avatars\"><span>M<\/span><span>J<\/span><span>L<\/span><span>A<\/span><\/div>\n        <div>\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"ptxt\"><b>Businesses that already trust<\/b> Nuberona for their website<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-shot\">\n        <div class=\"brow\">\n          <div class=\"brow-bar\"><span class=\"d\"><\/span><span class=\"d\"><\/span><span class=\"d\"><\/span><span class=\"url\">yourbusiness.com<\/span><\/div>\n          <div class=\"shot-body\"><img decoding=\"async\" class=\"lp-shot\" src=\"\/assets\/cases\/foro-today.png\" alt=\"Webs creadas por Nuberona\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"float-rate\"><b>0\u20ac<\/b><span>until approved<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cf4101 elementor-widget elementor-widget-html\" data-id=\"1cf4101\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section\">\n    <div class=\"lp-wrap\">\n      <div class=\"lp-head\">\n        <span class=\"eyebrow\">Sound familiar?<\/span>\n        <h2>Your website shouldn't cost you customers.<\/h2>\n        <p>If this sounds like you, you're losing sales every day:<\/p>\n      <\/div>\n      <div class=\"pain-grid\">\n        <div class=\"pain\"><span class=\"px\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"><\/path><\/svg><\/span><p><b>You have no website<\/b> and rely only on word of mouth or Instagram.<\/p><\/div>\n        <div class=\"pain\"><span class=\"px\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"><\/path><\/svg><\/span><p>Your current site is <b>outdated<\/b> and gives an image that doesn't represent you.<\/p><\/div>\n        <div class=\"pain\"><span class=\"px\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"><\/path><\/svg><\/span><p>On mobile it <b>looks bad<\/b> and people leave before reading anything.<\/p><\/div>\n        <div class=\"pain\"><span class=\"px\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"><\/path><\/svg><\/span><p>You've been asked for <b>thousands of euros upfront<\/b> and you don't trust it.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c687bae elementor-widget elementor-widget-html\" data-id=\"c687bae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section\" style=\"background:var(--surface);border-block:1px solid var(--line)\">\n    <div class=\"lp-wrap\">\n      <div class=\"lp-head\">\n        <span class=\"eyebrow\">This easy<\/span>\n        <h2>Three steps. Zero risk.<\/h2>\n        <p>You tell us, we create, and you only decide to pay once you've seen it.<\/p>\n      <\/div>\n      <div class=\"steps3\">\n        <div class=\"s3\">\n          <div class=\"s3n\">1<\/div>\n          <h3>You tell us<\/h3>\n          <p>Fill in the form with your business, your logo, your colours and what you like. 5 minutes and done.<\/p>\n          <span class=\"tag\">\u23f1 5 min \u00b7 free<\/span>\n        <\/div>\n        <div class=\"s3\">\n          <div class=\"s3n\">2<\/div>\n          <h3>We create it<\/h3>\n          <p>We design and build your complete website. We let you know when it's ready so you can see it online.<\/p>\n          <span class=\"tag\">\ud83d\ude80 in a few days<\/span>\n        <\/div>\n        <div class=\"s3\">\n          <div class=\"s3n\">3<\/div>\n          <h3>Pay if you love it<\/h3>\n          <p>Review it at your own pace. If you're convinced, you launch it and pay. If not, you pay nothing. No excuses.<\/p>\n          <span class=\"tag\">\ud83d\udc99 \u20ac0 if you don't like it<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e44a855 elementor-widget elementor-widget-html\" data-id=\"e44a855\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section-sm\">\n    <div class=\"lp-wrap\">\n      <div class=\"guar\">\n        <span class=\"orb\"><\/span>\n        <div class=\"guar-seal\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3 4 7v5c0 4.5 3.2 7.5 8 9 4.8-1.5 8-4.5 8-9V7l-8-4Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/div>\n        <h2>Guarantee: love it or you don't pay.<\/h2>\n        <p>We take on all the risk. We build your website first and you decide afterwards. It's the fairest way to work: if you're not convinced, it doesn't cost you a single euro.<\/p>\n        <div class=\"guar-points\">\n          <span class=\"gp\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>No upfront payment<\/span>\n          <span class=\"gp\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>No lock-in<\/span>\n          <span class=\"gp\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>No fine print<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06a2d9e elementor-widget elementor-widget-html\" data-id=\"06a2d9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section\">\n    <div class=\"lp-wrap\">\n      <div class=\"lp-head\">\n        <span class=\"eyebrow\">All included<\/span>\n        <h2>What you get with your website.<\/h2>\n        <p>A complete professional website, not a generic template. All this, for a single price:<\/p>\n      <\/div>\n      <div class=\"value-card\">\n        <ul class=\"value-list\">\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><div><b>Custom design<\/b><span>Made for your brand, not a template.<\/span><\/div><\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><div><b>100% responsive<\/b><span>Flawless on mobile, tablet and desktop.<\/span><\/div><\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><div><b>Up to 5 pages<\/b><span>Home, services, about you, contact and more.<\/span><\/div><\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><div><b>Contact form<\/b><span>So direct customers reach you.<\/span><\/div><\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><div><b>Basic SEO optimisation<\/b><span>So Google finds you.<\/span><\/div><\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><div><b>Ultra-fast loading<\/b><span>Sites that fly and don't keep you waiting.<\/span><\/div><\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><div><b>Connection to your domain<\/b><span>We help you publish it on your domain.<\/span><\/div><\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><div><b>Close support<\/b><span>Real people who truly help you.<\/span><\/div><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e669b6f elementor-widget elementor-widget-html\" data-id=\"e669b6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section-sm\">\n    <div class=\"lp-wrap\">\n      <div class=\"lp-head\">\n        <span class=\"eyebrow\">Honest price<\/span>\n        <h2>One price. When you decide.<\/h2>\n      <\/div>\n      <div class=\"price-box\">\n        <p class=\"price-anchor\">Other agencies: <s>\u20ac1,500 \u2013 \u20ac3,000<\/s><\/p>\n        <div class=\"price-main\"><span class=\"amt\">800<\/span><span class=\"cur\">\u20ac<\/span><\/div>\n        <p class=\"price-vat\" id=\"priceVat\">+ VAT depending on your country (EU)<\/p>\n        <p class=\"price-when\">And the best part: <b>you only pay when the website convinces you.<\/b> Not a euro before.<\/p>\n        <a href=\"#empezar\" class=\"btn btn-primary btn-lg\">I want to start free<\/a>\n        <div class=\"price-foot\">\n          <svg viewbox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"10\" width=\"16\" height=\"10\" rx=\"2\"><\/rect><path d=\"M8 10V7a4 4 0 0 1 8 0v3\"><\/path><\/svg>\n          Secure payment \u00b7 Invoice with all your details\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1902a36 elementor-widget elementor-widget-html\" data-id=\"1902a36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section\" style=\"background:var(--surface);border-block:1px solid var(--line)\">\n    <div class=\"lp-wrap\">\n      <div class=\"lp-head\">\n        <span class=\"eyebrow\">What they say<\/span>\n        <h2>Clients who took the step.<\/h2>\n      <\/div>\n      <div class=\"tst-grid\"><div class=\"tst\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>\u00abWe needed a website that built trust with our community. Nuberona delivered it finished and we only paid once we saw it. Flawless.\u00bb<\/p><div class=\"who\"><span class=\"av\">N<\/span><div><b>Noel R.<\/b><span>Foro.Today \u00b7 Marketing<\/span><\/div><\/div><\/div><div class=\"tst\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>\u00abWe wanted a clear website for families and that is exactly what we got: beautiful, fast and easy to manage. Delighted.\u00bb<\/p><div class=\"who\"><span class=\"av\">M<\/span><div><b>Mari\u00e1ngeles B.<\/b><span>Sevitonina.es \u00b7 Education<\/span><\/div><\/div><\/div><div class=\"tst\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>\u00abThey turned our idea into a real, custom SaaS. Friendly service and no weird upfront payments. We will be back.\u00bb<\/p><div class=\"who\"><span class=\"av\">N<\/span><div><b>Nery P.<\/b><span>Pawky \u00b7 Custom SaaS<\/span><\/div><\/div><\/div><\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ec6f1b elementor-widget elementor-widget-html\" data-id=\"1ec6f1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section-sm\">\n    <div class=\"lp-wrap\">\n      <div class=\"urg\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v6l4 2\"><\/path><circle cx=\"12\" cy=\"13\" r=\"9\"><\/circle><\/svg>\n        <b>Limited slots each month<\/b>\n        <span class=\"spots\">Few left for this month<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f08ed03 elementor-widget elementor-widget-html\" data-id=\"f08ed03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section\">\n    <div class=\"lp-wrap\">\n      <div class=\"lp-head\">\n        <span class=\"eyebrow\">Doubts resolved<\/span>\n        <h2>Before you ask.<\/h2>\n      <\/div>\n      <div class=\"lp-faq\" id=\"lpFaq\">\n        <div class=\"faq-item\"><button class=\"faq-q\"><span>Do I really pay nothing until I like it?<\/span><span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><p>Exactly. We design your complete website and show it to you finished. You only pay the \u20ac800 if you decide to launch it. If you're not convinced, you pay nothing and there's no commitment.<\/p><\/div><\/div>\n        <div class=\"faq-item\"><button class=\"faq-q\"><span>What does the \u20ac800 price include?<\/span><span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><p>The design and development of your professional website (up to 5 pages), responsive, with a contact form, basic SEO and help publishing it on your domain. In the EU the corresponding VAT is added; outside the EU the price is without VAT.<\/p><\/div><\/div>\n        <div class=\"faq-item\"><button class=\"faq-q\"><span>How long until it's ready?<\/span><span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><p>Usually a few days after we receive all your information. The clearer you tell us in the form, the faster you'll have it.<\/p><\/div><\/div>\n        <div class=\"faq-item\"><button class=\"faq-q\"><span>What if I want changes?<\/span><span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><p>We include rounds of adjustments to leave it just how you like. The goal is for you to love it; that's why we work with you until you're convinced.<\/p><\/div><\/div>\n        <div class=\"faq-item\"><button class=\"faq-q\"><span>Do I need to have a logo or copy?<\/span><span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><p>If you have them, great: upload them in the form. If not, don't worry, we guide you and solve it together. We can also start from websites you like as a reference.<\/p><\/div><\/div>\n        <div class=\"faq-item\"><button class=\"faq-q\"><span>Who is behind Nuberona?<\/span><span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><p>A technology agency based in Madrid, specialising in software, web design, telecom and automation. Real people, legal invoicing and close, friendly service.<\/p><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f33754f elementor-widget elementor-widget-html\" data-id=\"f33754f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section form-section\" id=\"empezar\">\n    <span class=\"orb orb1\"><\/span>\n    <div class=\"lp-wrap\">\n      <div class=\"lp-head\">\n        <span class=\"eyebrow on-dark\" style=\"justify-content:center\">Start free<\/span>\n        <h2>Tell us about your ideal website.<\/h2>\n        <p>Fill in these steps and we get to work. Remember: you pay nothing until you see it.<\/p>\n      <\/div>\n\n      <div class=\"form-shell\">\n        <div class=\"form-top\" id=\"formTop\">\n          <div class=\"form-progress\">\n            <span class=\"pstep active\" data-s=\"1\"><i><\/i><\/span>\n            <span class=\"pstep\" data-s=\"2\"><i><\/i><\/span>\n            <span class=\"pstep\" data-s=\"3\"><i><\/i><\/span>\n            <span class=\"pstep\" data-s=\"4\"><i><\/i><\/span>\n          <\/div>\n          <p class=\"form-step-label\">Step <b id=\"stepNow\">1<\/b> of 4 \u2014 <span id=\"stepName\">About your business<\/span><\/p>\n        <\/div>\n\n        <form id=\"leadForm\" class=\"form-body\" novalidate>\n          <!-- STEP 1 -->\n          <div class=\"fstep active\" data-step=\"1\">\n            <h3>About your business<\/h3>\n            <p class=\"fsub\">To understand what you need to show.<\/p>\n            <div class=\"field\">\n              <label>Business name <span class=\"req\">*<\/span><\/label>\n              <input type=\"text\" name=\"negocio\" placeholder=\"e.g. La Espiga Bakery\">\n              <span class=\"msg\">Required field<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>What do you do? <span class=\"req\">*<\/span><\/label>\n              <input type=\"text\" name=\"sector\" placeholder=\"e.g. Restaurant, lawyer, clothing shop...\">\n              <span class=\"msg\">Required field<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Briefly tell us what you offer<\/label>\n              <textarea name=\"descripcion\" placeholder=\"What you sell or what service you provide, to whom, and what makes you different.\"><\/textarea>\n            <\/div>\n            <div class=\"field\">\n              <label>Do you currently have a website?<\/label>\n              <input type=\"text\" name=\"web_actual\" placeholder=\"Paste the link or write \u00abI don't have one\u00bb\">\n            <\/div>\n            <div class=\"form-nav\">\n              <button type=\"button\" class=\"btn btn-primary\" data-next>Continue \u2192<\/button>\n            <\/div>\n          <\/div>\n\n          <!-- STEP 2 -->\n          <div class=\"fstep\" data-step=\"2\">\n            <h3>Your brand<\/h3>\n            <p class=\"fsub\">Logo, colours and style that represent you.<\/p>\n            <div class=\"field\">\n              <label>Upload your logo (if you have one)<\/label>\n              <label class=\"file-drop\">\n                <input type=\"file\" name=\"logo\" accept=\"image\/*,.pdf,.svg\" id=\"logoInput\">\n                <span class=\"fd-ic\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 16V4M7 9l5-5 5 5\"><\/path><path d=\"M5 20h14\"><\/path><\/svg><\/span>\n                <p>Drag your logo here or <b>click to upload it<\/b><\/p>\n                <p style=\"font-size:.78rem;color:var(--ink-400);margin-top:2px\">PNG, JPG, SVG or PDF<\/p>\n                <p class=\"fd-name\" id=\"logoName\"><\/p>\n              <\/label>\n            <\/div>\n            <div class=\"field\">\n              <label>What colours do you like for your website?<\/label>\n              <div class=\"color-pick\" id=\"colorPick\">\n                <label><input type=\"checkbox\" name=\"colores\" value=\"Blue\"><span class=\"sw\" style=\"background:#2E72D2\"><\/span><\/label>\n                <label><input type=\"checkbox\" name=\"colores\" value=\"Green\"><span class=\"sw\" style=\"background:#1F8A5B\"><\/span><\/label>\n                <label><input type=\"checkbox\" name=\"colores\" value=\"Black\"><span class=\"sw\" style=\"background:#1a1a1a\"><\/span><\/label>\n                <label><input type=\"checkbox\" name=\"colores\" value=\"Orange\"><span class=\"sw\" style=\"background:#E8743B\"><\/span><\/label>\n                <label><input type=\"checkbox\" name=\"colores\" value=\"Purple\"><span class=\"sw\" style=\"background:#7C4DD1\"><\/span><\/label>\n                <label><input type=\"checkbox\" name=\"colores\" value=\"Pink\"><span class=\"sw\" style=\"background:#E0518F\"><\/span><\/label>\n                <label><input type=\"checkbox\" name=\"colores\" value=\"Red\"><span class=\"sw\" style=\"background:#D94545\"><\/span><\/label>\n                <label><input type=\"checkbox\" name=\"colores\" value=\"Gold\"><span class=\"sw\" style=\"background:#C8A24A\"><\/span><\/label>\n              <\/div>\n            <\/div>\n            <div class=\"field\">\n              <label>Do you have specific brand colours? (optional)<\/label>\n              <input type=\"text\" name=\"colores_hex\" placeholder=\"e.g. #FF5733, corporate blue...\">\n            <\/div>\n            <div class=\"field\">\n              <label>Websites you like (references)<\/label>\n              <textarea name=\"referencias\" placeholder=\"Paste 1-3 websites you love (in your sector or not). It helps us a lot.\"><\/textarea>\n            <\/div>\n            <div class=\"form-nav\">\n              <button type=\"button\" class=\"btn btn-ghost btn-back\" data-back>\u2190<\/button>\n              <button type=\"button\" class=\"btn btn-primary\" data-next>Continue \u2192<\/button>\n            <\/div>\n          <\/div>\n\n          <!-- STEP 3 -->\n          <div class=\"fstep\" data-step=\"3\">\n            <h3>Your website<\/h3>\n            <p class=\"fsub\">What you want to achieve and what you need.<\/p>\n            <div class=\"field\">\n              <label>What is the main goal? <span class=\"req\">*<\/span><\/label>\n              <select name=\"objetivo\">\n                <option value=\"\">Select an option<\/option>\n                <option>Get more clients \/ leads<\/option>\n                <option>Sell online (store)<\/option>\n                <option>Project professional image \/ credibility<\/option>\n                <option>Showcase my services or portfolio<\/option>\n                <option>Bookings or appointments<\/option>\n                <option>Other<\/option>\n              <\/select>\n              <span class=\"msg\">Select an option<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Which sections do you need?<\/label>\n              <div class=\"chip-pick\" id=\"chipPick\">\n                <label><input type=\"checkbox\" name=\"secciones\" value=\"Home\"><span class=\"cp\">Home<\/span><\/label>\n                <label><input type=\"checkbox\" name=\"secciones\" value=\"Services\"><span class=\"cp\">Services<\/span><\/label>\n                <label><input type=\"checkbox\" name=\"secciones\" value=\"About me\"><span class=\"cp\">About me<\/span><\/label>\n                <label><input type=\"checkbox\" name=\"secciones\" value=\"Portfolio\"><span class=\"cp\">Portfolio<\/span><\/label>\n                <label><input type=\"checkbox\" name=\"secciones\" value=\"Store\"><span class=\"cp\">Store<\/span><\/label>\n                <label><input type=\"checkbox\" name=\"secciones\" value=\"Blog\"><span class=\"cp\">Blog<\/span><\/label>\n                <label><input type=\"checkbox\" name=\"secciones\" value=\"Contact\"><span class=\"cp\">Contact<\/span><\/label>\n                <label><input type=\"checkbox\" name=\"secciones\" value=\"Bookings\"><span class=\"cp\">Bookings<\/span><\/label>\n              <\/div>\n            <\/div>\n            <div class=\"field\">\n              <label>Do you have the copy and photos?<\/label>\n              <select name=\"contenidos\">\n                <option value=\"\">Select an option<\/option>\n                <option>Yes, I have almost everything<\/option>\n                <option>I have some, but I need help<\/option>\n                <option>I have nothing, I need guidance<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"field\">\n              <label>When do you need it?<\/label>\n              <select name=\"plazo\">\n                <option value=\"\">Select an option<\/option>\n                <option>As soon as possible<\/option>\n                <option>In 2-4 weeks<\/option>\n                <option>No rush, but this month<\/option>\n                <option>Just exploring<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"form-nav\">\n              <button type=\"button\" class=\"btn btn-ghost btn-back\" data-back>\u2190<\/button>\n              <button type=\"button\" class=\"btn btn-primary\" data-next>Continue \u2192<\/button>\n            <\/div>\n          <\/div>\n\n          <!-- STEP 4 -->\n          <div class=\"fstep\" data-step=\"4\">\n            <h3>Your details<\/h3>\n            <p class=\"fsub\">To send you your website when it's ready.<\/p>\n            <div class=\"frow\">\n              <div class=\"field\">\n                <label>Nombre <span class=\"req\">*<\/span><\/label>\n                <input type=\"text\" name=\"nombre\" placeholder=\"Your name\">\n                <span class=\"msg\">Required field<\/span>\n              <\/div>\n              <div class=\"field\">\n                <label>Phone \/ WhatsApp <span class=\"req\">*<\/span><\/label>\n                <input type=\"tel\" name=\"telefono\" placeholder=\"+34 600 000 000\">\n                <span class=\"msg\">Required field<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"field\">\n              <label>Email <span class=\"req\">*<\/span><\/label>\n              <input type=\"email\" name=\"email\" placeholder=\"tu@email.com\">\n              <span class=\"msg\">Enter a valid email<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Country <span class=\"req\">*<\/span><\/label>\n              <select name=\"pais\" id=\"paisSelect\">\n                <option value=\"\">Select your country<\/option>\n                <optgroup label=\"European Union\">\n                  <option value=\"eu\" data-eu=\"1\">Spain<\/option>\n                  <option value=\"eu\" data-eu=\"1\">Germany<\/option>\n                  <option value=\"eu\" data-eu=\"1\">France<\/option>\n                  <option value=\"eu\" data-eu=\"1\">Italy<\/option>\n                  <option value=\"eu\" data-eu=\"1\">Portugal<\/option>\n                  <option value=\"eu\" data-eu=\"1\">Countryes Bajos<\/option>\n                  <option value=\"eu\" data-eu=\"1\">Belgium<\/option>\n                  <option value=\"eu\" data-eu=\"1\">Ireland<\/option>\n                  <option value=\"eu\" data-eu=\"1\">Austria<\/option>\n                  <option value=\"eu\" data-eu=\"1\">Other EU country<\/option>\n                <\/optgroup>\n                <optgroup label=\"Outside the EU\">\n                  <option value=\"noeu\" data-eu=\"0\">United Kingdom<\/option>\n                  <option value=\"noeu\" data-eu=\"0\">United States<\/option>\n                  <option value=\"noeu\" data-eu=\"0\">Mexico<\/option>\n                  <option value=\"noeu\" data-eu=\"0\">Argentina<\/option>\n                  <option value=\"noeu\" data-eu=\"0\">Colombia<\/option>\n                  <option value=\"noeu\" data-eu=\"0\">Chile<\/option>\n                  <option value=\"noeu\" data-eu=\"0\">Switzerland<\/option>\n                  <option value=\"noeu\" data-eu=\"0\">Other country (outside the EU)<\/option>\n                <\/optgroup>\n              <\/select>\n              <span class=\"msg\">Select your country<\/span>\n            <\/div>\n            <div class=\"vat-live\" id=\"vatLive\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 8h.01M11 12h1v4h1\"><\/path><\/svg>\n              <span id=\"vatLiveText\">Price: <b>\u20ac800 + VAT<\/b> based on your country (EU). You only pay if you're convinced.<\/span>\n            <\/div>\n            <div class=\"consent\" id=\"consentField\">\n              <input type=\"checkbox\" id=\"consent\" name=\"consent\">\n              <label for=\"consent\">Acepto la <a href=\"\/en\/privacidad\/\" target=\"_blank\">Pol\u00edtica de privacidad<\/a> y que Nuberona me contacte sobre mi web. <b>No pago nada until approvedla.<\/b><\/label>\n            <\/div>\n            <div class=\"form-nav\">\n              <button type=\"button\" class=\"btn btn-ghost btn-back\" data-back>\u2190<\/button>\n              <button type=\"submit\" class=\"btn btn-primary btn-lg\">Send and start free \ud83d\ude80<\/button>\n            <\/div>\n          <\/div>\n        <\/form>\n\n        <!-- SUCCESS -->\n        <div class=\"form-success\" id=\"leadSuccess\">\n          <div class=\"fs-ic\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div>\n          <h3>Received! \ud83c\udf89<\/h3>\n          <p>Thanks for trusting Nuberona. We'll get to work on your website.<\/p>\n          <div class=\"next\">We'll contact you within 24 business hours \u00b7 \u20ac0 until you approve it<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dd2018 elementor-widget elementor-widget-html\" data-id=\"5dd2018\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer id=\"site-footer\"><\/footer>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f5c6b4 elementor-widget elementor-widget-html\" data-id=\"9f5c6b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n\n(function () {\n  var _ly=document.getElementById('lpYear'); if(_ly)_ly.textContent=new Date().getFullYear();\n\n  \/\/ ---- FAQ ----\n  document.querySelectorAll('#lpFaq .faq-item').forEach(function (item) {\n    var q = item.querySelector('.faq-q'), a = item.querySelector('.faq-a');\n    q.addEventListener('click', function () {\n      var open = item.classList.contains('open');\n      document.querySelectorAll('#lpFaq .faq-item').forEach(function (i) { i.classList.remove('open'); i.querySelector('.faq-a').style.maxHeight = null; });\n      if (!open) { item.classList.add('open'); a.style.maxHeight = a.scrollHeight + 'px'; }\n    });\n  });\n\n  \/\/ ---- file name ----\n  var logoInput = document.getElementById('logoInput');\n  logoInput.addEventListener('change', function () {\n    document.getElementById('logoName').textContent = logoInput.files.length ? '\u2713 ' + logoInput.files[0].name : '';\n  });\n\n  \/\/ ---- VAT logic ----\n  var paisSel = document.getElementById('paisSelect');\n  var vatText = document.getElementById('vatLiveText');\n  var priceVat = document.getElementById('priceVat');\n  paisSel.addEventListener('change', function () {\n    var opt = paisSel.options[paisSel.selectedIndex];\n    var eu = opt && opt.getAttribute('data-eu');\n    if (eu === '1') { vatText.innerHTML = 'Precio: <b>\u20ac800 + VAT<\/b> (pa\u00eds de la UE). Solo pagas si te convence.'; }\n    else if (eu === '0') { vatText.innerHTML = 'Precio: <b>800\u20ac sin IVA<\/b> (fuera de la UE). Solo pagas si te convence.'; }\n    else { vatText.innerHTML = 'Precio: <b>800\u20ac<\/b>. Solo pagas si te convence.'; }\n  });\n\n  \/\/ ---- multi-step ----\n  var form = document.getElementById('leadForm');\n  var steps = form.querySelectorAll('.fstep');\n  var psteps = document.querySelectorAll('.form-progress .pstep');\n  var stepNames = ['About your business', 'Your brand', 'Your website', 'Your details'];\n  var current = 1;\n  function showStep(n) {\n    steps.forEach(function (s) { s.classList.toggle('active', +s.getAttribute('data-step') === n); });\n    psteps.forEach(function (p) {\n      var s = +p.getAttribute('data-s');\n      p.classList.toggle('done', s < n);\n      p.classList.toggle('active', s === n);\n    });\n    document.getElementById('stepNow').textContent = n;\n    document.getElementById('stepName').textContent = stepNames[n - 1];\n    current = n;\n    var top = document.getElementById('formTop');\n    var y = top.getBoundingClientRect().top + window.scrollY - 90;\n    window.scrollTo({ top: y, behavior: 'smooth' });\n  }\n  function validateStep(n) {\n    var required = {\n      1: ['negocio', 'sector'],\n      2: [],\n      3: ['objetivo'],\n      4: ['nombre', 'telefono', 'email', 'pais']\n    };\n    var ok = true;\n    (required[n] || []).forEach(function (name) {\n      var el = form.elements[name];\n      var f = el.closest('.field');\n      var bad = !el.value.trim();\n      if (name === 'email' && el.value.trim()) bad = !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(el.value.trim());\n      if (f) f.classList.toggle('err', bad);\n      if (bad) ok = false;\n    });\n    return ok;\n  }\n  form.querySelectorAll('[data-next]').forEach(function (b) {\n    b.addEventListener('click', function () { if (validateStep(current)) showStep(current + 1); });\n  });\n  form.querySelectorAll('[data-back]').forEach(function (b) {\n    b.addEventListener('click', function () { showStep(current - 1); });\n  });\n  form.querySelectorAll('input,select,textarea').forEach(function (el) {\n    el.addEventListener('input', function () { var f = el.closest('.field'); if (f) f.classList.remove('err'); });\n    el.addEventListener('change', function () { if (el.id === 'consent') document.getElementById('consentField').classList.remove('err'); });\n  });\n  form.addEventListener('submit', function (e) {\n    e.preventDefault();\n    if (!validateStep(4)) return;\n    var consent = document.getElementById('consent');\n    if (!consent.checked) { document.getElementById('consentField').classList.add('err'); return; }\n    form.style.display = 'none';\n    document.getElementById('formTop').style.display = 'none';\n    document.getElementById('leadSuccess').classList.add('show');\n    var top = document.querySelector('.form-shell');\n    window.scrollTo({ top: top.getBoundingClientRect().top + window.scrollY - 90, behavior: 'smooth' });\n  });\n})();\n\n<\/script>\n<script>(function(){try{var shot=document.querySelector('.lp-shot');if(!shot)return;var urlEl=document.querySelector('.lp-hero .brow .url');var items=[{i:'foro-today.png',u:'foro.today'},{i:'sevitonina.png',u:'sevitonina.es'},{i:'pawky.png',u:'pawky.io'},{i:'jardilin.png',u:'jardilin.es'},{i:'carmona.png',u:'carmona.globalaossa.es'}];var k=0;setInterval(function(){k=(k+1)%items.length;shot.classList.add('fade');setTimeout(function(){shot.src='\/assets\/cases\/'+items[k].i;if(urlEl)urlEl.textContent=items[k].u;shot.classList.remove('fade');},350);},2800);}catch(e){}})();<\/script>\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>Zero risk \u00b7 You only pay if you love it Your new professional website.You pay nothing until you love it. We design and build it completely. You see it finished, navigable and ready. You only pay if you are convinced. No deposits, no surprises, no commitment. Start now \u2014 free until I like it \u20ac0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuberona.com\/en\/wp-json\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuberona.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuberona.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuberona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nuberona.com\/en\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":1,"href":"https:\/\/nuberona.com\/en\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/nuberona.com\/en\/wp-json\/wp\/v2\/pages\/109\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/nuberona.com\/en\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}