<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>tumi123 Maple Ridge Retreat | Authentic Wellness, Nature & Relaxation Experience</title>

<meta name="description" content="tumi123 Discover Maple Ridge Retreat, a peaceful destination focused on wellness, relaxation, and nature-inspired experiences. Enjoy comfortable accommodations, scenic surroundings, and a refreshing escape from everyday life.">

<link rel="canonical" href="https://mapleridgeretreat.ca/">
<link rel="amphtml" href="https://mapleridgeretreat.ca/contact/">
<link rel="amphtml" href="https://mapleridgeretreat.ca/contact/"/>
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/" hreflang="ja">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/" hreflang="en">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/" hreflang="zh-Hant">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/" hreflang="zh-Hans">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/" hreflang="th">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/" hreflang="id">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/" hreflang="ko">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=de" hreflang="de">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=es" hreflang="es">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=ru" hreflang="ru">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=fr" hreflang="fr">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=it" hreflang="it">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=ms" hreflang="ms">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=my" hreflang="my">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=pl" hreflang="pl">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=pt" hreflang="pt">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=ko" hreflang="tr">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=vi" hreflang="vi">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/?lang=ar" hreflang="ar">
<link rel="alternate" href="https://mapleridgeretreat.ca/contact/" hreflang="x-default">

<link rel="icon" type="image/png" href="https://meubelkayumurah.pics/wp-content/uploads/2025/10/ICON-TUMI123.png">

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#f4f7f4;
color:#333;
line-height:1.7;
}

a{
text-decoration:none;
}

header{
position:fixed;
top:0;
width:100%;
background:rgba(255,255,255,.95);
backdrop-filter:blur(10px);
box-shadow:0 5px 20px rgba(0,0,0,.08);
z-index:999;
}

.nav{
max-width:1300px;
margin:auto;
padding:15px 30px;
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
font-size:30px;
font-weight:700;
color:#2b5d3d;
}

.btn-group a{
padding:12px 28px;
border-radius:40px;
font-weight:600;
margin-left:10px;
transition:.3s;
}

.login{
background:#ffffff;
border:2px solid #2b5d3d;
color:#2b5d3d;
}

.register{
background:#2b5d3d;
color:white;
}

.login:hover,.register:hover{
transform:translateY(-3px);
}

.hero{
height:100vh;
background:url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=1920') center/cover;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

.hero:before{
content:'';
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
}

.hero-content{
position:relative;
z-index:2;
text-align:center;
max-width:850px;
color:white;
padding:20px;
}

.hero h1{
font-size:55px;
margin-bottom:20px;
}

.hero p{
font-size:19px;
margin-bottom:35px;
}

.cta{
padding:16px 40px;
background:#5fa56b;
border-radius:50px;
color:white;
font-weight:600;
}

section{
padding:90px 20px;
}

.container{
max-width:1300px;
margin:auto;
}

.title{
text-align:center;
margin-bottom:50px;
}

.title h2{
font-size:42px;
color:#2b5d3d;
}

.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:25px;
}

.gallery img{
width:100%;
height:260px;
object-fit:cover;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
transition:.4s;
}

.gallery img:hover{
transform:scale(1.03);
}

.about{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}

.about img{
width:100%;
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.about h3{
font-size:38px;
margin-bottom:20px;
color:#2b5d3d;
}

.products{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
}

.card{
background:white;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.1);
}

.card img{
width:100%;
height:240px;
object-fit:cover;
}

.card-content{
padding:25px;
}

.price{
font-size:28px;
font-weight:700;
color:#2b5d3d;
margin:15px 0;
}

.card a{
display:inline-block;
padding:12px 28px;
background:#2b5d3d;
color:white;
border-radius:40px;
}

footer{
background:#1e3526;
color:white;
text-align:center;
padding:40px;
}

