Wowcasa-廠商介紹-空白

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

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

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

        .info-content {
            display: flex;
            align-items: flex-start;
            align-self: stretch;
        }

        .info-slogon-icon {
            width: 24px;
            height: 24px;
        }

        .info-slogon {
            display: flex;
            padding: 20px;
            align-self: stretch;
            border-radius: 12px;
            background-color: #F0FBD9;
        }

        .info-left-block {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            max-width: 883px;
            width: 60%;
        }

        .info-right-image {
            display: flex;
            width: 40%;
            aspect-ratio: 4 / 3;
            overflow: hidden;
            margin: 0 0 0 48px;
            border-radius: 24px;
            background-image: url('https://b-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1726725225763-1ebadc7d-7fa9-4a58-9cca-8babcba62625.webp');
            background-size: cover;
            background-position: center;
        }

        .info-right-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }


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

            .info-content {
                display: flex;
                flex-direction: column;
            }

            .info-left-block {
                display: flex;
                max-width: none;
                width: 100%;
            }

            .info-right-image {
                display: flex;
                width: 100%;
                margin: 16px 0 0 0;
            }

        }
</style>
</div>

<div class="wrapper" id="company-info">
<div class="info-content">
<div class="info-left-block">
<div class="parabody-medium" style="color: #5a5a5a;">在這麼多樣化，這麼多選擇性的物聯網時代，智慧居家是個趨勢，但是讓人不知從何下手，又或是過往曾經聽過的建置成本，讓人高不可攀。但現在已經不同了！</div>

<div class="parabody-medium" style="color: #5a5a5a;"><br />
WOWCasa，期望從不同的面向，協助你打造屬於自己風格的家。最多元的品牌，最廣的選項，讓有興趣的人可以獲得最多的資訊，最完整的介紹，最WOW的體驗。智慧居家，就應該以最聰明的方式，輕工程，軟裝潢，滿足所有的想像。</div>
</div>
</div>
</div>

公司介紹

Wowcasa-廠商介紹-公司介紹

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

        /* Headline/Medium (28) */
        .headline-medium {
            font-size: 28px;
            font-weight: 700;
            line-height: 135%;
            letter-spacing: 0.56px;
        }

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

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

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

        .paragraph {
            flex-direction: column;
            align-items: flex-start;
            align-self: stretch;
            margin-bottom: 32px;
        }

        .goodpoint-list {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: 24px;
            justify-content: flex-start;
        }

        .goodpoint-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            align-self: stretch;
        }

        .goodpoint-image {
            display: flex;
            width: 160px;
            height: 160px;
            overflow: hidden;
            border-radius: 12px;
            background-image: url('https://b-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1726725762226-16852864-8f2b-4e6c-933f-eda0d33383c5.webp');
            background-size: cover;
            background-position: center;
        }

        .goodpoint-image img {
            width: 100%;
            height: 100%;
        }


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

            .goodpoint-list {
                display: flex;
                flex-direction: column;
                gap: 32px;
                justify-content: flex-start;
            }

        }
</style>
</div>

<div class="wrapper" id="company-goodpoint">
<div class="paragraph">
<div class="headline-medium" style="color: #383838;">選擇我們的理由</div>

<div class="parabody-medium" style="color: #5a5a5a; margin-top: 12px;">選擇我們，選擇更美好的智慧家庭生活規劃與安心交易體驗。</div>
</div>


<div class="goodpoint-list">
<div class="goodpoint-content">
<div class="goodpoint-image"><img alt="優勢1" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1729475054815-c2b158db-6091-431f-a1be-67c45b61f71c.png" /></div>

<div class="title-large" style="color: #5a5a5a; text-align: center; padding-top: 24px;">生活全面規劃</div>

<div class="parabody-medium" style="color: #9b9b9b; text-align: center; padding-top: 8px;">智慧居家、智慧家電、無線網路全面規劃，讓使用體驗加分！</div>
</div>


<div class="goodpoint-content">
<div class="goodpoint-image"><img alt="優勢2" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1729475075096-b7817b6c-40f0-407c-a0e7-363379c7d044.png" /></div>

<div class="title-large" style="color: #5a5a5a; text-align: center; padding-top: 24px;">系統多元支援</div>

<div class="parabody-medium" style="color: #9b9b9b; text-align: center; padding-top: 8px;">使用蘋果與Google兩大國際性平台，未來升級有保障，無限擴充性</div>
</div>


