

<!DOCTYPE html>
<html lang="af" class=" page-key-blog">
<head>
        <title> | LekkeSlaap</title>

        
    <!-- Default Meta -->
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">

        <meta property="fb:app_id" content="160861514538772">
    
    
        <meta name="email" content="" />
    <meta name="auth_hash_email" content="" />
    <meta name="auth_hash_authenticate" content="" />
            <meta name="ahrefs-site-verification" content="b8c9e49d2680c8c9cbc429792e3c7643bbc0021983b5e90ba40d9107b608387b">
    
    <!-- https://www.favicon-generator.org/ -->
    <link rel="shortcut icon" type="image/x-icon" href="/cdn/images/brand/ls/icons/favicon.ico?hash=ebd966c411">

            <link rel="apple-touch-icon" sizes="57x57" href="/cdn/images/brand/ls/icons/apple-icon-57x57.png?hash=ebd966c411">
        <link rel="apple-touch-icon" sizes="60x60" href="/cdn/images/brand/ls/icons/apple-icon-60x60.png?hash=ebd966c411">
        <link rel="apple-touch-icon" sizes="72x72" href="/cdn/images/brand/ls/icons/apple-icon-72x72.png?hash=ebd966c411">
        <link rel="apple-touch-icon" sizes="76x76" href="/cdn/images/brand/ls/icons/apple-icon-76x76.png?hash=ebd966c411">
        <link rel="apple-touch-icon" sizes="114x114" href="/cdn/images/brand/ls/icons/apple-icon-114x114.png?hash=ebd966c411">
        <link rel="apple-touch-icon" sizes="120x120" href="/cdn/images/brand/ls/icons/apple-icon-120x120.png?hash=ebd966c411">
        <link rel="apple-touch-icon" sizes="144x144" href="/cdn/images/brand/ls/icons/apple-icon-144x144.png?hash=ebd966c411">
        <link rel="apple-touch-icon" sizes="152x152" href="/cdn/images/brand/ls/icons/apple-icon-152x152.png?hash=ebd966c411">
        <link rel="apple-touch-icon" sizes="180x180" href="/cdn/images/brand/ls/icons/apple-icon-180x180.png?hash=ebd966c411">
        <link rel="icon" type="image/png" sizes="192x192" href="/cdn/images/brand/ls/icons/android-icon-192x192.png?hash=ebd966c411">
        <link rel="icon" type="image/png" sizes="32x32" href="/cdn/images/brand/ls/icons/favicon-32x32.png?hash=ebd966c411">
        <link rel="icon" type="image/png" sizes="96x96" href="/cdn/images/brand/ls/icons/favicon-96x96.png?hash=ebd966c411">
        <link rel="icon" type="image/png" sizes="16x16" href="/cdn/images/brand/ls/icons/favicon-16x16.png?hash=ebd966c411">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="/cdn/images/brand/ls/icons/ms-icon-144x144.png?hash=ebd966c411">
    

    <link rel="preconnect" href="https://travelground.imgix.net" crossorigin>

                <link rel="preload" href="/cdn/fonts/Montserrat/Montserrat-VariableFont_wght.woff2" as="font" type="font/woff2" crossorigin>
    
                        
                        <!-- SEO Canonical Link -->
            <link rel="canonical" href="https://www.lekkeslaap.co.za/blog/af/rss" />
            <!-- SEO Alternate Links -->
                        
            <!-- SEO Meta -->
    <meta name="description" content=""/>

        <!-- Twitter Meta -->
    <meta name="twitter:title" content="LekkeSlaap">
    <meta name="twitter:description" content="">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@lekkeslaap">

    <!-- OpenGraph Meta -->
    <meta property="og:site_name" content="LekkeSlaap">
    <meta property="og:locale" content="af_ZA">
    <meta property="og:locale:alternate" content="en_US">
    <meta property="og:url" content="https://www.lekkeslaap.co.za/blog/af/rss">
    <meta property="og:title" content=" | LekkeSlaap">
    <meta property="og:description" content="">
    <meta property="og:type" content="website">
    <meta property="og:image" content="">

    	<!-- JSON-LD Breadcrumbslist -->
			<script type="application/ld+json">
			{
                "@context": "http://schema.org",
                "@type": "BreadcrumbList",
                "itemListElement": [
                                            {
                            "@type": "ListItem",
                            "position": "1",
                            "name": "LekkeSlaap Blog",
                            "item": "https://lekkeslaap.co.za/blog/af"
                        }
                        ,                                            {
                            "@type": "ListItem",
                            "position": "2",
                            "name": "",
                            "item": "https://lekkeslaap.co.za/blog/af/rss"
                        }
                                                            ]
			}
		</script>
	

        <link rel="stylesheet" href="/accomm/public/assets/5321.css?v=42851e2&c=ebd966c411" />
<link rel="stylesheet" href="/accomm/public/assets/9811.css?v=446c94e&c=ebd966c411" />
    <link rel="stylesheet" href="/accomm/public/assets/scripts/theme-ls.entry-4b647fd4.css?v=c098de0&c=ebd966c411" />

        
            <link rel="stylesheet" href="/accomm/public/assets/scripts/blog/blog.entry.css?v=be4b440&c=ebd966c411" />

            <script src='/accomm/public/js/locale/afrikaans.js?v=ebd966c411'></script>
    
    
    
        
    <script src="/accomm/public/assets/module-5321.js?v=f563074&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-4864.js?v=5e77232&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-537.js?v=8d09106&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-9928.js?v=5c49295&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-6604.js?v=7b49a31&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-3469.js?v=aba7b83&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-2107.js?v=d80088a&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-scripts/main.entry.js?v=229a250&c=ebd966c411" defer></script>
    <script src="/accomm/public/assets/module-7268.js?v=ddef6aa&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-1771.js?v=708f910&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-1711.js?v=b15a54f&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-8546.js?v=8f997b0&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-982.js?v=7f0b01a&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-8803.js?v=40119ee&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-5896.js?v=5aeed67&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-6476.js?v=898bc02&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-5638.js?v=dadd19e&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-8571.js?v=772b181&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-8139.js?v=03ff0db&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-4260.js?v=c1885b7&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-9356.js?v=0673bcb&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-6449.js?v=fe41566&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-1272.js?v=68ba06d&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-3094.js?v=e3e7563&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-117.js?v=c459474&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-9150.js?v=6db64d2&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-scripts/critical.entry-7f740c1b.js?v=5ee4bca&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-scripts/critical.entry-c63e650f.js?v=4f28eb2&c=ebd966c411" defer></script>

        
        
         
    
                
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N5J6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N5J6');</script>
<!-- End Google Tag Manager -->

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
    "event": "event_user_context",
    "lgst": false,
    "sid": "pg3isnvquil3ivjgj1ket30hgu",
    "gid": null,
    "hid": null,
    "aid": null,
    "app": false,
    "appver": null,
    "lang": "af"
});
</script>



    <!--TODO:APPLEPAY Apple pay sdk-->
    <!-- add a conditional to not unnecessarily load this -->
    <!-- <script src="https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js"></script> -->
</head>

<body x-data :class="{'modal-open ' : $store.general.openSection == 'SEARCH' && !$screen('lg') }"  data-show-google-translate=""
    class="browser__default ls None web app-version-1 page-key-blog
    ">
        <div class="modal fade" id="js-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered ls" role="document">
        <div class="modal-content">

                        <div class="modal-header">
                <h5 class="modal-title"></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body"></div>

                        <div class="modal-footer d-none"></div>
        </div>
    </div>
