{"id":3540,"date":"2025-06-10T19:09:54","date_gmt":"2025-06-10T19:09:54","guid":{"rendered":"https:\/\/promorangco.com\/content\/%f0%9f%9a%80-just-shipped-a-modern-survey-landing-page-with-next-js-tailwind-css\/"},"modified":"2025-06-10T19:09:54","modified_gmt":"2025-06-10T19:09:54","slug":"%f0%9f%9a%80-just-shipped-a-modern-survey-landing-page-with-next-js-tailwind-css","status":"publish","type":"content","link":"https:\/\/promorangco.com\/es\/content\/%f0%9f%9a%80-just-shipped-a-modern-survey-landing-page-with-next-js-tailwind-css\/","title":{"rendered":"\ud83d\ude80 Just shipped a modern survey landing page with Next.js + Tailwind CSS!"},"content":{"rendered":"<p>Key features I implemented:<br \/>\n\u2728 Smooth loading animations with React hooks<br \/>\n\ud83c\udf89 Celebratory confetti effects (because why not make surveys fun?)<br \/>\n\ud83d\udcf1 Fully responsive design across all devices<br \/>\n\ud83d\udd17 Seamless iframe form integration<br \/>\n\ud83c\udfa8 Warm, earthy color palette for better UX<\/p>\n<p>Tech stack:<br \/>\n\u2022 Next.js 13+ with App Router<br \/>\n\u2022 React 18 hooks<br \/>\n\u2022 Tailwind CSS<br \/>\n\u2022 react-confetti library<\/p>\n<p>The biggest challenge? Making an embedded form feel native to the page design. Solved it with careful styling and responsive iframe handling.<\/p>\n<p>Sometimes it&#8217;s the small touches like entrance animations and confetti that make users smile \ud83d\ude0a<\/p>\n<p>Read the full technical breakdown with code examples in my latest article \ud83d\udc47<\/p>\n<p>https:\/\/lnkd.in\/gksQrpeZ<\/p>","protected":false},"author":258,"featured_media":1438,"comment_status":"open","ping_status":"closed","template":"","categories":[],"tags":[],"class_list":["post-3540","content","type-content","status-publish","has-post-thumbnail","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/promorangco.com\/es\/wp-json\/wp\/v2\/content\/3540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promorangco.com\/es\/wp-json\/wp\/v2\/content"}],"about":[{"href":"https:\/\/promorangco.com\/es\/wp-json\/wp\/v2\/types\/content"}],"author":[{"embeddable":true,"href":"https:\/\/promorangco.com\/es\/wp-json\/wp\/v2\/users\/258"}],"replies":[{"embeddable":true,"href":"https:\/\/promorangco.com\/es\/wp-json\/wp\/v2\/comments?post=3540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/promorangco.com\/es\/wp-json\/wp\/v2\/media\/1438"}],"wp:attachment":[{"href":"https:\/\/promorangco.com\/es\/wp-json\/wp\/v2\/media?parent=3540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promorangco.com\/es\/wp-json\/wp\/v2\/categories?post=3540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promorangco.com\/es\/wp-json\/wp\/v2\/tags?post=3540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}