{"id":2,"date":"2025-09-28T17:14:49","date_gmt":"2025-09-28T17:14:49","guid":{"rendered":"https:\/\/xn--tryggvrme-02a.se\/?page_id=2"},"modified":"2025-09-28T20:13:43","modified_gmt":"2025-09-28T20:13:43","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/xn--tryggvrme-02a.se\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"sv\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>V\u00e4rmeExpert &#8211; Luftv\u00e4rmepumpar f\u00f6r din trygghet<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background-color: #f9f9f9;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n\n\n        .cta-btn {\n            background: #e67e50;\n            color: white;\n            padding: 12px 24px;\n            border: none;\n            border-radius: 5px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: all 0.3s;\n            text-decoration: none;\n            display: inline-block;\n        }\n\n        .cta-btn:hover {\n            background: #d66940;\n            transform: translateY(-2px);\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 4rem 0;\n            overflow: hidden;\n        }\n\n        .hero-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            align-items: center;\n            gap: 3rem;\n        }\n\n        .hero-text h1 {\n            font-size: 3.5rem;\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n            color: #2c3e50;\n        }\n\n        .hero-text .highlight {\n            background: linear-gradient(120deg, #ffd54f 0%, #ffca28 100%);\n            padding: 0.2em 0.5em;\n            border-radius: 8px;\n            display: inline-block;\n            margin: 0 0.2em;\n        }\n\n        .hero-text p {\n            font-size: 1.2rem;\n            margin-bottom: 2rem;\n            color: #666;\n        }\n\n        .benefits {\n            list-style: none;\n            margin-bottom: 2rem;\n        }\n\n        .benefits li {\n            padding: 0.5rem 0;\n            position: relative;\n            padding-left: 2rem;\n            color: #555;\n        }\n\n        .benefits li:before {\n            content: \"\u2713\";\n            position: absolute;\n            left: 0;\n            color: #28a745;\n            font-weight: bold;\n            font-size: 1.2rem;\n        }\n\n        .hero-visual {\n            position: relative;\n        }\n\n        .hero-image {\n            width: 100%;\n            height: 400px;\n            background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.5rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-image::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" opacity=\"0.3\"\/><rect x=\"30\" y=\"30\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" opacity=\"0.5\"\/><\/svg>') center\/cover;\n        }\n\n        \/* Quote Form *\/\n        .quote-form {\n            background: white;\n            padding: 2rem;\n            border-radius: 15px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .quote-form h2 {\n            color: #e67e50;\n            margin-bottom: 1rem;\n            font-size: 1.8rem;\n        }\n\n        .quote-form p {\n            color: #666;\n            margin-bottom: 2rem;\n        }\n\n        .form-group {\n            margin-bottom: 1.5rem;\n        }\n\n        .form-row {\n            display: flex;\n            gap: 1rem;\n            align-items: center;\n            padding: 1rem;\n            border: 2px solid #f0f0f0;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s;\n        }\n\n        .form-row:hover {\n            border-color: #e67e50;\n            background: #fef9f7;\n        }\n\n        .form-row input[type=\"radio\"] {\n            margin-right: 1rem;\n        }\n\n        .form-row label {\n            flex: 1;\n            cursor: pointer;\n            font-weight: 500;\n        }\n\n        .arrow {\n            color: #e67e50;\n            font-size: 1.2rem;\n        }\n\n        \/* Brands Section *\/\n        .brands {\n            padding: 4rem 0;\n            background: white;\n        }\n\n        .brands h3 {\n            text-align: center;\n            margin-bottom: 3rem;\n            color: #333;\n            font-size: 1.5rem;\n        }\n\n        .brand-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 2rem;\n            align-items: center;\n        }\n\n        .brand-item {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 1rem;\n            background: #f8f9fa;\n            border-radius: 10px;\n            font-weight: bold;\n            color: #666;\n            min-height: 80px;\n        }\n\n        \/* Trust Indicators *\/\n        .trust {\n            background: #f8f9fa;\n            padding: 3rem 0;\n            text-align: center;\n        }\n\n        .trust-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2rem;\n            margin-top: 2rem;\n        }\n\n        .trust-item {\n            background: white;\n            padding: 2rem;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n        }\n\n        .trust-icon {\n            font-size: 3rem;\n            margin-bottom: 1rem;\n        }\n\n        .trust-item h4 {\n            color: #333;\n            margin-bottom: 0.5rem;\n        }\n\n        .trust-item p {\n            color: #666;\n            font-size: 0.9rem;\n        }\n\n        \/* Footer *\/\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .hero-content {\n                grid-template-columns: 1fr;\n                text-align: center;\n            }\n\n            .hero-text h1 {\n                font-size: 2.5rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <div class=\"hero-text\">\n                    <h1>Effektiv v\u00e4rme,<span class=\"highlight\">smartare val<\/span><\/h1>\n                    <p>Hitta b\u00e4sta pris och kvalit\u00e9 p\u00e5 luftv\u00e4rmepumpar fr\u00e5n lokala installat\u00f6rer.<\/p>\n                    \n                    <ul class=\"benefits\">\n                        <li>Certifierade installat\u00f6rer<\/li>\n                        <li>Kostnadsfri prispress<\/li>\n                        <li>Spar v\u00e4rdefull tid<\/li>\n                        <li>Upp till 70% l\u00e4gre uppv\u00e4rmningskostnader<\/li>\n                    <\/ul>\n                    \n                    <a href=\"#offert\" class=\"cta-btn\">J\u00e4mf\u00f6r offerter \u2192<\/a>\n                <\/div>\n                \n                <div class=\"hero-visual\">\n                    <div class=\"quote-form\">\n            <h2>Vad s\u00f6ker du offert f\u00f6r?<\/h2>\n            <p>J\u00e4mf\u00f6r offerter enkelt, kostnadsfritt och bindningsfritt.<\/p>\n            \n            <div class=\"form-group\">\n                <p><strong>Vad s\u00f6ker du prisf\u00f6rslag f\u00f6r?<\/strong><\/p>\n                \n                <div class=\"form-row\">\n                    <input type=\"radio\" id=\"installation\" name=\"service\" value=\"installation\">\n                    <label for=\"installation\">\ud83c\udfe0 Installation av luftv\u00e4rmepump<\/label>\n                    <span class=\"arrow\">\u2192<\/span>\n                <\/div>\n                \n                <div class=\"form-row\">\n                    <input type=\"radio\" id=\"service\" name=\"service\" value=\"service\">\n                    <label for=\"service\">\ud83d\udd27 Service och underh\u00e5ll<\/label>\n                    <span class=\"arrow\">\u2192<\/span>\n                <\/div>\n                \n                <div class=\"form-row\">\n                    <input type=\"radio\" id=\"repair\" name=\"service\" value=\"repair\">\n                    <label for=\"repair\">\u26a1 Reparation av befintlig pump<\/label>\n                    <span class=\"arrow\">\u2192<\/span>\n                <\/div>\n            <\/div>\n            \n            <button class=\"cta-btn\" style=\"width: 100%; margin-top: 1rem;\">Forts\u00e4tt \u2192<\/button>\n            \n            <div style=\"margin-top: 2rem; text-align: center;\">\n                <div style=\"display: inline-flex; align-items: center; gap: 10px; background: #f0f8f0; padding: 10px 20px; border-radius: 5px;\">\n                    <span style=\"color: #28a745;\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                    <span style=\"color: #666; font-size: 0.9rem;\">Utm\u00e4rkt 4.8\/5 \u2022 247 omd\u00f6men \u2022 Trustpilot<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Brands -->\n    <section class=\"brands\">\n        <div class=\"container\">\n            <h3>V\u00e5ra installat\u00f6rer jobbar med<\/h3>\n            <div class=\"brand-grid\">\n                <div class=\"brand-item\">MITSUBISHI<\/div>\n                <div class=\"brand-item\">DAIKIN<\/div>\n                <div class=\"brand-item\">PANASONIC<\/div>\n                <div class=\"brand-item\">FUJITSU<\/div>\n                <div class=\"brand-item\">LG<\/div>\n                <div class=\"brand-item\">SAMSUNG<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Trust Indicators -->\n    <section class=\"trust\">\n        <div class=\"container\">\n            <h2>Varf\u00f6r v\u00e4lja oss?<\/h2>\n            <div class=\"trust-grid\">\n                <div class=\"trust-item\">\n                    <div class=\"trust-icon\">\ud83c\udfc6<\/div>\n                    <h4>Certifierade installat\u00f6rer<\/h4>\n                    <p>Alla v\u00e5ra partners \u00e4r certifierade och har l\u00e5ng erfarenhet av luftv\u00e4rmepumpar<\/p>\n                <\/div>\n                <div class=\"trust-item\">\n                    <div class=\"trust-icon\">\ud83d\udcb0<\/div>\n                    <h4>B\u00e4sta priset<\/h4>\n                    <p>J\u00e4mf\u00f6r offerter fr\u00e5n flera installat\u00f6rer och v\u00e4lj det b\u00e4sta priset<\/p>\n                <\/div>\n                <div class=\"trust-item\">\n                    <div class=\"trust-icon\">\u26a1<\/div>\n                    <h4>Snabb hantering<\/h4>\n                    <p>F\u00e5 dina offerter inom 24 timmar och kom ig\u00e5ng snabbt<\/p>\n                <\/div>\n                <div class=\"trust-item\">\n                    <div class=\"trust-icon\">\ud83d\udee1\ufe0f<\/div>\n                    <h4>Trygg garanti<\/h4>\n                    <p>Alla installationer kommer med full garanti och efterservice<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Simple form interaction\n        document.querySelectorAll('.form-row').forEach(row => {\n            row.addEventListener('click', function() {\n                const radio = this.querySelector('input[type=\"radio\"]');\n                radio.checked = true;\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-ast-global-color-4-color has-text-color has-background has-link-color wp-element-button\" style=\"background:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%)\"><strong>J\u00e4mf\u00f6r offerter h\u00e4r<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u00e4rmeExpert &#8211; Luftv\u00e4rmepumpar f\u00f6r din trygghet Effektiv v\u00e4rme,smartare val Hitta b\u00e4sta pris och kvalit\u00e9 p\u00e5 luftv\u00e4rmepumpar fr\u00e5n lokala installat\u00f6rer. Certifierade [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"[]"},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--tryggvrme-02a.se\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--tryggvrme-02a.se\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--tryggvrme-02a.se\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--tryggvrme-02a.se\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--tryggvrme-02a.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":10,"href":"https:\/\/xn--tryggvrme-02a.se\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/xn--tryggvrme-02a.se\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/xn--tryggvrme-02a.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}