</div>

    
                                            <div id="js-content-reported" class="d-none alert-success" style="z-index:1;">
    <div class="container-xl py-3 font-weight-bold text-center">
        Successfully reported <span id="js-report-content-type"></span>
    </div>
</div>

        
                    






    



    
    
<header id="js-header" class="results-view d-flex flex-column align-items-center fixed-top fixed-md-top-0 bg-white ">
                <div class="banner-header d-md-none">
            <div id="js-content-reported" class="d-none alert-success" style="z-index:1;">
    <div class="container-xl py-3 font-weight-bold text-center">
        Successfully reported <span id="js-report-content-type"></span>
    </div>
</div>

        </div>
    
                <div class="d-none d-lg-block w-100  " id="ls-header-bar">
            <div class="container-xl d-none d-lg-flex justify-content-end justify-content-lg-between align-items-center position-relative">
                <div class="d-lg-block invisible lekke-section">
                    <span class="mr-4">
                        <i class="fas fa-home-lg mr-1 lekke-icon"></i>
                        Lekke
                        Plekke</span>
                    <span class="mr-4">
                        <i class="fas fa-tag mr-1 lekke-icon"></i>
                        Lekke
                        Pryse</span>
                    <span class="mr-4">
                        <i class="fas fa-lock mr-1 lekke-icon"></i>
                        Lekke
                        Veilig</span>
                </div>

                                    <div id="ls-header-menu" class="d-block d-flex justify-content-end justify-content-between align-items-center header-bar ">
            <a class="notranslate menu-header-button language-select-button header-bar js-change-language text-select-none text-decoration-none d-flex justify-content-between align-items-center mr-3"
        href="javascript:void(0);"
        data-source="toggle"
        data-original-preference="af"
        data-new-preference="en"
        title="Switch to English">
        
    </a>
        
        <div class="header-bar-divider mr-3"></div>
    
    
                    <a class="menu-header-button header-bar js-open-modal text-select-none text-decoration-none d-none d-lg-flex align-items-lg-center mr-3" href="javascript:void(0)"
            data-target="login" data-source="login">
            <div class="text-primary mr-3 d-inline-block mx-auto my-0 cursor-pointer-events-none d-flex align-items-center justify-content-center" style="min-height:22px;"><i class="my-1 fas fa-sign-in-alt"></i></div>
            <span class="ml-2 cursor-pointer-events-none">Teken in</span>
        </a>
    
            <div class="menu-bar  header-bar d-flex justify-content-md-between align-items-center">
                            <a class="d-none d-md-inline text-decoration-none mr-3" href="/gunstelinge"><i class="menu-icon fas fa-heart mr-2"></i>Gunstelinge</a>
                                                <span class="menu-desktop-link d-none d-lg-inline-block cursor-pointer">
                <span class="menu-button d-flex flex-nowrap align-items-center px-2">
                                        <i class="d-none d-md-inline menu-icon user-icon mr-2 fas fa-user-circle cursor-pointer-events-none"></i>
                    <i class="menu-icon hamburger-bars fal fa-bars cursor-pointer-events-none"></i>
                                    </span>
            </span>
            <span class="d-lg-none d-inline-block">
                <span class="menu-button js-menu-toggle d-flex flex-nowrap align-items-center px-2">
                    <i class="d-none d-md-inline menu-icon user-icon mr-2 fas fa-user-circle cursor-pointer-events-none"></i>
                    <i class="menu-icon fal fa-bars cursor-pointer-events-none"></i>
                </span>
            </span>
        </div>
    </div>

                            </div>
        </div>
    
        <div id="ls-header-center" class="header-sticky border-none container-xl bg-white  ">
        <div
            class="header py-1 py-lg-0 d-flex flex-wrap flex-lg-nowrap align-items-center align-contents-center justify-content-between justify-content-lg-start">
                        <div class="mobile-back-url order-0 d-lg-none ml-n2 invisible">
                <a id="js-back-btn" href="javascript:void(0)" class="justify-content-center mr-auto d-flex p-2  text-primary">
                    <i class="mr-auto fal fa-arrow-left" style="font-size: 20px;"></i>
                </a>
            </div>

                        <div class="header-logo-container d-flex justify-content-center justify-content-lg-start order-1 mr-lg-4 py-lg-2 mr-n5 mr-lg-n0 ">
                                <a href="/" title="Tuisblad" aria-label="LekkeSlaap Homepage">
                    <img class="header-logo" alt="LekkeSlaap" height="40px" width="160px" src="/cdn/images/brand/ls/logos/logo.svg?hash=ebd966c411" loading="lazy"/>
                </a>
            </div>
            
<div x-data id="search-summary"
    style="display:none;"
    class="search-summary-wrapper order-3 ml-lg-auto"
    x-show="$store.general.openSection !== 'SEARCH' || !$screen('lg')">
	<div
        class="justify-content-end position-relative d-flex custom-width">
                    <div class="d-none d-lg-flex search-summary-inner rounded-left border-right-0  ml-auto align-items-center">
                <div @click="$store.general.updateOpenSection('SEARCH');$dispatch('focus-search-autocomplete');"
                x-text="$store.search.autocomplete.query != '' && 'blog' !== 'establishment'  ? $store.search.autocomplete.query : 'Waarheen is jy op pad?'"
                :class="($store.search.autocomplete.query != '' && 'blog' !== 'establishment') ? 'search-summary-input-value' : ''"
                class="search-summary-input cursor-pointer py-2 px-3 pr-5 text-truncate text-select-none">
                    Waarheen is jy op pad?
                </div>

                            </div>
                            <div @click="$store.general.updateOpenSection('SEARCH');"
                class="js-search-dropdown-toggle d-flex search-summary-icon-search justify-content-center align-items-center ml-lg-0 px-2 py-lg-2 px-lg-3 cursor-pointer rounded-right ">
                <i class="fas fa-search cursor-pointer-events-none d-none d-lg-inline-block"></i>
                <i class="far fa-search cursor-pointer-events-none d-lg-none" style="font-size:18px"></i>
            </div>
                            <div @click="$store.general.updateOpenSection('MENU');"
                class="js-menu-toggle mr-n2 search-summary-icon-menu p-2 d-lg-none cursor-pointer d-flex align-items-center justify-content-center text-primary"
                aria-label="Toggle menu" role="button" style="font-size:20px">
                <span class="menu-button d-flex flex-nowrap align-items-center cursor-pointer-events-none">
                    <i class="menu-icon fal fa-bars"></i>
                </span>
            </div>
        	</div>
</div>
        </div>
    </div>
            <div x-show="$store.general.openSection == 'SEARCH'" class="search-summary-dropdown w-100"
            style="display:none;"
            x-collapse.duration.200ms>
                        <div class="container pt-3 position-relative" style="min-height: 95px;">
                <div x-show="$store.general.openSection == 'SEARCH'"
                    @click="$store.general.updateOpenSection('NONE')"
                    class="d-lg-none position-absolute cursor-pointer px-3 mt-1" style="top: 0rem; right: 0px;z-index:1;">
                    <i class="cursor-pointer-events-none fal fa-times text-gray font-size-xl"></i>
                </div>
                                    

<div x-data id="search-form-container" class="ls-search-form-container search d-block order-5 px-0 pl-lg-0 mb-lg-0 straight"
    @click.outside="window.tg.page_key == 'homepage' && $store.general.openSection == 'SEARCH' ? $store.general.updateOpenSection('NONE') : ''">
    <form method="GET" action="/soek">
        		<div class="form-row search-row ">
						