@media(max-width:768px){

.hero h1{
font-size:38px;
}

.about{
grid-template-columns:1fr;
}

.nav{
flex-direction:column;
gap:15px;
}
}
</style>
</head>
<body>

<header>
<div class="nav">
<div class="logo">TUMI123</div>

<div class="btn-group">
<a class="login" href="https://mapleridgeretreat.ca/contact/">LOGIN</a>
<a class="register" href="https://mapleridgeretreat.ca/contact/">DAFTAR</a>
</div>

</div>
</header>

<section class="hero">
<div class="hero-content">
<h1>Maple Ridge Retreat</h1>

<p>
Discover a peaceful destination focused on wellness, relaxation, and nature-inspired experiences. Enjoy comfortable accommodations, scenic surroundings, and a refreshing escape from everyday life.
</p>

<a class="cta" href="https://mapleridgeretreat.ca/contact/">
Explore Retreat
</a>

</div>
</section>

<section>
<div class="container">

<div class="title">
<h2>Nature & Wellness Gallery</h2>
</div>

<div class="gallery">

<img src="https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=1200">

<img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1200">

<img src="https://images.unsplash.com/photo-1519046904884-53103b34b206?w=1200">

<img src="https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=1200">

<img src="https://images.unsplash.com/photo-1493246507139-91e8fad9978e?w=1200">

<img src="https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=1200">

</div>

</div>
</section>

<section style="background:white;">
<div class="container">

<div class="about">

<div>
<img src="https://images.unsplash.com/photo-1519823551278-64ac92734fb1?w=1200">
</div>

<div>

<h3>Authentic Wellness Experience</h3>

<p>
Maple Ridge Retreat offers a harmonious environment surrounded by natural beauty. Guests can enjoy tranquil accommodations, rejuvenating spaces, and memorable moments that encourage relaxation and renewal.
</p>

<br>

<p>
From peaceful landscapes to wellness-inspired amenities, every experience is designed to provide balance and comfort in a welcoming atmosphere.
</p>

</div>

</div>

</div>
</section>

<section>

<div class="container">

<div class="title">
<h2>Retreat Packages & Prices</h2>
</div>

<div class="products">

<div class="card">

<img src="https://images.unsplash.com/photo-1506126613408-eca07ce68773?w=1200">

<div class="card-content">

<h3>Relaxation Package</h3>

<p>Comfortable stay with nature-inspired ambiance and wellness facilities.</p>

<div class="price">$149 / Night</div>

<a href="https://mapleridgeretreat.ca/contact/">Book Now</a>

</div>
</div>


<div class="card">

<img src="https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?w=1200">

<div class="card-content">

<h3>Premium Wellness Retreat</h3>

<p>Elegant accommodation with scenic views and rejuvenating atmosphere.</p>

<div class="price">$249 / Night</div>

<a href="https://mapleridgeretreat.ca/contact/">Book Now</a>

</div>
</div>


<div class="card">

<img src="https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=1200">

<div class="card-content">

<h3>Luxury Nature Escape</h3>

<p>Exclusive retreat experience designed for ultimate relaxation.</p>

<div class="price">$399 / Night</div>

<a href="https://mapleridgeretreat.ca/contact/">Book Now</a>

</div>
</div>

</div>

</div>

</section>

<section style="background:white">

<div class="container">

<div class="title">
<h2>Why Choose Maple Ridge Retreat?</h2>
</div>

<div class="gallery">

<img src="https://images.unsplash.com/photo-1501785888041-af3ef285b470?w=1200">

<img src="https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=1200">

<img src="https://images.unsplash.com/photo-1506748686214-e9df14d4d9d0?w=1200">

</div>

</div>

</section>

<footer>

<h3>TUMI123 • Maple Ridge Retreat</h3>

<p>
Authentic Wellness, Nature & Relaxation Experience
</p>

<p style="margin-top:15px;">
© 2026 All Rights Reserved.
</p>

</footer>

</body>
</html>