{"id":27,"date":"2026-05-21T18:45:14","date_gmt":"2026-05-21T18:45:14","guid":{"rendered":"https:\/\/newsite.clddemos.com\/index.php\/showcase\/"},"modified":"2026-06-11T18:27:16","modified_gmt":"2026-06-11T18:27:16","slug":"showcase","status":"publish","type":"page","link":"https:\/\/newsite.clddemos.com\/index.php\/showcase\/","title":{"rendered":"Showcase"},"content":{"rendered":"<section data-etch-element=\"section\" class=\"showcase-hero\"><div data-etch-element=\"container\" class=\"showcase-hero__container\"><div class=\"showcase-hero__content\"><h1 class=\"showcase-hero__headline\">welcome to the lab<\/h1><p class=\"showcase-hero__subhead1\">Most portfolios ask you to imagine.<\/p><p class=\"showcase-hero__subhead2\">This one asks you to scroll.<\/p><p class=\"showcase-hero__description\">Looking at someone else&#039;s finished site and trying to imagine yours is a big ask. <br \/><br \/>What follows is a series of experiments in design, interaction, and motion\u2014synthesized in the lab one detail at a time\u2014so you can focus on what&#039;s possible, not some else&#039;s brand.<\/p><div class=\"showcase-hero__ctas\"><a href=\"#\" class=\"btn--primary\">ANIMATED DOWN ARROW GOES HERE<\/a><\/div><\/div><\/div><div class=\"showcase-grid\"><div class=\"showcase-grid__wrapper\"><div class=\"showcase-grid__column\"><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--portrait\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--wide\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--tall\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--landscape\" \/><\/div><div class=\"showcase-grid__column\"><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--tall\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--landscape\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--portrait\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--wide\" \/><\/div><div class=\"showcase-grid__column\"><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--landscape\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--portrait\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--wide\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--tall\" \/><\/div><div class=\"showcase-grid__column\"><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--wide\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--tall\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--landscape\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--portrait\" \/><\/div><div class=\"showcase-grid__column\"><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--tall\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--portrait\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--landscape\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--wide\" \/><\/div><div class=\"showcase-grid__column\"><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--landscape\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--tall\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--portrait\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--wide\" \/><\/div><div class=\"showcase-grid__column\"><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--portrait\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--wide\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--tall\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--landscape\" \/><\/div><div class=\"showcase-grid__column\"><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--wide\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--landscape\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--portrait\" \/><img decoding=\"async\" src=\"https:\/\/imgcaps.s3.us-west-1.amazonaws.com\/Horizontal-Small-img.svg\" alt=\"Showcase image\" class=\"showcase-grid__image showcase-grid__image--tall\" \/><\/div><\/div><\/div><\/section><section class=\"dots-section\"><div class=\"dots-section__grid-wrap\"><div data-dots-container-init=\"\" class=\"dots-section__grid\"><div class=\"dots-section__dot\"><\/div><\/div><\/div><div class=\"dots-section__content\"><h2 class=\"dots-section__title\">When a page feels alive, visitors stick around to see what&#039;s next.<\/h2><\/div><\/section><section data-etch-element=\"section\" class=\"lab-cards\"><div data-etch-element=\"container\" class=\"lab-cards__top-container\"><h2 class=\"lab-cards__heading\">First impressions happen in the details. <\/h2><p class=\"lab-cards__text\">Interact with these cards. these are the small touches that separate a custom site from a template. The kind of details that build trust before a visitor even reads a word.<\/p><\/div><div data-etch-element=\"container\" class=\"lab-cards__grid-container\"><articl class=\"retro-card\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/iStock-1437157021.jpg\" class=\"retro-card__image\" \/><div class=\"retro-card__content\"><span class=\"retro-card__sale\">SALE!<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"200\" height=\"200\" viewBox=\"0 0 16 16\" class=\"retro-card__sparkles\"><path fill=\"#000000\" d=\"M9.6 2.279a.426.426 0 0 1 .8 0l.407 1.112a6.39 6.39 0 0 0 3.802 3.802l1.112.407a.426.426 0 0 1 0 .8l-1.112.407a6.39 6.39 0 0 0-3.802 3.802l-.407 1.112a.426.426 0 0 1-.8 0l-.407-1.112a6.39 6.39 0 0 0-3.802-3.802L4.279 8.4a.426.426 0 0 1 0-.8l1.112-.407a6.39 6.39 0 0 0 3.802-3.802zm-4.267 8.837a.178.178 0 0 1 .334 0l.169.464a2.66 2.66 0 0 0 1.584 1.584l.464.169a.178.178 0 0 1 0 .334l-.464.169a2.66 2.66 0 0 0-1.584 1.584l-.169.464a.178.178 0 0 1-.334 0l-.169-.464a2.66 2.66 0 0 0-1.584-1.584l-.464-.169a.178.178 0 0 1 0-.334l.464-.169a2.66 2.66 0 0 0 1.584-1.584zM2.8.14a.213.213 0 0 1 .4 0l.203.556a3.2 3.2 0 0 0 1.901 1.901l.556.203a.213.213 0 0 1 0 .4l-.556.203a3.2 3.2 0 0 0-1.901 1.901L3.2 5.86a.213.213 0 0 1-.4 0l-.203-.556A3.2 3.2 0 0 0 .696 3.403L.14 3.2a.213.213 0 0 1 0-.4l.556-.203A3.2 3.2 0 0 0 2.597.696z\"><\/path><\/svg><h3 class=\"retro-card__title\">Unicorn Glow Hydrating Face Serum<\/h3><p class=\"retro-card__price\">$32.99<\/p><p class=\"retro-card__description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum blandit vitae orci quis dignissim.<\/p><\/div><a class=\"retro-card__cta\"><p>BUY NOW<\/p><\/a><\/articl><article class=\"fancy-prod-reveal-card\"><div class=\"fancy-prod-reveal-card__inner\"><figure class=\"fancy-prod-reveal-card__figure\"><img loading=\"lazy\" decoding=\"async\"  sizes=\"auto, (max-width: 883px) 100vw, 883px\" srcset=\"https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/Untitled-design.png 883w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/Untitled-design-222x300.png 222w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/Untitled-design-758x1024.png 758w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/Untitled-design-150x150.png 150w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/Untitled-design-768x1038.png 768w\" src=\"https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/Untitled-design.png\" alt=\"\" width=\"883\" height=\"1193\" class=\"fancy-prod-reveal-card__image\" \/><\/figure><div class=\"fancy-prod-reveal-card__content-wrapper\"><h3 class=\"fancy-prod-reveal-card__product-name\">Ombre Cupcakes<\/h3><div class=\"fancy-prod-reveal-card__size-wrapper fancy-prod-reveal-card__variation-wrapper\"><h4 class=\"fancy-prod-reveal-card__heading\">box size<\/h4><span class=\"fancy-prod-reveal-card__text fancy-prod-reveal-card__size\">1<\/span><span class=\"fancy-prod-reveal-card__text fancy-prod-reveal-card__size\">6<\/span><span class=\"fancy-prod-reveal-card__text fancy-prod-reveal-card__size\">12<\/span><span class=\"fancy-prod-reveal-card__text fancy-prod-reveal-card__size\">18<\/span><\/div><div class=\"fancy-prod-reveal-card__color-wrapper fancy-prod-reveal-card__variation-wrapper\"><h4 class=\"fancy-prod-reveal-card__heading\">Color<\/h4><span class=\"fancy-prod-reveal-card__text fancy-prod-reveal-card__color\"><span class=\"screen-reader-text\">Teal<\/span><\/span><span class=\"fancy-prod-reveal-card__text fancy-prod-reveal-card__color\"><span class=\"screen-reader-text\">Yellow<\/span><\/span><span class=\"fancy-prod-reveal-card__text fancy-prod-reveal-card__color\"><span class=\"screen-reader-text\">Pink<\/span><\/span><\/div><a href=\"#\" class=\"fancy-prod-reveal-card__cta\">Order Now<\/a><\/div><\/div><\/article><article class=\"knife-card\"><figure class=\"knife-card__image-wrapper--open\"><img loading=\"lazy\" decoding=\"async\"  sizes=\"auto, (max-width: 1748px) 100vw, 1748px\" srcset=\"https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-open.png 1748w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-open-300x59.png 300w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-open-1024x202.png 1024w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-open-150x150.png 150w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-open-768x151.png 768w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-open-1536x302.png 1536w\" src=\"https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-open.png\" alt=\"\" width=\"1748\" height=\"344\" class=\"knife-card__image\" \/><\/figure><figure class=\"knife-card__image-wrapper--closed\"><img loading=\"lazy\" decoding=\"async\"  sizes=\"auto, (max-width: 1059px) 100vw, 1059px\" srcset=\"https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-closed.png 1059w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-closed-300x95.png 300w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-closed-1024x325.png 1024w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-closed-150x150.png 150w, https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-closed-768x244.png 768w\" src=\"https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/knife-closed.png\" alt=\"\" width=\"1059\" height=\"336\" class=\"knife-card__image\" \/><\/figure><div class=\"knife-card__teaser\"><span class=\"knife-card__badge\">30% OFF<\/span><h2 class=\"knife-card__title\">Rosewood Folding Knife<\/h2><p class=\"knife-card__lede\">REVEAL THE DEAL<\/p><p class=\"knife-card__cta-teaser\">CLICK TO CLAIM<\/p><\/div><div class=\"knife-card__content-wrapper\"><p class=\"knife-card__coupon\">30ROSEWOOD<\/p><div class=\"knife-card__pricing-wrapper\"><p class=\"knife-card__old-price\">$120<\/p><p class=\"knife-card__new-price\">$84<\/p><\/div><a href=\"#\" class=\"knife-card__cta\">Shop Now<\/a><\/div><\/article><\/div><\/section><section data-etch-element=\"section\"><div data-etch-element=\"container\"><h2>Guide the eye, Control the story.<\/h2><p>Scroll-triggered animation draws attention to what matters \u2014 but only when it&#039;s used with restraint. Too much and a site feels gimmicky. Just enough and it feels effortless.<\/p><\/div><\/section><section data-etch-element=\"section\"><div data-etch-element=\"container\"><h2>Show, Don&#039;t Tell<\/h2><p>Sometimes the best way to show value is side by side. Whether it&#039;s a renovation, a transformation, or a redesign \u2014 letting visitors drag and compare does more convincing than any paragraph ever could.<\/p><\/div><div data-etch-element=\"container\"><figure class=\"image-comparison-figure\" data-show-caption=\"true\"><div class=\"image-comparison\" data-orientation=\"horizontal\" data-show-labels=\"true\" tabindex=\"0\" role=\"slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-label=\"Image comparison slider\"><figure data-label=\"Previous\" class=\"before\"><img decoding=\"async\" src=\"https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_z2fjeaz2fjeaz2fj.jpg\" alt=\"\" class=\"image-comparison__image\" \/><\/figure><figure data-label=\"After\" class=\"after\"><img decoding=\"async\" src=\"https:\/\/newsite.clddemos.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_vk8ln6vk8ln6vk8l.jpg\" alt=\"\" class=\"image-comparison__image\" \/><\/figure><div class=\"image-comparison__divider-wrapper\"><div class=\"image-comparison__divider\" data-has-handle=\"\"><span class=\"image-comparison__handle\" aria-hidden=\"true\" style=\"--handle-icon: ;\"><\/span><\/div><\/div><\/div><figcaption class=\"image-comparison-figure__caption\">Before and after custom styling<\/figcaption><\/figure><\/div><\/section><section class=\"faq-accordion\" data-etch-element=\"section\" data-single-expand=\"true\"><div class=\"faq-accordion__header\"><h2 class=\"faq-accordion__headline\">The fastest way to earn trust is to answer the question before they have to ask it.<\/h2><p class=\"faq-accordion__subtext\">something<\/p><\/div><div class=\"faq-accordion__list\"><details class=\"faq-accordion__item\" open=\"true\"><summary class=\"faq-accordion__question\"><span class=\"faq-accordion__question-text\">Is there a free trial available?<\/span><span class=\"faq-accordion__icon\"><\/span><\/summary><div class=\"faq-accordion__answer\"><p class=\"faq-accordion__answer-text\">Yes, you can try us for free for 30 days. If you want, we&#039;ll provide you with a free, personalized 30-minute onboarding call to get you up and running as soon as possible.<\/p><\/div><\/details><details class=\"faq-accordion__item\"><summary class=\"faq-accordion__question\"><span class=\"faq-accordion__question-text\">Can I change my plan later?<\/span><span class=\"faq-accordion__icon\"><\/span><\/summary><div class=\"faq-accordion__answer\"><p class=\"faq-accordion__answer-text\">Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.<\/p><\/div><\/details><details class=\"faq-accordion__item\"><summary class=\"faq-accordion__question\"><span class=\"faq-accordion__question-text\">What is your cancellation policy?<\/span><span class=\"faq-accordion__icon\"><\/span><\/summary><div class=\"faq-accordion__answer\"><p class=\"faq-accordion__answer-text\">We understand that things change. You can cancel your plan at any time and we&#039;ll refund you the difference already paid.<\/p><\/div><\/details><details class=\"faq-accordion__item\"><summary class=\"faq-accordion__question\"><span class=\"faq-accordion__question-text\">Can other info be added to an invoice?<\/span><span class=\"faq-accordion__icon\"><\/span><\/summary><div class=\"faq-accordion__answer\"><p class=\"faq-accordion__answer-text\">Yes, you can add additional information to your invoices such as your company name, address, and tax ID.<\/p><\/div><\/details><details class=\"faq-accordion__item\"><summary class=\"faq-accordion__question\"><span class=\"faq-accordion__question-text\">How does billing work?<\/span><span class=\"faq-accordion__icon\"><\/span><\/summary><div class=\"faq-accordion__answer\"><p class=\"faq-accordion__answer-text\">Plans are per workspace, not per account. You can upgrade one workspace and still have any number of free workspaces.<\/p><\/div><\/details><details class=\"faq-accordion__item\"><summary class=\"faq-accordion__question\"><span class=\"faq-accordion__question-text\">How do I change my account email?<\/span><span class=\"faq-accordion__icon\"><\/span><\/summary><div class=\"faq-accordion__answer\"><p class=\"faq-accordion__answer-text\">You can change the email address associated with your account by going to your account settings and updating your email.<\/p><\/div><\/details><\/div><div class=\"faq-accordion__cta\"><div class=\"faq-accordion__avatars\"><img decoding=\"async\" class=\"faq-accordion__avatar\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"Team member\" \/><img decoding=\"async\" class=\"faq-accordion__avatar\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"Team member\" \/><img decoding=\"async\" class=\"faq-accordion__avatar\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Team member\" \/><\/div><h3 class=\"faq-accordion__cta-headline\">Still have questions?<\/h3><p class=\"faq-accordion__cta-text\">Can&#039;t find the answer you&#039;re looking for? Please chat to our friendly team.<\/p><a href=\"#\" class=\"btn--primary\">Get in touch<\/a><\/div><\/section><section data-etch-element=\"section\"><div data-etch-element=\"container\"><h2>maybe no title just medium text<\/h2><p>Every site has a mobile menu. <br \/>Most are forgettable.<br \/>Open this one and feel the difference.<\/p><button class=\"drawer1__wrapper\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" color=\"currentColor\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 5C3 4.44772 3.44772 4 4 4L20 4C20.5523 4 21 4.44772 21 5C21 5.55229 20.5523 6 20 6L4 6C3.44772 6 3 5.55228 3 5Z\" fill=\"currentColor\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 12C3 11.4477 3.44772 11 4 11L20 11C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13L4 13C3.44772 13 3 12.5523 3 12Z\" fill=\"currentColor\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 19C3 18.4477 3.44772 18 4 18L20 18C20.5523 18 21 18.4477 21 19C21 19.5523 20.5523 20 20 20L4 20C3.44772 20 3 19.5523 3 19Z\" fill=\"currentColor\"><\/path><\/svg><\/button><\/div><div data-opened-by=\".drawer1__wrapper\" data-closed-by=\"\" data-editor-toggle=\"false\" data-auto-open=\"false\" data-auto-open-delay=\"1\" data-auto-open-reshow=\"every-visit\" data-auto-open-reshow-delay=\"0\" data-passive=\"false\" data-no-drag=\"false\" id=\"drawer1\" data-close-on-anchor=\"\" class=\"c-drawer__wrapper \" data-handle-only=\"false\"><div class=\"c-drawer__overlay\"><\/div><div data-direction=\"bottom\" class=\"c-drawer\"><div class=\"c-drawer__handle-wrapper\"><div class=\"c-drawer__handle\"><\/div><\/div><div class=\"c-drawer__body\"><h2>Add content here<\/h2><\/div><\/div><\/div><\/section><section data-etch-element=\"section\" class=\"hours\"><div data-etch-element=\"container\" class=\"hours__grid\"><div data-etch-element=\"container\" class=\"hours__content-wrapper\"><h2 class=\"hours__heading\">The best websites do the thinking for you.<\/h2><p class=\"hours__text\">Visitors shouldn&#039;t have to scan a list to find today&#039;s hours. <br class=\"hours__br\" \/>This component highlights today, updates the open\/closed status on its own, and never needs to be maintained. <br class=\"hours__br\" \/><br class=\"hours__br\" \/>No one has to update it. <br class=\"hours__br\" \/>No one has to think about it. <br class=\"hours__br\" \/>It just works. <br class=\"hours__br\" \/><br class=\"hours__br\" \/>These are the small touches that separate a site built with the visitor in mind from one that just checks a box.<\/p><\/div><div data-etch-element=\"container\" class=\"hours__menu-wrapper\"><aside aria-label=\"Hours of Operation\" data-timezone=\"America\/New_York\" data-open-label=\"We&#039;re open right now.\" data-closed-label=\"We&#039;re closed right now.\" data-two-slots-format=\"Single Line\" class=\"hours-card-extended\"><h3 class=\"hours-card-extended__eyebrow\">Hours of operation<\/h3><span class=\"hours-card-extended__title\">We\u2019re open now.<\/span><p class=\"hours-card-extended__text\">Add some text here<\/p><ul role=\"list\" class=\"hours-card-extended__list\"><li data-day=\"Monday\" data-open=\"08:00\" data-close=\"12:00\" data-open2=\"15:00\" data-close2=\"18:00\" class=\"hours-card-extended__item\"><span class=\"hours-card-extended__day\">Monday<\/span><span class=\"hours-card-extended__time\"><span class=\"hours-card-extended__time-slot\">8:00am &#8211; 12:00pm<\/span><span class=\"hours-card-extended__time-slot\">3:00pm &#8211; 6:00pm<\/span><\/span><\/li><li data-day=\"Tuesday\" data-open=\"08:00\" data-close=\"13:00\" data-open2=\"\" data-close2=\"\" class=\"hours-card-extended__item\"><span class=\"hours-card-extended__day\">Tuesday<\/span><span class=\"hours-card-extended__time\"><span class=\"hours-card-extended__time-slot\">8:00am &#8211; 1:00pm<\/span><span class=\"hours-card-extended__time-slot\"><\/span><\/span><\/li><li data-day=\"Wednesday\" data-open=\"08:00\" data-close=\"12:00\" data-open2=\"15:00\" data-close2=\"18:00\" class=\"hours-card-extended__item\"><span class=\"hours-card-extended__day\">Wednesday<\/span><span class=\"hours-card-extended__time\"><span class=\"hours-card-extended__time-slot\">8:00am &#8211; 12:00pm<\/span><span class=\"hours-card-extended__time-slot\">3:00pm &#8211; 6:00pm<\/span><\/span><\/li><li data-day=\"Thursday\" data-open=\"08:00\" data-close=\"12:00\" data-open2=\"15:00\" data-close2=\"18:00\" class=\"hours-card-extended__item\"><span class=\"hours-card-extended__day\">Thursday<\/span><span class=\"hours-card-extended__time\"><span class=\"hours-card-extended__time-slot\">8:00am &#8211; 12:00pm<\/span><span class=\"hours-card-extended__time-slot\">3:00pm &#8211; 6:00pm<\/span><\/span><\/li><li data-day=\"Friday\" data-open=\"08:00\" data-close=\"13:00\" data-open2=\"\" data-close2=\"\" class=\"hours-card-extended__item\"><span class=\"hours-card-extended__day\">Friday<\/span><span class=\"hours-card-extended__time\"><span class=\"hours-card-extended__time-slot\">8:00am &#8211; 1:00pm<\/span><span class=\"hours-card-extended__time-slot\"><\/span><\/span><\/li><li data-day=\"Saturday\" data-open=\"08:00\" data-close=\"12:00\" data-open2=\"\" data-close2=\"\" class=\"hours-card-extended__item\"><span class=\"hours-card-extended__day\">Saturday<\/span><span class=\"hours-card-extended__time\"><span class=\"hours-card-extended__time-slot\">CLOSED<\/span><span class=\"hours-card-extended__time-slot\"><\/span><\/span><\/li><li data-day=\"Sunday\" data-open=\"08:00\" data-close=\"12:00\" data-open2=\"\" data-close2=\"\" class=\"hours-card-extended__item\"><span class=\"hours-card-extended__day\">Sunday<\/span><span class=\"hours-card-extended__time\"><span class=\"hours-card-extended__time-slot\">CLOSED<\/span><span class=\"hours-card-extended__time-slot\"><\/span><\/span><\/li><\/ul><div class=\"hours-card-extended__emergency\"><div class=\"hours-card-extended__emergency-icon\"> <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" color=\"currentColor\" fill=\"none\"><path d=\"M9.09135 5.05591L8.83809 4.48608C8.49696 3.71854 8.3264 3.33477 8.0457 3.06351C7.86041 2.88445 7.64237 2.74275 7.40349 2.64615C7.0416 2.49982 6.62164 2.49982 5.7817 2.49982C4.53105 2.49982 3.90572 2.49982 3.4185 2.80345C3.11968 2.98967 2.83388 3.30583 2.67866 3.62188C2.42559 4.13717 2.483 4.70489 2.59781 5.84033C3.55055 15.2621 8.73782 20.4494 18.1596 21.4021C19.2951 21.517 19.8628 21.5744 20.3781 21.3213C20.6941 21.1661 21.0103 20.8803 21.1965 20.5815C21.5001 20.0942 21.5001 19.4689 21.5001 18.2183C21.5001 17.3783 21.5001 16.9584 21.3538 16.5965C21.2572 16.3576 21.1155 16.1395 20.9364 15.9543C20.6652 15.6736 20.2814 15.503 19.5139 15.1619L18.944 14.9086C18.2715 14.6097 17.9352 14.4602 17.5979 14.4318C17.2391 14.4016 16.8788 14.4686 16.5547 14.6255C16.2501 14.7731 15.9899 15.0333 15.4694 15.5538C14.9574 16.0658 14.7014 16.3218 14.3681 16.4725C14.0436 16.6192 13.5877 16.6816 13.2358 16.6274C12.8742 16.5717 12.6084 16.4218 12.0768 16.1219C10.1924 15.0591 8.94088 13.8076 7.87801 11.9231C7.57819 11.3916 7.42828 11.1258 7.37258 10.7641C7.31839 10.4123 7.38074 9.95632 7.52744 9.6319C7.6782 9.29851 7.9342 9.04251 8.44619 8.53052C8.96661 8.0101 9.22681 7.7499 9.37441 7.44525C9.5314 7.12119 9.59831 6.76086 9.5681 6.40205C9.53971 6.06473 9.39026 5.72845 9.09135 5.05591Z\" fill=\"currentColor\"><\/path><\/svg> <\/div><div class=\"hours-card-extended__emergency-content\"><p class=\"hours-card-extended__emergency-title\">After-hours emergency?<\/p><div class=\"hours-card-extended__emergency-text\"><a href=\"tel:555-555-5555\" class=\"hours-card-extended__emergency-link\">555-555-5555<\/a><\/div><\/div><\/div><\/aside><\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newsite.clddemos.com\/index.php\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newsite.clddemos.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newsite.clddemos.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newsite.clddemos.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newsite.clddemos.com\/index.php\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":51,"href":"https:\/\/newsite.clddemos.com\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/newsite.clddemos.com\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/newsite.clddemos.com\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}