<div x-data="searchAutocomplete()"
    @focus-search-autocomplete.window="$nextTick(() => setTimeout(() => { focus();}, 100));"
    class="autocomplete form-group col-12 order-1 col-lg-4 search-autocomplete-group">
    <label class="text-truncate  ">
        	    	Waarheen is jy op pad?
        	</label>
	<div class="input-group"
        @click.away="open=false;"
        @keydown.escape="open=false;"
        @keydown.arrow-down="open=true;next()"
        @keydown.arrow-up="open=true;previous()"
        @keydown.enter.prevent.stop="enter()">
                    <div class="form-icon position-absolute cursor-pointer-events-none px-2 d-flex align-items-center" style="left:0px;top:0px;bottom:0px;z-index:10;">
                <i class="fal fa-search"></i>
            </div>
                
                
		<input class="autocomplete-input form-control cursor-pointer rounded data-hj-allow  px-4"
            placeholder="Streek of Naam van Blyplek"
            x-model="$store.search.autocomplete.query"
            x-ref="query"
            
            @focus="open=true;$dispatch('input-change', $store.search.autocomplete.query); window.centreSearchContainer();"
            @input.debounce.200="$dispatch('input-change', $store.search.autocomplete.query)"
            type="search" dir="ltr" spellcheck="false" autocorrect="off" autocomplete="off" autocapitalize="off">
                    <div @click="$store.search.autocomplete.query = ''; setTimeout(() => { focus();}, 100)"
                :class="$store.search.autocomplete.query == '' ? 'd-none' : 'd-flex'"
                class="position-absolute cursor-pointer align-items-center px-2 text-gray-400 "
                style="right:0px;top:0px;bottom:0px;z-index: 3">
                <i class="fal fa-times "></i>
            </div>
        	</div>
    <div class="position-relative"
        x-show="suggestions.length > 0 && open"
        @input-change.window="open=true;index=-1;update($event.detail)"
        style="display:none">
        <div class="autocomplete-list w-100 position-absolute bg-white shadow rounded" body-scroll-lock-ignore>
            <div x-ref="list">
                <template x-for="group in suggestions" :key="group.name">
                    <div>
                        <div class="autocomplete-group text-uppercase align-items-center text-select-none cursor-pointer px-2 px-sm-3 py-2 d-flex w-full bg-gray-50 font-weight-bold">
                                                         <span x-text="group.name"></span>
                            <template x-if="group.name == 'Soekgeskiedenis'">
                                <span @click="$store.search.history = []" class="ml-2" style="text-decoration:underline; font-size: 0.625rem">
                                    (Verwyder)
                                </span>
                            </template>
                        </div>
                        <template x-for="(option, key) in group.options" :key="key + group.name">
                                                                                    <div
                                @click="option.permalink.includes('social/profile') ? selectOption(option.index, option) : selectOption(option.index)"
                                @mouseOver="highlightedOption = option.index"
                                class="autocomplete-option text-select-none cursor-pointer px-2 px-sm-3 py-2 d-flex justify-content-between align-items-center w-full"
                                x-bind:class="highlightedOption == option.index ? 'bg-primary text-white' : ''">
                                <div x-html="highlight(option.name)"></div>
                                <template x-if="option.count > 0">
                                    <div class="font-size-xs places-count">
                                        <span class="text-primary" x-text="option.count"></span>
                                        <span x-text="option.count_label"></span>
                                    </div>
                                </template>
                                <template x-if="group.name == 'People'">
                                    <div class="font-size-xs">
                                        <span x-text="'@' + option.count_label"></span>
                                    </div>
                                </template>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </div>
</div>

            
			            <div x-data="searchDatePickerStart()"
    @click.prevent="$nextTick(() => setTimeout(() => { picker.open()}, 200));"
    @focus-search-start.window="$nextTick(() => setTimeout(() => { picker.open()}, 200));"
    class="form-group order-3 col-lg col-md-3 col-6 position-relative select-dates select-dates-start">
				<label class="text-truncate  ">
					Inklok
				</label>
				<div class="position-relative">
                                            <div class="form-icon position-absolute cursor-pointer-events-none px-2 d-flex align-items-center" style="left:0px;top:0px;bottom:0px;">
                            <i class="fal fa-calendar-alt"></i>
                        </div>
                                                                                    <input
                        x-ref="start"
                        class="form-control cursor-pointer bg-white rounded data-hj-allow px-4"
                        type="text"
                        readonly="true"
                        placeholder="Kies datum">

					<div @click="$store.search.start = ''"
                        :class="$store.search.start == '' ? 'd-none' : 'd-flex'"
                        class="position-absolute cursor-pointer align-items-center px-2"
                        style="display:none;right:0px;top:0px;bottom:0px;">
                        <i class="fal fa-times"></i>
					</div>
				</div>
			</div>

                        <div x-data="searchDatePickerEnd()"
    @click.prevent="$nextTick(() => setTimeout(() => { picker.open()}, 100));"
    @focus-search-end.window="$nextTick(() => setTimeout(() => { picker.open()}, 100));"
    class="form-group order-3 col-lg col-md-3 col-6 position-relative select-dates select-dates-end">

    <label class="text-truncate  ">
        Uitklok
    </label>
    <div class="position-relative">
                    <div class="form-icon position-absolute cursor-pointer-events-none px-2 d-flex align-items-center" style="left:0px;top:0px;bottom:0px;">
                <i class="fal fa-calendar-alt"></i>
            </div>
                            
        <input
            x-ref="end"
            class="form-control cursor-pointer bg-white rounded data-hj-allow px-4"
            type="text"
            readonly="true"
            placeholder="Kies datum">

        <div @click="$store.search.end = ''"
            :class="$store.search.end == '' ? 'd-none' : 'd-flex'"
            class="position-absolute cursor-pointer align-items-center px-2"
            style="display:none;right:0px;top:0px;bottom:0px;">
            <i class="fal fa-times "></i>
        </div>
    </div>
