<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: 3 / 2;
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="info-slogon" style="margin-bottom: 16px;">
<div class="info-slogon-icon"><svg fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2784_67309)"> <path d="M9 15.1602C6.63505 14.0642 5 11.7127 5 8.98872C5 5.21741 8.13401 2.16016 12 2.16016C15.866 2.16016 19 5.21741 19 8.98872C19 11.7127 17.3649 14.0642 15 15.1602" stroke="#75AA00" stroke-linecap="round" stroke-width="2"></path> <path d="M8 14.6602V16.1602C8 16.7124 8.44772 17.1602 9 17.1602H15C15.5523 17.1602 16 16.7124 16 16.1602V14.6602" stroke="#75AA00" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> <path d="M10 23.1602H14" stroke="#75AA00" stroke-linecap="round" stroke-width="2"></path> <path d="M8.5 20.1602H15.5" stroke="#75AA00" stroke-linecap="round" stroke-width="2"></path> <rect fill="#F0FBD9" height="3" width="1" x="9" y="13.1602"></rect> <rect fill="#F0FBD9" height="3" width="1" x="14" y="13.1602"></rect> <path d="M12.5 7.16016L10.5 10.1602H13.5L11.5 13.1602" stroke="#75AA00" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> </g> <defs> <clippath id="clip0_2784_67309"> <rect fill="white" height="24" transform="translate(0 0.660156)" width="24"></rect> </clippath> </defs> </svg></div>

<div class="title-large" style="color: #75aa00; margin-left: 8px;">翰亞的初衷就是打造出家最溫暖的地方</div>
</div>


<div class="parabody-medium" style="color: #5a5a5a;">＜&lt;家最溫暖的地方就是廚房&gt;&gt;<br />
在物價上漲的時代裡，希望用最實惠的價格最專業的服務讓大家都能輕鬆無負擔的打造家最溫暖的地方，與家人一起坐下來，好好的吃頓飯。<br />
<br />
翰亞居家生活一直秉持著這樣的初衷，堅持顧客至上，誠信的經營理念，提供最專業，最用心的服務，多年來客戶好評不斷，好口碑相傳，已獲得市場及消費者的認可，堅持優良的品質，用心溫暖的服務熱忱，因為我們相信，我們最專業的知識一定能協助您打造出家最溫暖的地方，提高居家生活品味，高雅溫馨的家庭互動。</div>
</div>


<div class="info-right-image"><img alt="信義居家翰亞居家生活局部裝修服務" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1739944661137-3feac3cb-8447-4662-935a-bcc295b6446a.jpeg" /></div>
</div>
</div>

公司介紹

翰亞居家生活-廠商介紹-公司介紹

<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;
}

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

.serviceinfo-content {
display: flex;
align-items: center;
align-self: stretch;
}

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

.serviceinfo-left-image {
display: flex;
width: 40%;
aspect-ratio: 3 / 2;
overflow: hidden;
margin: 0 48px 0 0;
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;
}

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

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

.serviceinfo-content {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.serviceinfo-right-block {
display: flex;
max-width: none;
width: 100%;
}

.serviceinfo-left-image {
display: flex;
width: 100%;
margin: 16px 0 0 0 ;
order: 2;
}

}
</style>
</div>

<div class="wrapper" id="company-serviceinfo">
<div class="serviceinfo-content">
<div class="serviceinfo-left-image"><img alt="信義居家翰亞居家生活局部朱修服務介紹" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1739945413731-6fbea9bc-783f-4a43-9b26-af1692e8c3b9.jpeg" /></div>


<div class="serviceinfo-right-block">
<div class="headline-medium" style="color: #383838; margin-bottom: 32px;">服務介紹</div>

<div class="parabody-medium" style="color: #5a5a5a;">針對您所提供的不同空間不同需求<br />
給您好的專業規劃及細膩質感，讓您可以省下非常多的費用<br />
並兼具個人品味與美學風格，打造令人怦然心動的居家空間<br />
<br />
免費丈量、估價、規劃、安裝及售後服務<br />
可以到現場討論提供意見，不用收費<br />
一分錢一分貨十分的專業，讓您將錢花在刀口上<br />
<br />
翰亞居家生活，不怕做只怕您不說<br />
為您打造您的規劃，完成您的夢想</div>
</div>
</div>
</div>

翰亞居家生活-廠商介紹-服務介紹

預設標題

服務項目

翰亞居家生活-廠商介紹-服務項目

<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;
        }

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

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

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



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

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

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

        }
</style>
</div>

<div class="wrapper" id="company-idea">
<div class="idea-content">
<div class="idea-left-block">
<div class="parabody-medium" style="color: #5a5a5a;">翰亞居家生活一直秉持著家最溫暖的地方就是廚房這樣的初衷，堅持顧客至上，誠信的經營理念，提供最專業，最用心的服務。</div>
</div>
</div>
</div>

設計理念

翰亞居家生活-廠商介紹-設計理念

<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;
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>

翰亞居家生活-廠商介紹-優勢特色

玄關櫃、系統櫃

衣櫃、系統櫃

廚具、浴櫃、系統櫃

施工前後對比

翰亞居家生活-廠商介紹-施工前後對比

<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: 16px;
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;">來電說明需求，並約定丈量時間。</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>

<p>&nbsp;</p>
</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>