<div class="goodpoint-content">
<div class="goodpoint-image"><img alt="優勢3" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1729475092728-cc8f2070-3c23-443b-b253-159605a7bfae.png" /></div>

<div class="title-large" style="color: #5a5a5a; text-align: center; padding-top: 24px;">在地保固保障</div>

<div class="parabody-medium" style="color: #9b9b9b; text-align: center; padding-top: 8px;">台灣廠商，在地服務，不擔心成為保固孤兒！</div>
</div>


<div class="goodpoint-content">
<div class="goodpoint-image"><img alt="優勢4" src="https://ls-app-backend-public-test.s3.ap-northeast-1.amazonaws.com/1729482170456-77d4e783-acc7-4386-9a63-a9e508987592.png" /></div>

<div class="title-large" style="color: #5a5a5a; text-align: center; padding-top: 24px;">功能融合設計</div>

<div class="parabody-medium" style="color: #9b9b9b; text-align: center; padding-top: 8px;">與室內設計融合，不只便利更要美觀</div>
</div>
</div>
</div>

WOWcasa-廠商介紹-優勢特點

服務

服務項目

WOWcasa-廠商介紹-服務項目

服務案例

WOWcasa-廠商介紹-服務案例

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

        /* Headline/Small (24) */
        .headline-small {
            font-size: 24px;
            font-weight: 700;
            line-height: 140%;
            letter-spacing: 0.48px;
        }

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

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

        .sop-list {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 24px;
            justify-content: flex-start;
        }

        .sop-block {
            display: flex;
            padding: 20px;
            flex-direction: column;
            border-radius: 12px;
            background-color: #f6f6f6;
        }

        .sop-number {
            display: flex;
            width: 42px;
            height: 42px;
            justify-content: center;
            align-items: center;
            background-color: #75aa00;
            border-radius: 21px;
        }

        .sop-title-block {
            display: flex;
            padding-bottom: 16px;
            align-items: center;
            align-self: stretch;
        }

        .sop-title {
            display: flex;
            align-items: flex-start;
            flex: 1 0 0;
        }


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

            .sop-list {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                align-self: stretch;
                gap: 16px;
            }

            .sop-block {
                display: flex;
                flex-direction: column;
                align-self: stretch;
            }


        }
    </style>
</div>


<div class="wrapper" id="sop">

    <div class="sop-list">

        <div class="sop-block">

            <div class="sop-title-block">
                <div class="sop-number headline-small" style="color: #fff;">1</div>
                <div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">線上諮詢</div>
            </div>

            <div class="parabody-medium" style="color: #5a5a5a;">可透過專線或Line訊息與我們聯繫，告知您的智慧家庭需求及相關資訊。</div>

        </div>

        <div class="sop-block">

            <div class="sop-title-block">
                <div class="sop-number headline-small" style="color: #fff;">2</div>
                <div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">勘查訪談</div>
            </div>

            <div class="parabody-medium" style="color: #5a5a5a;">到府場勘及會面討論所需情境與設備確認。</div>

        </div>

        <div class="sop-block">

            <div class="sop-title-block">
                <div class="sop-number headline-small" style="color: #fff;">3</div>
                <div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">專人估價</div>
            </div>

            <div class="parabody-medium" style="color: #5a5a5a;">確認使用設備與數量後，提供估價供客戶確認。</div>

        </div>

        <div class="sop-block">

            <div class="sop-title-block">
                <div class="sop-number headline-small" style="color: #fff;">4</div>
                <div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">進行施工</div>
            </div>

            <div class="parabody-medium" style="color: #5a5a5a;">開立施工單，與客戶/設計師確認施工進度並依據排成進場。</div>

        </div>

        <div class="sop-block">

            <div class="sop-title-block">
                <div class="sop-number headline-small" style="color: #fff;">5</div>
                <div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">完工驗收</div>
            </div>

            <div class="parabody-medium" style="color: #5a5a5a;">完工後，進行工程驗收。</div>

        </div>

        <div class="sop-block">

            <div class="sop-title-block">
                <div class="sop-number headline-small" style="color: #fff;">6</div>
                <div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">保固證明</div>
            </div>

            <div class="parabody-medium" style="color: #5a5a5a;">遞交保固證明及聯繫方式便於任何問題聯繫。</div>

        </div>

    </div>

</div>

服務流程

Wowcasa-廠商介紹-服務流程

WOWCasa 智慧家居 連亞國際有限公司

智慧家庭