</div>

						<div class="select-pax form-group order-6 col-lg col-md-6 fixed-width-200 af">
                <label class="text-truncate  ">
                    Aantal gaste
                </label>
                <div class="d-flex justify-content-center">
	<div x-data="searchGuest()"
        x-on:keydown.escape.prevent.stop="close($refs.button)"
        x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
        x-id="['dropdown-button']"
        @focus-search-guests.window="$nextTick(() => setTimeout(() => { toggle()}, 100));"
        class="guest position-relative w-100">
		<!-- Button -->
		<button x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button"
            :class="{'active' : open}"
            class="guest-summary pr-2 rounded d-flex w-100 align-items-center search-guest">
			<div aria-hidden="true" class="px-2 d-flex align-items-center" style="left:0px;top:0px;bottom:0px;">
				<i class="fal fa-user"></i>
			</div>
			<span id="expanded-search-pax" :class="{'guest-none' : total == 0}" x-text="label"></span>
		</button>

		<!-- Panel -->
		<div x-ref="panel" x-show="open" x-transition.origin.top.left x-on:click.outside.stop="escape($refs.button)"
            :id="$id('dropdown-button')"
            style="display: none;" class="guest-panel bg-white shadow position-absolute">
            <div class="dropdown-container pb-3" body-scroll-lock-ignore>
                <template x-for="(guest, type) in $store.search.allocation" :key="type">
                    <template x-if="guest.display">
                        <div class="guest-type px-4 py-2 d-flex justify-content-between align-items-center">
                            <div class>
                                <div x-text="guest.title"></div>
                                <div class="font-size-xs text-wrap-balance guest-description" x-text="guest.description"></div>
                            </div>
                            <div class="d-flex">
                                <button type="button"
                                    :class="guest.value <= guest.min_value  ? 'disabled' : ''"
                                    class="guest-btn d-flex justify-content-center align-items-center btn rounded-pill border border-gray-400 "
                                    x-on:click="decrease(type)">
                                    <span class="fas fa-minus"></span>
                                </button>
                                <span class="guest-count d-flex align-items-center justify-content-center font-weight-bold"
                                    x-text="guest.value"></span>
                                <button type="button"
                                    :class="guest.value >= guest.max_value ? 'disabled' : ''"
                                    class="guest-btn d-flex justify-content-center align-items-center btn rounded-pill border border-gray-400 "
                                    x-on:click="increase(type)">
                                    <span class="fas fa-plus"></span>
                                </button>
                            </div>
                        </div>
                    </template>
                </template>
                <template x-if="$store.search.allocation.child.value > 0 && $store.search.allocation.child.display">
                    <div class="mx-4">
                        <hr />
                        <p class="mb-0 guest-description">Spesifiseer elke kind se ouderdom:</p>
                    </div>
                </template>
                <template x-if="$store.search.allocation.child.display">
                    <div>
                        <template x-for="index in $store.search.allocation.child.value" :key="index">
                            <div class="guest-type px-4 py-2 d-flex justify-content-between align-items-center">
                                <div class>
                                    <div x-text='`${_t("lv.child","Child")} ${index} ${_t("kd.search.age","age")}:`'></div>
                                </div>
                                <div class="d-flex select-wrapper">
                                    <select class="form-control-sm font-weight-bold guest-btn d-flex justify-content-center align-items-center btn border border-gray-400 rounded-8 " :class="{'ios-text-indent': window.tg.mobile_os == 'iOS'}" x-model="$store.search.allocation.child_ages.value[index-1]" >
                                        <template x-for="number in [...Array(18).keys()]">
                                            <option x-text="number" :value="number" x-bind:selected="$store.search.allocation.child_ages.value[index-1] == number"></option>
                                        </template>
                                    </select>
                                </div>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
            <div class="apply-button px-4">
                <!-- we specify type=button, otherwise it tries to submit the form!-->
                <button type="button" x-on:click.stop="close($refs.button)" class="btn btn-ghost w-100">
                    Klaar
                </button>
            </div>
		</div>
	</div>
</div>
			</div>

			<div
				class="search-search form-group col-12 order-7 col-lg d-flex align-items-end">
								<button @click.prevent.stop="$store.search.submit(!$screen('lg'))"
                    class="btn btn-primary btn-cta w-100   "
                    type="submit"
                    :disabled="$store.search.loading">
                    <div x-show="$store.search.loading" style="display:none" class="btn-loader">
                        <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div>
                    </div>
                    <div x-show="!$store.search.loading">
                                                                                    Soek
                            
                                            </div>
				</button>
			</div>

            		</div>
		<div class="js-notice alert alert-error font-size-sm d-none">
            Vul asseblief datums in voordat jy filters kies
		</div>
	</form>

</div>
            </div>
        </div>
    
    
            
            </header>

   <div class="results-view-header-spacer d-md-none "></div>

<div class=" ">
    																																																										
		
        
                                                        <div class="container-xl breadcrumb-container  ">
                <nav aria-label="breadcrumb">
                    <ol class="px-0 breadcrumb rounded-0 font-size-sm flex-nowrap align-items-center overflow-hidden mb-0 ">
                        <li
                            class="breadcrumb-item text-nowrap text-decoration-none d-none d-lg-inline-block ">
                            <a class="text-nowrap text-decoration-none" href="/" title="Tuisblad">
                                                                    Tuis
                                                            </a>
                        </li>
                        <i class="fas breadcrumb-chevron fa-chevron-right d-none d-lg-inline-block"></i>

                                                    <li
                                class="breadcrumb-item active text-decoration-none  text-nowrap"
                                
                                >

                                                                    <a class="text-decoration-none" href="/blog/af" title="LekkeSlaap Blog">
                                        LekkeSlaap Blog
                                    </a>
                                                            </li>

                                                            <i class="fas breadcrumb-chevron fa-chevron-right "></i>
                                                                                <li
                                class="breadcrumb-item active text-decoration-none  text-truncate"
                                aria-current="page"
                                style="display: inline-block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important;">

                                                                    <span class="text-decoration-none selected ">
                                        
                                    </span>
                                                            </li>

                                                                        </ol>
                </nav>
            </div>
        	
</div>



<div x-show="$store.general.openSection == 'SEARCH'"
    class="backdrop"
    style="display:none;"
    x-transform
    @click="$store.general.updateOpenSection('NONE')">
