{"id":39,"date":"2026-06-08T12:15:08","date_gmt":"2026-06-08T12:15:08","guid":{"rendered":"https:\/\/originalphonerepair.com.au\/?page_id=39"},"modified":"2026-06-08T12:31:29","modified_gmt":"2026-06-08T12:31:29","slug":"new-home","status":"publish","type":"page","link":"https:\/\/originalphonerepair.com.au\/","title":{"rendered":"New Home"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<section class=\"phone-repair-hero\">\n    <div class=\"hero-wrapper\">\n        <!-- Left Column: Content & Business Info -->\n        <div class=\"hero-left-content\">\n            <span class=\"badge\">Expert Device Care<\/span>\n            <h1 class=\"shop-title\">Original Phone Repair<\/h1>\n            <p class=\"shop-tagline\">Fast, reliable smartphone and tablet repairs using premium quality parts. From cracked screens to battery replacements, we bring your devices back to life. Plus, explore our wide selection of premium protective cases, chargers, and mobile accessories.<\/p>\n            \n            <!-- Quick Feature Icons -->\n            <div class=\"shop-features\">\n                <div class=\"feature-item\">\n                    <span class=\"icon\">\u26a1<\/span>\n                    <p>Express Repair<\/p>\n                <\/div>\n                <div class=\"feature-item\">\n                    <span class=\"icon\">\ud83d\udee1\ufe0f<\/span>\n                    <p>Premium Accessories<\/p>\n                <\/div>\n                <div class=\"feature-item\">\n                    <span class=\"icon\">\ud83d\udd27<\/span>\n                    <p>Certified Parts<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Call to Actions -->\n            <div class=\"hero-buttons\">\n                <a href=\"#booking\" class=\"btn primary-action\">Book a Repair<\/a>\n                <a href=\"#accessories\" class=\"btn secondary-action\">Shop Accessories<\/a>\n            <\/div>\n        <\/div>\n        \n        <!-- Right Column: Visual Showcase -->\n        <div class=\"hero-right-visual\">\n            <div class=\"image-container-frame\">\n                <!-- Replace this URL with your custom shop image or graphics link from your Media Library -->\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092921461-eab62e97a780?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Phone Repair and Accessories Showcase\" class=\"repair-hero-img\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* CSS Reset and Section Wrapper *\/\n.phone-repair-hero {\n    width: 100%;\n    min-height: 85vh;\n    display: flex;\n    align-items: center;\n    background-color: #0f172a; \/* Sleek Dark Tech Background *\/\n    padding: 80px 24px;\n    box-sizing: border-box;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #f8fafc;\n}\n\n\/* Container Split (50\/50 Grid Layout) *\/\n.hero-wrapper {\n    max-width: 1240px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 60px;\n    align-items: center;\n    width: 100%;\n}\n\n\/* Left Content Column Styling *\/\n.hero-left-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.badge {\n    background-color: rgba(59, 130, 246, 0.15);\n    color: #60a5fa; \/* Electric blue badge accent *\/\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 20px;\n}\n\n.shop-title {\n    font-size: 3.5rem;\n    line-height: 1.15;\n    font-weight: 800;\n    margin: 0 0 20px 0;\n    color: #ffffff;\n    letter-spacing: -1px;\n}\n\n.shop-tagline {\n    font-size: 1.15rem;\n    line-height: 1.65;\n    color: #94a3b8; \/* Soft muted text color *\/\n    margin: 0 0 35px 0;\n}\n\n\/* Quick Features Row *\/\n.shop-features {\n    display: flex;\n    gap: 30px;\n    margin-bottom: 40px;\n    border-top: 1px solid #334155;\n    border-bottom: 1px solid #334155;\n    padding: 20px 0;\n    width: 100%;\n}\n\n.feature-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.feature-item .icon {\n    font-size: 1.25rem;\n}\n\n.feature-item p {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: #cbd5e1;\n    margin: 0;\n}\n\n\/* Call To Action Buttons Layout *\/\n.hero-buttons {\n    display: flex;\n    gap: 16px;\n    width: 100%;\n}\n\n.btn {\n    padding: 15px 32px;\n    font-size: 1rem;\n    font-weight: 600;\n    text-decoration: none;\n    border-radius: 8px;\n    transition: all 0.25s ease;\n    text-align: center;\n}\n\n.primary-action {\n    background-color: #2563eb; \/* Vibrant brand blue *\/\n    color: #ffffff;\n    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);\n}\n\n.primary-action:hover {\n    background-color: #1d4ed8;\n    transform: translateY(-2px);\n}\n\n.secondary-action {\n    background-color: transparent;\n    color: #ffffff;\n    border: 2px solid #475569;\n}\n\n.secondary-action:hover {\n    background-color: #1e293b;\n    border-color: #64748b;\n    transform: translateY(-2px);\n}\n\n\/* Right Column Image Container Settings *\/\n.hero-right-visual {\n    display: flex;\n    justify-content: center;\n    position: relative;\n}\n\n.image-container-frame {\n    width: 100%;\n    max-width: 500px;\n    position: relative;\n}\n\n.image-container-frame::before {\n    content: '';\n    position: absolute;\n    top: -20px;\n    left: -20px;\n    width: 100%;\n    height: 100%;\n    border: 2px dashed #334155;\n    border-radius: 16px;\n    z-index: 1;\n    pointer-events: none;\n}\n\n.repair-hero-img {\n    width: 100%;\n    height: 480px;\n    object-fit: cover;\n    border-radius: 16px;\n    position: relative;\n    z-index: 2;\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n}\n\n\/* Responsive Media Queries for Mobile Screens *\/\n@media (max-width: 992px) {\n    .hero-wrapper {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n    \n    .hero-left-content {\n        align-items: center;\n        text-align: center;\n    }\n    \n    .shop-title {\n        font-size: 2.75rem;\n    }\n    \n    .shop-features {\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n    \n    .hero-buttons {\n        justify-content: center;\n    }\n    \n    .repair-hero-img {\n        height: 380px;\n    }\n    \n    .image-container-frame::before {\n        display: none; \/* Simplify styling on mobile layout *\/\n    }\n}\n\n@media (max-width: 480px) {\n    .hero-buttons {\n        flex-direction: column;\n    }\n    \n    .shop-title {\n        font-size: 2.25rem;\n    }\n}\n<\/style>\n\n\n\n<section class=\"services-section\">\n    <div class=\"services-container\">\n        \n        <!-- Section Header Title -->\n        <div class=\"section-header\">\n            <h2 class=\"section-title\">What We Do<\/h2>\n            <p class=\"section-subtitle\">Professional repair solutions and premium additions for all major smartphone brands.<\/p>\n        <\/div>\n        \n        <!-- 3-Column Card Grid Container -->\n        <div class=\"services-grid\">\n            \n            <!-- Card 1: Device Repair -->\n            <div class=\"service-card\">\n                <div class=\"card-icon-box\">\ud83d\udd27<\/div>\n                <h3 class=\"card-title\">Expert Repairs<\/h3>\n                <p class=\"card-text\">Fast screen replacements, new battery swaps, charging port fixes, and liquid damage recovery. Most repairs completed same-day.<\/p>\n                <ul class=\"card-list\">\n                    <li>iPhone, Samsung &#038; Pixel repair<\/li>\n                    <li>Premium replacement parts<\/li>\n                    <li>Guaranteed workmanship<\/li>\n                <\/ul>\n            <\/div>\n            \n            <!-- Card 2: Premium Accessories -->\n            <div class=\"service-card\">\n                <div class=\"card-icon-box\">\ud83d\udd0b<\/div>\n                <h3 class=\"card-title\">Premium Accessories<\/h3>\n                <p class=\"card-text\">Protect and power your gear with our curated selection of high-durability essentials sourced from leading tech brands.<\/p>\n                <ul class=\"card-list\">\n                    <li>Tempered glass screen guards<\/li>\n                    <li>Shockproof rugged cases<\/li>\n                    <li>Fast wall chargers &#038; cables<\/li>\n                <\/ul>\n            <\/div>\n            \n            <!-- Card 3: Gadget Diagnostics -->\n            <div class=\"service-card\">\n                <div class=\"card-icon-box\">\ud83d\udcf1<\/div>\n                <h3 class=\"card-title\">Free Diagnostics<\/h3>\n                <p class=\"card-text\">Not sure what&#8217;s wrong with your device? Drop by for a quick, transparent assessment and a no-obligation repair estimate.<\/p>\n                <ul class=\"card-list\">\n                    <li>Battery health checkups<\/li>\n                    <li>Software troubleshooting<\/li>\n                    <li>Water damage analysis<\/li>\n                <\/ul>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* Main Section Wrapper Styles *\/\n.services-section {\n    width: 100%;\n    background-color: #0f172a; \/* Matching dark tech aesthetic background *\/\n    padding: 80px 24px;\n    box-sizing: border-box;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    border-top: 1px solid #1e293b; \/* Clean subtle divider separator *\/\n}\n\n.services-container {\n    max-width: 1240px;\n    margin: 0 auto;\n    width: 100%;\n}\n\n\/* Center Section Typography Rules *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.section-title {\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #ffffff;\n    margin: 0 0 15px 0;\n}\n\n.section-subtitle {\n    font-size: 1.1rem;\n    color: #94a3b8;\n    max-width: 600px;\n    margin: 0 auto;\n    line-height: 1.5;\n}\n\n\/* Responsive Responsive 3-Column CSS Grid Layout *\/\n.services-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    width: 100%;\n}\n\n\/* Service Card Container Design Elements *\/\n.service-card {\n    background-color: #1e293b; \/* Elevated lighter slate box panels *\/\n    border: 1px solid #334155;\n    padding: 35px 30px;\n    border-radius: 12px;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    display: flex;\n    flex-direction: column;\n}\n\n.service-card:hover {\n    transform: translateY(-5px);\n    border-color: #2563eb; \/* Lights up with blue brand accent on hover *\/\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);\n}\n\n.card-icon-box {\n    font-size: 2.25rem;\n    margin-bottom: 20px;\n}\n\n.card-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #ffffff;\n    margin: 0 0 15px 0;\n}\n\n.card-text {\n    font-size: 0.95rem;\n    line-height: 1.6;\n    color: #94a3b8;\n    margin: 0 0 20px 0;\n    flex-grow: 1; \/* Aligns text areas uniformly *\/\n}\n\n\/* Custom Features Lists inside Cards *\/\n.card-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    border-top: 1px solid #334155;\n    padding-top: 20px;\n}\n\n.card-list li {\n    font-size: 0.9rem;\n    color: #cbd5e1;\n    margin-bottom: 10px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.card-list li::before {\n    content: \"\u2713\";\n    color: #60a5fa; \/* Blue accent checkmarks *\/\n    font-weight: bold;\n}\n\n.card-list li:last-child {\n    margin-bottom: 0;\n}\n\n\/* Responsiveness Media Breakpoints for Mobile Viewports *\/\n@media (max-width: 992px) {\n    .services-grid {\n        grid-template-columns: repeat(2, 1fr); \/* Two columns on medium tablet setups *\/\n    }\n}\n\n@media (max-width: 640px) {\n    .services-grid {\n        grid-template-columns: 1fr; \/* Single column stacking on phone layouts *\/\n    }\n    \n    .section-title {\n        font-size: 2rem;\n    }\n    \n    .service-card {\n        padding: 30px 24px;\n    }\n}\n<\/style>\n\n\n\n<section class=\"contact-location-section\" id=\"booking\">\n    <div class=\"contact-container\">\n        \n        <div class=\"contact-grid\">\n            <!-- Left Column: Contact Form & Info Details -->\n            <div class=\"contact-form-side\">\n                <span class=\"section-badge\">Get in Touch<\/span>\n                <h2 class=\"contact-heading\">Visit Us or Book a Repair<\/h2>\n                <p class=\"contact-desc\">Have a question about a repair cost or stock availability? Fill out the form below or drop by our store. We respond quickly!<\/p>\n                \n                <!-- Quick Store Info Links -->\n                <div class=\"quick-info-list\">\n                    <div class=\"info-link-item\">\n                        <span class=\"info-icon\">\ud83d\udccd<\/span>\n                        <div>\n                            <h4>Our Address<\/h4>\n                            <p>5\/29-31 King Street Caboolture, QLD 4510<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"info-link-item\">\n                        <span class=\"info-icon\">\ud83d\udcde<\/span>\n                        <div>\n                            <h4>Call \/ WhatsApp<\/h4>\n                            <p>0455573324<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"info-link-item\">\n                        <span class=\"info-icon\">\u23f0<\/span>\n                        <div>\n                            <h4>Business Hours<\/h4>\n                            <p>Mon &#8211; Sat: 9:00 AM &#8211; 7:00 PM (Sunday Closed)<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Interactive Web Form Elements -->\n                <form class=\"repair-web-form\" onsubmit=\"event.preventDefault(); alert('Thank you! Your message has been simulated successfully.');\">\n                    <div class=\"form-row-double\">\n                        <div class=\"input-wrap\">\n                            <label for=\"client-name\">Your Name<\/label>\n                            <input type=\"text\" id=\"client-name\" placeholder=\"John Doe\" required=\"\">\n                        <\/div>\n                        <div class=\"input-wrap\">\n                            <label for=\"client-phone\">Phone Number<\/label>\n                            <input type=\"tel\" id=\"client-phone\" placeholder=\"(555) 000-0000\" required=\"\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"input-wrap\">\n                        <label for=\"device-model\">Device Model (e.g., iPhone 14, Galaxy S23)<\/label>\n                        <input type=\"text\" id=\"device-model\" placeholder=\"iPhone 13 Pro Max\">\n                    <\/div>\n\n                    <div class=\"input-wrap\">\n                        <label for=\"client-msg\">What needs fixing \/ What accessory are you looking for?<\/label>\n                        <textarea id=\"client-msg\" rows=\"4\" placeholder=\"Describe the issue (e.g., cracked screen, battery won't charge)...\" required=\"\"><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"submit-repair-btn\">Send Repair Request \u26a1<\/button>\n                <\/form>\n            <\/div>\n\n            <!-- Right Column: Map Embed Wrapper View -->\n            <div class=\"map-showcase-side\">\n                <div class=\"map-sticky-holder\">\n                    <!-- Standard responsive map iframe canvas element -->\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!4v1780921791634!6m8!1m7!1s-hvFV325ELlJv-pbRjfrmA!2m2!1d26.61406200699651!2d88.01008002955086!3f127.15779414624186!4f-34.20002952614515!5f0.7820865974627469\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                    <\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* Main Block Section Wrapper Outer Boundaries *\/\n.contact-location-section {\n    width: 100%;\n    background-color: #0f172a; \/* Matching dark brand palette skin *\/\n    padding: 80px 24px;\n    box-sizing: border-box;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    border-top: 1px solid #1e293b;\n}\n\n.contact-container {\n    max-width: 1240px;\n    margin: 0 auto;\n    width: 100%;\n}\n\n\/* Master Grid Structure Definition Layouts (50\/50 balance rules) *\/\n.contact-grid {\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 60px;\n    align-items: start;\n}\n\n\/* Left Form Column Presentation Details *\/\n.contact-form-side {\n    display: flex;\n    flex-direction: column;\n}\n\n.section-badge {\n    color: #60a5fa;\n    font-size: 0.85rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 12px;\n}\n\n.contact-heading {\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #ffffff;\n    margin: 0 0 15px 0;\n}\n\n.contact-desc {\n    font-size: 1.05rem;\n    line-height: 1.6;\n    color: #94a3b8;\n    margin-bottom: 35px;\n}\n\n\/* Inline Quick-Info Items list stack definitions *\/\n.quick-info-list {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-bottom: 40px;\n    background-color: #1e293b;\n    padding: 25px;\n    border-radius: 12px;\n    border: 1px solid #334155;\n}\n\n.info-link-item {\n    display: flex;\n    gap: 15px;\n    align-items: flex-start;\n}\n\n.info-icon {\n    font-size: 1.25rem;\n    background-color: rgba(59, 130, 246, 0.1);\n    padding: 8px;\n    border-radius: 8px;\n    line-height: 1;\n}\n\n.info-link-item h4 {\n    margin: 0 0 4px 0;\n    font-size: 1rem;\n    color: #ffffff;\n    font-weight: 600;\n}\n\n.info-link-item p {\n    margin: 0;\n    font-size: 0.95rem;\n    color: #cbd5e1;\n}\n\n\/* Form Fields Interactive Elements styling properties *\/\n.repair-web-form {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n}\n\n.form-row-double {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n}\n\n.input-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.input-wrap label {\n    font-size: 0.9rem;\n    font-weight: 500;\n    color: #cbd5e1;\n}\n\n.input-wrap input,\n.input-wrap textarea {\n    background-color: #1e293b;\n    border: 1px solid #334155;\n    border-radius: 6px;\n    padding: 12px 16px;\n    font-size: 0.95rem;\n    color: #ffffff;\n    font-family: inherit;\n    transition: all 0.2s ease;\n}\n\n.input-wrap input:focus,\n.input-wrap textarea:focus {\n    outline: none;\n    border-color: #2563eb;\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);\n}\n\n\/* Call to Action submission push controls styling *\/\n.submit-repair-btn {\n    background-color: #2563eb;\n    color: #ffffff;\n    border: none;\n    padding: 15px;\n    border-radius: 6px;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.2s ease, transform 0.1s ease;\n    margin-top: 10px;\n}\n\n.submit-repair-btn:hover {\n    background-color: #1d4ed8;\n}\n\n.submit-repair-btn:active {\n    transform: scale(0.98);\n}\n\n\/* Right Column Embedded Framework properties *\/\n.map-showcase-side {\n    height: 100%;\n    min-height: 450px;\n}\n\n.map-sticky-holder {\n    position: sticky;\n    top: 40px;\n    width: 100%;\n    height: 100%;\n}\n\n.embedded-google-map {\n    width: 100%;\n    height: 580px;\n    border: 1px solid #334155;\n    border-radius: 12px;\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);\n}\n\n\/* Comprehensive Media Query Interventions for responsiveness profiles *\/\n@media (max-width: 992px) {\n    .contact-grid {\n        grid-template-columns: 1fr; \/* Drop split view down onto a single linear path *\/\n        gap: 50px;\n    }\n    \n    .embedded-google-map {\n        height: 400px; \/* Shorten dimension values dynamically *\/\n    }\n    \n    .map-showcase-side {\n        min-height: auto;\n    }\n}\n\n@media (max-width: 560px) {\n    .form-row-double {\n        grid-template-columns: 1fr; \/* Split data input forms vertically down single-column layouts for smartphones *\/\n    }\n    \n    .contact-heading {\n        font-size: 2rem;\n    }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Expert Device Care Original Phone Repair Fast, reliable smartphone and tablet repairs using premium quality parts. From cracked screens to battery replacements, we bring your devices back to life. Plus, explore our wide selection of premium protective cases, chargers, and mobile accessories. \u26a1 Express Repair \ud83d\udee1\ufe0f Premium Accessories \ud83d\udd27 Certified Parts Book a Repair Shop [&hellip;]<\/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-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/originalphonerepair.com.au\/index.php?rest_route=\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/originalphonerepair.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/originalphonerepair.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/originalphonerepair.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/originalphonerepair.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":6,"href":"https:\/\/originalphonerepair.com.au\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/originalphonerepair.com.au\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/originalphonerepair.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}