{"id":14962,"date":"2023-03-20T14:19:56","date_gmt":"2023-03-20T14:19:56","guid":{"rendered":"https:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=14962"},"modified":"2025-12-17T03:58:36","modified_gmt":"2025-12-17T03:58:36","slug":"home-developer","status":"publish","type":"page","link":"https:\/\/ty.wellinvestedsystems.com\/","title":{"rendered":"Home Developer"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Smooth Scroll Hero + Cards<\/title>\r\n\r\n <style>\r\n \/* Smooth Scroll *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* Base Styles *\/\r\n body {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n \/* ===== Hero Section ===== *\/\r\n .hero-section {\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n background: #000; \/* \ud83c\udfaf Black Background *\/\r\n color: #fff;\r\n padding: 20px;\r\n }\r\n .hero-title {\r\n font-size: 36px;\r\n margin-bottom: 15px;\r\n }\r\n .hero-subtext,\r\n .hero-intro {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n }\r\n .hero-btn {\r\n padding: 14px 28px;\r\n font-size: 18px;\r\n border: none;\r\n background: #f39c12;\r\n color: white;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n margin-top: 20px;\r\n }\r\n\r\n \/* ===== Access Panel Section (Cards) ===== *\/\r\n .access-panel-section {\r\n padding: 60px 20px;\r\n background: #111; \/* Dark background under cards *\/\r\n text-align: center;\r\n }\r\n .access-panel-title {\r\n font-size: 32px;\r\n margin-bottom: 30px;\r\n color: #fff;\r\n }\r\n\r\n .access-panel-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 24px;\r\n }\r\n\r\n .access-tile {\r\n background: #fff; \/* \ud83c\udfaf White Cards *\/\r\n width: 300px;\r\n border-radius: 10px;\r\n padding: 24px;\r\n text-align: left;\r\n color: #000;\r\n }\r\n\r\n .card-primary {\r\n border-top: 4px solid #f39c1;\r\n }\r\n\r\n .tile-title {\r\n font-size: 22px;\r\n margin-bottom: 12px;\r\n color: #000;\r\n }\r\n\r\n .tile-text {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin-bottom: 18px;\r\n color: #333;\r\n }\r\n\r\n .tile-button {\r\n display: inline-block;\r\n padding: 10px 18px;\r\n background: #000;\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 5px;\r\n font-size: 16px;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .access-panel-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ===== Hero Section ===== -->\r\n <section id=\"hero\" class=\"hero-section\">\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\">\r\n Websites That Actually Bring In Calls & Leads\r\n <\/h1>\r\n\r\n <p class=\"hero-subtext\">\r\n I help entrepreneurs and service providers fix, build, or simplify\r\n their website so it\u2019s clear, professional, and easy for customers\r\n to take action.\r\n <\/p>\r\n <p class=\"hero-intro\">\r\n No clutter. No confusion. Just websites that make sense.\r\n <\/p>\r\n\r\n <!-- \u2b50 Smooth Scroll Button -->\r\n <button class=\"hero-btn\" id=\"how-i-help\">\r\n Start Here\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== Access Panel Section ===== -->\r\n <section id=\"access-panel\" class=\"access-panel-section\">\r\n <div class=\"access-panel-header\">\r\n <h2 class=\"access-panel-title\">How I Help<\/h2>\r\n <\/div>\r\n\r\n <div class=\"access-panel-container\">\r\n <!-- Card 1 (Primary) -->\r\n <div class=\"access-tile card-primary\">\r\n <h3 class=\"tile-title\">Fix My Website<\/h3>\r\n <p class=\"tile-text\">\r\n Your website looks fine \u2014 but it isn\u2019t bringing in calls, leads, or clarity.\r\n <\/p>\r\n <a href=\"https:\/\/ty.wellinvestedsystems.com\/?page_id=29148\" class=\"tile-button\">Start Here<\/a>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"access-tile\">\r\n <h3 class=\"tile-title\">Build a Simple Website<\/h3>\r\n <p class=\"tile-text\">\r\n Clean, professional websites designed to be clear, fast, and easy to use.\r\n <\/p>\r\n <a href=\"https:\/\/ty.wellinvestedsystems.com\/?page_id=29148\" class=\"tile-button\">See Options<\/a>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"access-tile\">\r\n <h3 class=\"tile-title\">Talk It Through<\/h3>\r\n <p class=\"tile-text\">\r\n Not sure what you need? Let\u2019s review what you have and decide together.\r\n <\/p>\r\n <a href=\"https:\/\/ty.wellinvestedsystems.com\/?page_id=29148\" class=\"tile-button\">Book a Call<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== Smooth Scroll Script ===== -->\r\n <script>\r\n document.getElementById(\"how-i-help\").addEventListener(\"click\", function() {\r\n document.getElementById(\"access-panel\").scrollIntoView({\r\n behavior: \"smooth\"\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fd6aa9 elementor-widget elementor-widget-html\" data-id=\"7fd6aa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Section 9: Why Clients Choose Me -->\r\n<section id=\"why-clients-choose\" class=\"why-section\">\r\n <div class=\"why-container\">\r\n <h2 class=\"why-title\">Why Clients Choose Me<\/h2>\r\n <ul class=\"why-list\">\r\n <li><span class=\"why-icon\">\u2714\ufe0f<\/span> Most of my work comes from referrals and repeat clients.<\/li>\r\n <li><span class=\"why-icon\">\u2714\ufe0f<\/span> Clear, practical website solutions<\/li>\r\n <li><span class=\"why-icon\">\u2714\ufe0f<\/span> Built for real businesses & referrals<\/li>\r\n <li><span class=\"why-icon\">\u2714\ufe0f<\/span> Simple process with honest guidance<\/li>\r\n <li><span class=\"why-icon\">\u2714\ufe0f<\/span> Long-term support, not one-off buildsy<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/ty.wellinvestedsystems.com\/?page_id=29148\" class=\"why-btn\">Work With Me<\/a>\r\n <\/div>\r\n<\/section>\r\n\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>Smooth Scroll Hero + Cards Websites That Actually Bring In Calls & Leads I help entrepreneurs and service providers fix,<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14962","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ty.wellinvestedsystems.com\/index.php?rest_route=\/wp\/v2\/pages\/14962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ty.wellinvestedsystems.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ty.wellinvestedsystems.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ty.wellinvestedsystems.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ty.wellinvestedsystems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14962"}],"version-history":[{"count":197,"href":"https:\/\/ty.wellinvestedsystems.com\/index.php?rest_route=\/wp\/v2\/pages\/14962\/revisions"}],"predecessor-version":[{"id":29368,"href":"https:\/\/ty.wellinvestedsystems.com\/index.php?rest_route=\/wp\/v2\/pages\/14962\/revisions\/29368"}],"wp:attachment":[{"href":"https:\/\/ty.wellinvestedsystems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}