</div>

    <div data-admin="" data-page=blog.single class="menu-2207 rounded border-0 collapse " id="menu-mobile">

        <div class="mobile-menu-greeting pb-2 justify-content-between align-items-center d-lg-none">

                        <div class="list-group bg-muted pt-3 pl-4">
                <div class="text-right mr-3 mt-1">
                    <button class="js-menu-toggle close-menu-button"><i class="fal fa-xmark cursor-pointer-events-none font-size-xl"></i></button>
                </div>
                <div class="menu-section d-flex flex-column align-items-start pb-4">
                                            <i class="d-block header-icon fal fa-hand-wave text-primary mb-3"></i>
                        <h5>
                            Welkom by LekkeSlaap!
                        </h5>
                                    </div>
            </div>
        </div>

        <div class="list-group">
            <div class="menu-section rounded border-bottom">
                                <a href="/"
                    class="list-group-item list-group-item-action text-select-none border-0 px-4">
                    <i class="fa-fw mr-2 fal fa-home-alt menu-icon"></i>
                    Tuisblad
                </a>

                                
                                                        <a href="/gunstelinge?fav_login=1"
                        class="signup-form-button list-group-item list-group-item-action text-capitalize text-select-none border-0 px-4">
                        <i class="fa-fw mr-2 fal fa-heart menu-icon"></i>
                        gunstelinge
                    </a>

                                                                                                                <a href="javascript:void(0)" data-target="login" data-source="login" class="js-open-modal list-group-item list-group-item-action text-capitalize text-select-none border-0 px-4">
                            <i class="fa-fw mr-2 fal fa-sign-in-alt menu-icon"></i>
                            Teken in
                        </a>
                                                </div>

            
            <div class="menu-section border-bottom">
                                                <a href="/add-a-property"
                    class="list-group-item list-group-item-action text-capitalize text-select-none border-0 px-4">
                        <i class="fa-fw mr-2 fal fa-house-chimney-heart menu-icon"></i>
                        Lys by ons
                </a>
                                                            </div>

            <div class="menu-section border-bottom">
                                                            <a href="/rewards"
                            class="list-group-item list-group-item-action text-capitalize text-select-none border-0 px-4">
                            <i class="fa-fw fal mr-2 fa-medal menu-icon"></i>
                            LekkeSlaap Rewards
                        </a>
                                    
                                                    <a href="/gift-vouchers"
                        class="list-group-item list-group-item-action text-select-none border-0 px-4">
                        <i class="fa-fw mr-2 fal fa-gift menu-icon"></i>
                        Koop Geskenkbewyse
                    </a>
                
                                <a href="/blog/af"
                    class="list-group-item list-group-item-action text-select-none border-0 px-4">
                    <i class="fa-fw mr-2 fal fa-glasses menu-icon"></i>
                    LekkeSlaap Blog
                </a>

                                            </div>

            <div class="menu-section rounded">
                                                                                                
                    <a href="javascript:void(0)" data-target="signup" data-source="signup"
                        class="js-open-modal list-group-item list-group-item-action text-select-none border-0 px-4">
                        <i class="fa-fw mr-2 fal cursor-pointer-events-none fa-user-plus menu-icon"></i>
                        Teken aan
                    </a>
                                    
                                <a href="/about"
                    class="list-group-item list-group-item-action text-select-none border-0 px-4">
                    <i class="fa-fw mr-2 fal fa-info-circle menu-icon"></i>
                    Wie Is Ons
                </a>

                                <a href="/contact"
                    class="list-group-item list-group-item-action text-select-none border-0 px-4">
                    <i class="fa-fw mr-2 fal fa-phone menu-icon"></i>
                    Kontak Ons
                </a>
            </div>
        </div>
    </div>

                <div id="js-menu-close" class="menu-mobile-background menu-background-2207 d-none"></div>
    
    <div data-admin="" data-page=blog.single class="menu-2207 rounded border-0 d-none " id="menu-desktop">

        <div class="mobile-menu-greeting pb-2 justify-content-between align-items-center d-lg-none">

                        <div class="list-group bg-muted pt-3 pl-4">
                <div class="text-right mr-3 mt-1">
                    <button class="js-menu-toggle close-menu-button"><i class="fal fa-xmark cursor-pointer-events-none font-size-xl"></i></button>
                </div>
                <div class="menu-section d-flex flex-column align-items-start pb-4">
                                            <i class="d-block header-icon fal fa-hand-wave text-primary mb-3"></i>
                        <h5>
                            Welkom by LekkeSlaap!
                        </h5>
                                    </div>
            </div>
        </div>

        <div class="list-group">
            <div class="menu-section rounded border-bottom">
                                <a href="/"
                    class="list-group-item list-group-item-action text-select-none border-0 px-4">
                    <i class="fa-fw mr-2 fal fa-home-alt menu-icon"></i>
                    Tuisblad
                </a>

                                
                                                        <a href="/gunstelinge?fav_login=1"
                        class="signup-form-button list-group-item list-group-item-action text-capitalize text-select-none border-0 px-4">
                        <i class="fa-fw mr-2 fal fa-heart menu-icon"></i>
                        gunstelinge
                    </a>

                                                                                                                <a href="javascript:void(0)" data-target="login" data-source="login" class="js-open-modal list-group-item list-group-item-action text-capitalize text-select-none border-0 px-4">
                            <i class="fa-fw mr-2 fal fa-sign-in-alt menu-icon"></i>
                            Teken in
                        </a>
                                                </div>

            
            <div class="menu-section border-bottom">
                                                <a href="/add-a-property"
                    class="list-group-item list-group-item-action text-capitalize text-select-none border-0 px-4">
                        <i class="fa-fw mr-2 fal fa-house-chimney-heart menu-icon"></i>
                        Lys by ons
                </a>
                                                            </div>

            <div class="menu-section border-bottom">
                                                            <a href="/rewards"
                            class="list-group-item list-group-item-action text-capitalize text-select-none border-0 px-4">
                            <i class="fa-fw fal mr-2 fa-medal menu-icon"></i>
                            LekkeSlaap Rewards
                        </a>
                                    
                                                    <a href="/gift-vouchers"
                        class="list-group-item list-group-item-action text-select-none border-0 px-4">
                        <i class="fa-fw mr-2 fal fa-gift menu-icon"></i>
                        Koop Geskenkbewyse
                    </a>
                
                                <a href="/blog/af"
                    class="list-group-item list-group-item-action text-select-none border-0 px-4">
                    <i class="fa-fw mr-2 fal fa-glasses menu-icon"></i>
                    LekkeSlaap Blog
                </a>

                                            </div>

            <div class="menu-section rounded">
                                                                                                
                    <a href="javascript:void(0)" data-target="signup" data-source="signup"
                        class="js-open-modal list-group-item list-group-item-action text-select-none border-0 px-4">
                        <i class="fa-fw mr-2 fal cursor-pointer-events-none fa-user-plus menu-icon"></i>
                        Teken aan
                    </a>
                                    
                                <a href="/about"
                    class="list-group-item list-group-item-action text-select-none border-0 px-4">
                    <i class="fa-fw mr-2 fal fa-info-circle menu-icon"></i>
                    Wie Is Ons
                </a>

                                <a href="/contact"
                    class="list-group-item list-group-item-action text-select-none border-0 px-4">
                    <i class="fa-fw mr-2 fal fa-phone menu-icon"></i>
                    Kontak Ons
                </a>
            </div>
        </div>
    </div>

    
        
                <main>
            <div class="container-xl js-global-error-message-container d-none">
                <div class="row">
                    <div class="col-12">
                        <div class="alert warning js-global-error-message"></div>
                    </div>
                </div>
            </div>


            <section class="container mt-4">
    <div class="row">
        <div class="col-sm-12 col-lg-9">
            <h1 class="d-none">LekkeSlaap blog</h1>
                            <div class="card card-prose p-3">
        <div class="d-flex flex-1 align-items-center mb-4">
            <img class="d-none d-md-block rounded mr-3" style="width: 96px;height: 96px;" src="" loading="lazy">
            <div class="flex-grow-1">
                <h1></h1>
                <div class="d-flex font-size-sm justify-content-between">
                    <div>
                        <a class="text-decoration-none text-primary" href="/blog/af/skrywer/ "></a>, <time data-time="1 Januarie 1970">1 Januarie 1970</time>
                    </div>
                    Leestyd: 0 minuut
                </div>
            </div>
        </div>
                <div class="card-body post-content">
            
            <hr>
        </div>
    </div>

            </div>

        <div class="d-none d-lg-block col-md-3">
                <div>
        <h5>Soek die Blog</h5>

        <div class="row">
            <form id="js-blog-search">
                <div class="input-group col-md-12">
                    <div class="input-group">
                        <input type="text" class="form-control" id="js-blog-search-term" value="" placeholder="Tik 'n sleutelwoord in">
                        <div class="input-group-append">
                            <button class="btn btn-sm btn-primary" type="submit">
                                <i style="font-size: 16px;" class="fas fa-search"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

            <div style="margin: 20px 0;">
            Wil jy met ons inhoudspan praat?<br/> E-pos ons dan by <a href="mailto:inhoud@lekkeslaap.co.za">inhoud@lekkeslaap.co.za</a>
        </div>
    
    <hr>

    <div>
                    <h5>Skakel in By Ons!</h5>
                <div class="row">
            <div class="col-sm-6 col-lg-3">
                <a class="text-decoration-none" href="https://www.facebook.com/Lekkeslaap/" target="_blank" rel="noopener">
                    <img src="/cdn/images/stays/pages/blog/facebook.png?hash=ebd966c411" style="height: 35px; width: 35px;" loading="lazy">
                </a>
            </div>
            <div class="col-sm-6 col-lg-3">
                <a class="text-decoration-none" href="https://www.instagram.com/lekkeslaap.co.za/" target="_blank" rel="noopener">
                    <img src="/cdn/images/stays/pages/blog/instagram.png?hash=ebd966c411" style="height: 35px; width: 35px;" loading="lazy">
                </a>
            </div>
            <div class="col-sm-6 col-lg-3">
                <a class="text-decoration-none" href="https://www.pinterest.com/lekkeslaap/" target="_blank" rel="noopener">
                    <img src="/cdn/images/stays/pages/blog/pinterest.png?hash=ebd966c411" style="height: 35px; width: 35px;" loading="lazy">
                </a>
            </div>
        </div>
    </div>

    <hr>

        <div>
        <h5>Kategorieë</h5>

                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/avontuur">Avontuur</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/gauteng">Gauteng</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/gesinsvriendelik">Gesinsvriendelik</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/herfs-seisoene">Herfs</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/in-die-kollig">In die kollig</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/kos-kuier">Kos &amp; Kuier</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/kwazulu-natal">KwaZulu-Natal</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/lente">Lente</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/limpopo">Limpopo</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/mpumalanga">Mpumalanga</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/namibie">Namibië</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/noord-kaap">Noord-Kaap</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/noordwes-pret-in-elke-provinsie">Noordwes</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/oos-kaap">Oos-Kaap</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/roetereis">Roetereis</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/romanse">Romanse</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/seisoene">Seisoenaal</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/somer">Somer</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/troeteldiervriendelik">Troeteldiervriendelik</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/vraespel">Vraespel</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/vrystaat">Vrystaat</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/wes-kaap">Wes-Kaap</a></p>
                    <p><a class="text-decoration-none text-primary" href="/blog/af/kategorie/winter-seisoene">Winter</a></p>
            </div>

        </div>
    </div>
