Header&Footer 隱藏 ( 行銷頁使用 )

super8變不見

愛saving-立即預約

愛saving-形象圖偷懶版

愛saving-pain points

愛saving-ThreeMainAdvantages

愛saving-4CoreFunctions

愛saving-price

愛saving-錨點

愛saving-預約表單

社區幫-愛Saving居家用電管理服務-行銷頁

信義房屋成交客戶福利專區

社區幫Banner模組_測試用

社區幫友 - 中華電信專案

會員福利 測試

團購幫_(文字版)說明頁

團購幫_ (圖文版)說明頁

團購幫_列表頁

團購幫_列表頁_敬請期待

團購幫_(文字版)說明頁_1101_Johnson_c28

團購幫_(文字版)說明頁_1101_Johnson_d360

團購幫_(文字版)說明頁_1101_Johnson_a385

團購幫_(文字版)說明頁_1101_Johnson_c65

團購幫_列表頁_24'11_johnson_looking

家戶幫-居家整聊室

家戶幫-愛Saving

家戶幫-ESIMFUN

家戶幫-睡過頭

家戶幫列表

<div>
<style type="text/css">/* 確保 .nav 使用 column 排列並垂直居中 */
.nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.label-large {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.fixed-btn-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    background-color: #EE8613;
    border-radius: 12px;
}

.navFixed {
    position: fixed;
    top: 400px;
    right: 20px;
    z-index: 200;
    width: 76px;
}

/* header-link 設置為 column 排列以垂直居中 icon 和文字 */
.header-link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 2px;
}
@media screen and (max-width:991px) {
.navFixed {
    position: fixed;
    top: 300px;
    right: 12px;
    z-index: 200;
    width: 72px;
}
.fixed-btn-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 4px;
    background-color: #EE8613;
    border-radius: 12px;
}
</style>
</div>

<div class="navFixed">
<div class="fixed-btn-block">
<div class="nav"><a class="header-link" href="#reserve"><svg fill="none" height="32" viewbox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"> <path d="M6 7a4 4 0 0 1 4-4h16a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V7Z" fill="#E64F04"></path> <path d="M4 5a4 4 0 0 1 4-4h16a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V5Z" fill="#fff"></path> <path d="M21 1h3a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H10L21 1Z" fill="#FFDFB2" opacity=".5"></path> <path clip-rule="evenodd" d="M9.5 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm4-3a1.5 1.5 0 0 0 0 3h9a1.5 1.5 0 0 0 0-3h-9Zm-4 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm4-3a1.5 1.5 0 0 0 0 3h9a1.5 1.5 0 0 0 0-3h-9ZM11 20.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm1 0a1.5 1.5 0 0 1 1.5-1.5h9a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1-1.5-1.5Z" fill="#EF6A04" fill-rule="evenodd"></path> <path d="M23.879 10.121a3 3 0 0 1 4.242 0l1.758 1.758a3 3 0 0 1 0 4.242L21 25h-5a1 1 0 0 1-1-1v-5l8.879-8.879Z" fill="#66DACF"></path> <path d="M23.879 10.121a3 3 0 0 1 4.242 0l1.758 1.758a3 3 0 0 1 0 4.242l-.379.379-6-6 .379-.379ZM15 19h1a1 1 0 0 1 1 1" fill="#206666"></path> <path clip-rule="evenodd" d="M24.207 13.793a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0Zm2 2a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0Z" fill="#49B3AB" fill-rule="evenodd"></path> </svg> <span class="label-large">立即預約</span> </a></div>
</div>
</div>


電價上漲、用電異常等等因素，導致電費暴增！帶來沉重的經濟壓力

電費居高不下

難以辨別哪些電器最耗電，導致無法有效節能

耗電源頭難以找出

家中電器耗電異常時無法及時發現，存在潛在風險

用電安全隱憂

預設標題

3大居家用電痛點

非侵入式負載辨識技術，輕鬆安裝；僅需單一電力量測設備，即可AI辨識個別電器的啟閉狀態與用電量，降低建置成本，輕鬆無縫蒐集用電資料

快速安裝，10分鐘搞定

24 小時全天候紀錄家庭用電情況，並通過多種圖形化介面呈現 AI 分析結果，讓您輕鬆掌握各項用電數據，全面了解家庭電力使用狀況

用電數據隨時掌握

提供智慧節能建議、用電目標設定等功能，搭配異常耗電即時提醒，不僅幫助您高效管理用電，還能及時發現潛在風險，守護家庭安全

智慧管理，使用更省心

愛Saving用電管理服務3大優勢