</section>
        </main>

                        
                                    <div class="" style="">
                    

                

    <button id="js-back-to-top" class="position-fixed invisible blog  d-flex align-items-center justify-content-center text-white border-0 bg-primary rounded-circle">
        <i class="far fa-chevron-up fa-xl"></i>
    </button>





<footer class="footer footer-2411-container px-0">
    <div class="container container-xxl px-0 py-2">
        <div class="row mx-lg-0 mx-auto pt-4 pb-0 pb-lg-4  px-0 justify-content-lg-between justify-content-center">
            <div class="col-2 d-none d-lg-block">
                <div class="d-flex flex-column align-items-start justify-content-between h-100">
                    <div class="text-lg-left text-center">
                        <a href="/" class="d-block"><img style="max-width:185px;" alt="LekkeSlaap" class="img-fluid" src="/cdn/images/brand/ls/logos/logo.svg?hash=ebd966c411" width="290" height="71" loading="lazy"></a>
                    </div>
                    <div class="d-flex justify-content-between w-100">
                            <a href="https://www.tiktok.com/@lekkeslaap" target="_blank" rel="noopener" class="d-inline-block social-media-link text-center text-gray-800 text-decoration-none ml-lg-0 mx-2">
        <i class="fab fa-tiktok" style="font-size: 28px;"></i>
    </a>
    <a href="https://www.instagram.com/lekkeslaap.co.za/" target="_blank" rel="noopener" class="d-inline-block social-media-link text-center text-gray-800 text-decoration-none ml-lg-0 mx-2">
        <i class="fab fa-instagram" style="font-size: 28px;"></i>
    </a>
    <a href="https://www.youtube.com/@lekkeslaap" target="_blank" rel="noopener" class="d-inline-block social-media-link text-center text-gray-800 text-decoration-none ml-lg-0 mx-2">
        <i class="fab fa-youtube" style="font-size: 28px;"></i>
    </a>
    <a href="https://www.facebook.com/Lekkeslaap/" target="_blank" rel="noopener" class="d-inline-block social-media-link text-center text-gray-800 text-decoration-none ml-lg-0 mx-2">
        <i class="fab fa-facebook-f" style="font-size: 28px;"></i>
    </a>

                    </div>
                    <a class="language-select-button footer-desktop-button js-change-language text-select-none text-decoration-none d-flex justify-content-start align-items-center"
                        href="javascript:void(0);"
                        data-source="toggle"
                        data-original-preference="af"
                        data-new-preference="en"
                        title="Switch to English">
                        <div class="button-icon mr-2 d-inline-block cursor-pointer-events-none"><i class="fas fa-repeat"></i></div>
                        <div class="button-text d-inline-block d-flex flex-column cursor-pointer-events-none">
                            <span class="switch-to d-block mt-1">Switch to</span>
                            <span class="language d-block">English</span>
                        </div>
                    </a>
                </div>
            </div>

                        <div class="col-lg-3 col-md-6 col-sm-10 col-12 my-lg-0 my-4 d-none d-lg-block">
                <div class="d-flex flex-column justify-content-between mx-auto mt-3">
                    <div>
                                                    <h5 class="m-0 font-weight-bold">Wat beteken lekke?</h5>
                                                <div class="lekke-description mt-3">
                                                            <strong>lekke</strong> b.nw. <i>(&lt;A.; geselst.)</i> Vanaf die Afr. <i>lekker</i> soos in die uitdrukking Jy moet lekker slaap. Beskryf iets wat genotvol is en plesier verskaf. <i>Jy moet lekke bly, hoor; Dit is 'n lekke webtuiste wat akkommodasie in Suid-Afrika en Namibië bied; Hulle is 'n lekke klomp mense.</i>
                                                    </div>
                    </div>
                </div>
            </div>

                                                <div class="col-12 footer-app-download-graphic-mobile d-block d-md-none">
                <a class="text-decoration-none box-shadow" href="/app-landing-page?source=footer-left">
                    <img src="/cdn/images/brand/ls/illustrations/app-download-graphic-mobile-af.png?hash=ebd966c411" loading="lazy" class="img-fluid" alt="Download the LekkeSlaap app">
                </a>
            </div>
            
                        <div class="col-12 footer-app-download-graphic-tablet d-none d-md-block d-lg-none">
                <a class="text-decoration-none box-shadow" href="/app-landing-page?source=footer-left">
                    <img src="/cdn/images/brand/ls/illustrations/app-download-graphic-tablet-af.png?hash=ebd966c411" loading="lazy" class="img-fluid" alt="Download the LekkeSlaap app">
                </a>
            </div>

                        <div class="col-12 col-lg-2 mt-3 text-center text-lg-left footer-links  text-nowrap">
                <h5 class="d-none d-lg-block font-weight-bold">Nog lekke skakels</h5>
                    <a class="d-block text-primary font-weight-medium py-0 mb-2 mb-md-1 font-size-lg-sm" href="/contact">Kontak LekkeSlaap</a>
        <a class="d-block text-primary font-weight-medium py-0 mb-2 mb-md-1 font-size-lg-sm" href="/rewards">LekkeSlaap Rewards</a>
        <a class="d-block text-primary font-weight-medium py-0 mb-2 mb-md-1 font-size-lg-sm" href="/add-a-property">Lys by Ons</a>
    <a class="d-block text-primary font-weight-medium py-0 mb-2 mb-md-1 font-size-lg-sm" href="/gift-vouchers">Geskenkbewyse</a>
    <a class="d-block text-primary font-weight-medium py-0 mb-2 mb-md-1 font-size-lg-sm" href="/blog/af">LekkeSlaap Blog</a>
    <a class="d-block text-primary font-weight-medium py-0 mb-2 mb-md-1 font-size-lg-sm" href="/login">Teken In</a>

            </div>

                        <div class="col-12 mt-3 footer-logos d-block d-lg-none">
                <div class="social-links">
                        <a href="https://www.tiktok.com/@lekkeslaap" target="_blank" rel="noopener" class="d-inline-block social-media-link text-center text-gray-800 text-decoration-none ml-lg-0 mx-2">
        <i class="fab fa-tiktok" style="font-size: 34px;"></i>
    </a>
    <a href="https://www.instagram.com/lekkeslaap.co.za/" target="_blank" rel="noopener" class="d-inline-block social-media-link text-center text-gray-800 text-decoration-none ml-lg-0 mx-2">
        <i class="fab fa-instagram" style="font-size: 34px;"></i>
    </a>
    <a href="https://www.youtube.com/@lekkeslaap" target="_blank" rel="noopener" class="d-inline-block social-media-link text-center text-gray-800 text-decoration-none ml-lg-0 mx-2">
        <i class="fab fa-youtube" style="font-size: 34px;"></i>
    </a>
    <a href="https://www.facebook.com/Lekkeslaap/" target="_blank" rel="noopener" class="d-inline-block social-media-link text-center text-gray-800 text-decoration-none ml-lg-0 mx-2">
        <i class="fab fa-facebook-f" style="font-size: 34px;"></i>
    </a>

                </div>
            </div>

                        <div class="col-4 footer-app-download-graphic-desktop d-none d-lg-block">
                <a class="d-flex flex-column align-items-center " target="_blank" href="/app-landing-page?source=footer-left">
                    <img src="/cdn/images/brand/ls/illustrations/app-download-graphic-desktop-af.png?hash=ebd966c411" loading="lazy" width="400" class="mx-auto mx-md-0 h-100 w-100">
                    <span class="app-download-container d-flex flex-row pt-4">
                        <img src="/cdn/images/brand/ls/illustrations/google-play-store.png?hash=ebd966c411" loading="lazy" class="mx-1">
                        <img src="/cdn/images/brand/ls/illustrations/huawei-app-gallery.png?hash=ebd966c411" loading="lazy" class="mx-1">
                        <img src="/cdn/images/brand/ls/illustrations/apple-app-store.png?hash=ebd966c411" loading="lazy" class="mx-1">
                    </span>
                </a>
            </div>
        </div>
    </div>

        <div class="row no-gutters text-gray-800 company-details-container mt-lg-3 mb-2 mb-lg-0">
        <div class="container container-xxl">
            <div class="row align-items-center my-2">
                <div class="col-lg-8 col-12 order-lg-0 order-1 text-lg-left text-center company-text">
                    <div class="d-flex flex-column flex-lg-row">
                        <div>
                            © 2025 <a href="https://tripco.africa" target="_blank" rel="noopener">Tripco (Pty) Ltd.</a> t/a LekkeSlaap.co.za
                        </div>
                                                    <div class="mt-2 mt-lg-0">
                                <span class="d-none d-lg-inline mx-1">&bull;</span>
                                <a href="/sitemap">Werfkaart</a>
                                <span class="d-inline mx-1">&bull;</span>
                                <a href="/terms">Terme van Gebruik en Privaatheidsbeleid</a>
                            </div>
                                            </div>
                </div>
                <div class="col-lg-4 d-none d-lg-flex order-1 flex-nowrap justify-content-end align-items-center font-size-xs mb-1 text-left text-center">
                    <span class="d-inline-block font-size-md font-weight-bold mr-1 mr-sm-3"><em>EFT</em></span>
                    <i class="fab fa-3x fa-cc-visa mx-1 mx-sm-3 font-size-lg"></i>
                    <i class="fab fa-3x fa-cc-mastercard mx-1 mx-sm-3 font-size-lg"></i>
                    <span class="d-flex justify-content-center align-items-center ml-1 ml-sm-3">
                        <i class="fal fa-3x fa-shield-check font-size-md"></i>&nbsp;<span class="d-inline-block font-size-md pl-1">SSL</span>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <hr>
</footer>
                </div>
                    
                                        <div id="ls-tray-handler" x-transition>
                <div x-data="bottomTray()" x-ref="bottomTray" id="js-bottom-tray"
    class="d-flex flex-column align-items-center justify-content-end"
    :class="`${open ? 'open ' + $store.general.tray.openTray : ''} ${window.tg.site === 'ls' ? 'ls-tray' : ''}`"
    @mousemove="onDragMove"
    @touchmove="onDragMove"
    @mouseup="onDragEnd"
    @touchend="onDragEnd"
    @dragleave="onDragEnd"
    @mouseleave="onDragEnd">

        <div class="js-tray-overlay" @click="$store.general.updateOpenTray('NONE')"></div>

        <div class="container-xl px-0" :class="`${$store.general.tray.openTray}`">
        <div id="js-tray-inner-frame" class="contents d-flex flex-column ls-tray"
            :class="{
                'signup': $store.general.tray.openTray === 'signup-form-tray',
                'bg-light': window.tg.site === 'ls' && ['login', 'otp', 'password', 'password-reset', 'signup-form-tray'].includes($store.general.tray.openTray),
                'bg-white': window.tg.site !== 'ls' || !['login', 'otp', 'password', 'password-reset', 'signup-form-tray'].includes($store.general.tray.openTray),
                'image-header': ['user-verification'].includes($store.general.tray.openTray),
            }">
            <div x-show="!['user-verification'].includes($store.general.tray.openTray)" class="controls">
                                <div class="draggable-area" @mousedown="onDragStart" @touchstart="onDragStart">
                    <div class="draggable-thumb"></div>
                </div>
            </div>

                        <div x-show="$store.general.tray.openTray !== 'user-verification'" class="tray-header w-100 text-select-none"
                :class="window.tg.site === 'ls' && !['single-review', 'sort', 'filter'].includes($store.general.tray.openTray) ? 'pt-2 pb-2 bg-light mx-auto text-center position-relative' : 'position-relative px-3 pb-3 bg-white border-bottom border-muted'">

                                <div x-show="$store.general.tray.openTray === 'social-post-tray' && !window.tg.is_app" class="vy-header-mobile-spacer bg-white"></div>

                                <div class="tray-header-content-wrapper d-flex align-items-center"
                    :class="window.tg.site !== 'ls' || ['single-review', 'sort', 'filter', 'newsletter-new-subscribe', 'newsletter-already-subscribed', 'newsletter-subscribe-new-user'].includes($store.general.tray.openTray) ? 'justify-content-between' : 'justify-content-center'">
                    <div class="tray-header-wrapper flex-grow-1">
                        <h4 x-show="!['filter', 'sort'].includes($store.general.tray.openTray)" x-text="$store.general.tray.title" :class="{'mb-2': $store.general.tray.subHeader}"></h4>
                        <div x-html="subHeader"></div>
                                                                            <h4 x-show="['signup-form-tray'].includes($store.general.tray.openTray)"
                                :class="{'mb-2': $store.general.tray.subHeader}">
                                Welkom by
                                <span class="text-primary"> LekkeSlaap</span>
                            </h4>
                            <h4 x-show="['login', 'otp', 'password'].includes($store.general.tray.openTray)"
                                :class="{'mb-2': $store.general.tray.subHeader}">
                                Welkom terug!</span>
                            </h4>
                            <h4 x-show="['password-reset'].includes($store.general.tray.openTray)"
                                :class="{'mb-2': $store.general.tray.subHeader}">
                                Verander jou wagwoord?</span>
                            </h4>
                            <h4 x-show="['newsletter-subscribe'].includes($store.general.tray.openTray)"
                                :class="{'mb-2': $store.general.tray.subHeader}">
                                Sluit by ons nuusbrief aan!</span>
                            </h4>
                            <p x-show="['signup-form-tray'].includes($store.general.tray.openTray)" class="text-muted">
                                Skep ’n profiel om jou besprekings te bestuur
                            </p>
                            <p x-show="['login', 'otp'].includes($store.general.tray.openTray)" class="text-muted">
                                Teken by jou LekkeSlaap-profiel in
                            </p>
                            <p x-show="['password'].includes($store.general.tray.openTray)" class="text-muted">
                                Teken by jou LekkeSlaap-profiel in wat gekoppel is aan
                                <strong x-text="$store.general.tray.additionalData.email"></strong>
                            </p>
                            <p x-show="['password-reset'].includes($store.general.tray.openTray)" class="text-muted">
                                Vul jou e-posadres in om te begin
                            </p>
                            <p x-show="['newsletter-subscribe'].includes($store.general.tray.openTray)" class="text-muted">
                                Teken in om spesiale aanbiedinge te ontvang
                            </p>
                                            </div>

                                        <button id="close-tray-x" @click="$store.general.updateOpenTray('NONE')" type="button" title="Close the tray"
                        :class="window.tg.site === 'ls' && !['single-review', 'sort', 'filter', 'newsletter-already-subscribed', 'newsletter-new-subscribe', 'newsletter-subscribe-new-user'].includes($store.general.tray.openTray) ? 'border-0 bg-transparent pr-md-3 text-primary top-right-absolute' : 'border-0 bg-transparent pr-md-3 close-button top-right-absolute'">
                        <i class="far fa-xmark fa-2xl cursor-pointer-events-none"></i>
                    </button>
                </div>
            </div>

                        <div x-show="Object.keys($store.general.previousTray).length > 0 && window.tg.site != 'ls' " @click="backToPreviousTray" class="p-3 bg-lightest position-sticky cursor-pointer">
                <div class="d-flex align-items-center back-to-previous-tray">
                    <i class="far fa-arrow-left fa-lg mr-2"></i><span x-text="`${$store.general.previousTray.title}`"></span>
                </div>
            </div>

                                        <div class="tray-body flex-fill"
                :class="$store.general.tray.openTray == 'establishment-photos' ? 'p-0' : (['login', 'password', 'password-reset', 'otp', 'newsletter-subscribe'].includes($store.general.tray.openTray) ? 'pb-3' : $store.general.tray.openTray == 'navbar-menu' ? 'navbar-menu py-3' : ['user-verification'].includes($store.general.tray.openTray) ? 'bg-white image-header' : 'p-3')">
                    <div class="tray-content-wrapper "
                        :class="{'': !($store.general.tray.openTray == 'establishment-photos' && window.tg.is_mobile_device), 'h-100': loading}">
                    </div>
                </div>
            
                        <template x-if="!['establishment-photos', 'social-post-tray', 'otp', 'share', 'login', 'password', 'password-reset', 'social-post-edit-tray', 'newsletter-subscribe', 'profile-photo-upload', 'signup-form-tray', 'login-form-tray', 'sort', 'filter', 'navbar-menu'].includes($store.general.tray.openTray)">
                <div id="tray-footer" class="tray-footer bg-white position-sticky sticky-bottom w-100" :class="{'position-sticky': $store.general.tray.openTray !== 'user-verification'}">

                                        
                    <div class="button-container p-3 py-md-3">
                        <template x-if="$store.general.tray.customFooter" >
                            <div x-html="customFooter" class="custom-footer"></div>
                        </template>
                        <template x-if="!$store.general.tray.customFooter">
                            <div class="d-flex align-items-center justify-content-end">
                                <button @click="$store.general.updateOpenTray('NONE')" type="button" class="btn btn-ghost w-25">Maak toe</button>
                            </div>
                        </template>
                    </div>
                </div>
            </template>
    </div>