<div>
<style type="text/css">.wrapper {
            margin: 0 auto;
        }

        /* Title/Large (20) */
        .title-large {
            font-size: 20px;
            font-weight: 700;
        }

        /* Body/H150% Medium (16) */
        .body-medium {
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
            letter-spacing: 0.32px;
        }

        /* Body/H150% Small (14) */
        .body-small {
            font-size: 14px;
            font-weight: 400;
            line-height: 150%;
            letter-spacing: 0.28px;
        }

        /* Body/H150% XS (12) */
        .body-xs {
            font-size: 12px;
            font-weight: 400;
            line-height: 150%;
            letter-spacing: 0.24px;
        }


        .service {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 24px;
            justify-content: center;

        }

        .service-block {
            display: flex;
            padding: 20px;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex: 1 0 0;
            background-color: #F4F5FA;
            border-radius: 12px;
        }

        .service-article {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding-left: 16px;
        }

        .service-image {
            max-width: 200px;
            max-height: 200px;
            border-radius: 6px;
        }

        .service-image>img {
            width: 100%;
            height: 100%;
            border-radius: 6px;
        }

        .service-else {
            display: flex;
            padding: 20px;
            flex-direction: column;
            align-items: flex-start;
            align-self: stretch;
            background-color: #f6f6f6;
            border-radius: 12px;
            margin-top: 32px;
        }


        @media screen and (max-width:767px) {

            .service {
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: 1fr;
                gap: 12px;
                justify-content: center;
            }

            .service-image {
                max-width: 160px;
                max-height: 160px;
                min-width: 160px;
                min-height: 160px;
                border-radius: 6px;
            }

            .service-image>img {
                width: 100%;
                height: 100%;
                border-radius: 6px;
            }

            .service-else {
                margin-top: 12px;
            }


        }
</style>
</div>

<div class="wrapper" id="4-core-functions">
<div class="service">
<div class="service-block">
<div class="service-image"><img src="https://backend-public.livinglife.com.tw/1730690468502-44849dfb-779f-4c97-b497-c19697ea41b0.png" style="width: 100%; height:100%; border-radius: 6px;" /></div>

<div class="service-article">
<div class="title-large" style="color: #5a5a5a; margin-bottom: 4px; text-align: left;">1.</div>

<div class="title-large" style="color: #5a5a5a; margin-bottom: 4px; text-align: left;">自動分析雲端用電數據</div>

<div class="body-small" style="color: #9b9b9b; text-align: left;">每日自動分析家庭用電，Web輕鬆回顧，節能有條理、用電更安心</div>
</div>
</div>


<div class="service-block">
<div class="service-image"><img src="https://backend-public.livinglife.com.tw/1730690476375-00e96614-e80a-4398-b78e-9f86c45e2cb9.png" style="width: 100%; height:100%; border-radius: 6px;" /></div>

<div class="service-article">
<div class="title-large" style="color: #5a5a5a; margin-bottom: 4px; text-align: left;">2.</div>

<div class="title-large" style="color: #5a5a5a; margin-bottom: 4px; text-align: left;">節能建議，量身打造</div>

<div class="body-small" style="color: #9b9b9b; margin-bottom: 4px; text-align: left;">可設定用電目標，並根據個人用電習慣，提供專屬的節能建議，建立良好的電器使用行為</div>
</div>
</div>


<div class="service-block">
<div class="service-image"><img src="https://backend-public.livinglife.com.tw/1730690482255-f3ca101b-0154-4340-a3a3-6209972a1aef.png" style="width: 100%; height:100%; border-radius: 6px;" /></div>

<div class="service-article">
<div class="title-large" style="color: #5a5a5a; margin-bottom: 4px; text-align: left;">3.</div>

<div class="title-large" style="color: #5a5a5a; margin-bottom: 4px; text-align: left;">異常用電提醒，掌握電器汰換時機</div>

<div class="body-small" style="color: #9b9b9b; text-align: left;">當用電異常時，平台會即時通知提醒。幫助您決策是否更換電器</div>
</div>
</div>


<div class="service-block">
<div class="service-image"><img src="https://backend-public.livinglife.com.tw/1730690490555-203b527c-9222-47be-b318-01f28986f1a9.png" style="width: 100%; height:100%; border-radius: 6px;" /></div>

<div class="service-article">
<div class="title-large" style="color: #5a5a5a; margin-bottom: 4px; text-align: left;">4.</div>

<div class="title-large" style="color: #5a5a5a; margin-bottom: 4px; text-align: left;">智慧好管理，省電無壓力！</div>

<div class="body-small" style="color: #9b9b9b; text-align: left;">通報調整電器設定，幫您有效管理用電，節省每一分電費</div>
</div>
</div>
</div>
</div>

愛Saving的4大核心功能

推廣優惠價，每月只要$199元

省電能幫助地球，也能救荷包

<p><iframe class="embedded-form" frameborder="0" height="3003" marginheight="0" marginwidth="0" src="https://docs.google.com/forms/d/e/1FAIpQLSdH5tyMIbZEI4-UgyGSWv0CRKOp_Ke7SP_Cs3I2lG5_JHROrw/viewform?embedded=true">載入中&amp;hellip;</iframe></p>
<style type="text/css">/* 設定嵌入表單的背景色和寬度 */
.embedded-form {
    width: 100%; /* 使用螢幕寬度的 100% */
    max-width: 1600px; /* 最大寬度設為 1600px */
    height: 1560px; /* 這裡可以調整為您所需要的高度 */
    background-color: #F4F5FA; /* 表單背景色 */
    border-radius: 24px; /* 可選：添加圓角 */
    padding: 4px; /* 可選：內邊距 */
    border: 1px solid #ddd; /* 可選：邊框顏色 */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* 可選：陰影效果 */
    overflow: hidden; /* 隱藏邊界溢出 */
    display: block; /* 使 iframe 成為塊級元素 */
    margin: 0 auto; /* 水平居中 */
}
</style>


愛Saving的4大核心功能

免費預約諮詢