</div>
            </div>
        
    
        <script type="text/javascript">
        window.tg = {
            site: "ls",
            site_name: "LekkeSlaap",
            site_domain: "lekkeslaap.co.za",
            site_domain_caps: "LekkeSlaap.co.za",
            site_url: "https://www.lekkeslaap.co.za/",
            site_base_link: "https://lekkeslaap.co.za",
            site_group: "ls",
            site_language: "af",
            is_vm: false,
            is_mobile_device: false,
            is_tablet_device: false,
            is_app: false,
            is_new_app: false,
            show_app_navbar: false,
            is_desktop_device: true,
            is_mobile_site: false,
            is_valid_login: false,
            customer_id: "",
            customer_email: "",
            customer_email_signed: "",
            customer_firstname: "",
            customer_surname: "",
            customer_chat_session: "",
            customer_agent_email: "",
            customer_booking_reference: "",
            is_supplier_login: false,
            language_switch: "af",
            app_version: 1,
            mobile_os: "None",
            pikaday_i18n_en: {
                previousMonth : '',
                nextMonth     : '',
                months        : ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
                monthsShort   : ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
                weekdays      : ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
                weekdaysShort : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
            },
            pikaday_i18n_af: {
                previousMonth : '',
                nextMonth     : '',
                months        : ['Januarie', 'Februarie', 'Maart', 'April', 'Mei', 'Junie', 'Julie', 'Augustus', 'September', 'Oktober', 'November', 'Desember'],
                monthsShort   : ['Jan', 'Feb', 'Mrt', 'Apr', 'Mei', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Des'],
                weekdays      : ['Sondag', 'Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrydag', 'Saterdag'],
                weekdaysShort : ['So', 'Ma', 'Di', 'Wo','Do', 'Vr', 'Sa']
            },
            page_arguments: {"_":"af","post":"rss"},
            page_name: "blog.single",
            page_value: "single",
            page_key: "blog",
            social_profile_selected_tab: "",
            search_event_id: "",
            search_start: "",
            search_end: "",
            search_autocomplete_query: "",
            search_autocomplete_permalink: "",
            search_allocation_room: 1,
            search_allocation_adult: 2,
            search_allocation_child: 0,
            search_allocation_child_ages: null,
            search_guests_total: 0,
            search_membership: "",
            landing_page_enabled: false,
            base_picture_path: 'https://travelground.imgix.net',
            display_onboarding: "0",
            partner_membership: "null",
            ab_test_data: {"vertical_snippet":"old","booking_cta":"request","filter_sort_panel_updated":"disabled"},
            is_stage: false,
        };
    </script>

        <script src="/accomm/public/assets/module-7268.js?v=ddef6aa&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-1771.js?v=708f910&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-7121.js?v=46a244b&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-1711.js?v=b15a54f&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-8546.js?v=8f997b0&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-982.js?v=7f0b01a&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-8803.js?v=40119ee&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-5896.js?v=5aeed67&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-6476.js?v=898bc02&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-6067.js?v=979574a&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-8972.js?v=14cd928&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-7008.js?v=56c7be8&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-scripts/main-defer.entry-7f740c1b.js?v=7a88163&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-scripts/main-defer.entry-5d2b06e0.js?v=a758d01&c=ebd966c411" defer></script>

            <script src="/accomm/public/assets/module-1771.js?v=708f910&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-7121.js?v=46a244b&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-scripts/blog/blog.entry.js?v=0f08a72&c=ebd966c411" defer></script>

    <div id="fb-root"></div>
    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
                            js.src = "//connect.facebook.net/af_ZA/sdk.js#xfbml=1&version=v2.6";
            
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

                 <script src="/accomm/public/assets/module-7144.js?v=c7e42ab&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-3370.js?v=08fd454&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-3583.js?v=db7834b&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-9010.js?v=62fa4c9&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-8790.js?v=b706dc0&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-265.js?v=643dfe5&c=ebd966c411" defer></script>
<script src="/accomm/public/assets/module-scripts/integration/sentry.entry.js?v=a4f6e58&c=ebd966c411" defer></script>
    
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'99a28001bd49ef3a',t:'MTc2MjQxMDE4Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
