Beachfront Land for Sale in Kilifi North

Own a piece of paradise along Kenya's stunning coastline

Type: All Types Commercial Land Residential Land Agricultural Land Mixed Use Land Industrial Land

Showing 19 of 19 Updating...

Updating results...

27.8 Acre Beachfront Plot for Sale in Kilifi Chumani - Image 1

27.8 Acre Beachfront Plot for Sale in Kilifi Chumani - Image 2

27.8 Acre Beachfront Plot for Sale in Kilifi Chumani - Image 3

KES 250,000,000

27.8 Acre Beachfront Plot for Sale in Kilifi Chumani

Matsangoni, Kilifi North, Kilifi

27.80 acres

5 Acres Beachfront Plots for Sale in Kilifi Chumani (Roka) - Image 1

5 Acres Beachfront Plots for Sale in Kilifi Chumani (Roka) - Image 2

5 Acres Beachfront Plots for Sale in Kilifi Chumani (Roka) - Image 3

5 Acres Beachfront Plots for Sale in Kilifi Chumani (Roka) - Image 4

5 Acres Beachfront Plots for Sale in Kilifi Chumani (Roka) - Image 5

KES 50,000,000

5 Acres Beachfront Plots for Sale in Kilifi Chumani (Roka)

Matsangoni, Kilifi North, Kilifi

5.00 acres

For Sale 10acres Beachfront Land in Watamu - Image 1

For Sale 10acres Beachfront Land in Watamu - Image 2

For Sale 10acres Beachfront Land in Watamu - Image 3

For Sale 10acres Beachfront Land in Watamu - Image 4

KES 300,000,000

For Sale 10acres Beachfront Land in Watamu

Watamu, Kilifi North, Kilifi

10.00 acres

Electricity Available Title Deed Ready

3acres Beachfront Land for Sale Kilifi Chumani - Image 1

3acres Beachfront Land for Sale Kilifi Chumani - Image 2

KES 7,500,000

3acres Beachfront Land for Sale Kilifi Chumani

Kilifi North, Kilifi

3.00 acres

Electricity Available Drainage System Title Deed Ready

4 Acres Touching the Beach in Kilifi Chumani - Image 1

4 Acres Touching the Beach in Kilifi Chumani - Image 2

4 Acres Touching the Beach in Kilifi Chumani - Image 3

4 Acres Touching the Beach in Kilifi Chumani - Image 4

4 Acres Touching the Beach in Kilifi Chumani - Image 5

4 Acres Touching the Beach in Kilifi Chumani - Image 6

4 Acres Touching the Beach in Kilifi Chumani - Image 7

4 Acres Touching the Beach in Kilifi Chumani - Image 8

4 Acres Touching the Beach in Kilifi Chumani - Image 9

4 Acres Touching the Beach in Kilifi Chumani - Image 10

4 Acres Touching the Beach in Kilifi Chumani - Image 11

4 Acres Touching the Beach in Kilifi Chumani - Image 12

KES 6,000,000

4 Acres Touching the Beach in Kilifi Chumani

Tezo, Kilifi North, Kilifi

4.00 acres

County Water Electricity Available Title Deed Ready

For Sale 10 Acre Sandy Beach Land. - Image 1

For Sale 10 Acre Sandy Beach Land. - Image 2

For Sale 10 Acre Sandy Beach Land. - Image 3

For Sale 10 Acre Sandy Beach Land. - Image 4

For Sale 10 Acre Sandy Beach Land. - Image 5

KES 300,000,000

For Sale 10 Acre Sandy Beach Land.

Watamu, Kilifi North, Kilifi

10.00 acres

Electricity Available Sewerage Connection Near Main Road

For Sale 20 Acres Beach Land Kilifi Chumani - Image 1

For Sale 20 Acres Beach Land Kilifi Chumani - Image 2

For Sale 20 Acres Beach Land Kilifi Chumani - Image 3

For Sale 20 Acres Beach Land Kilifi Chumani - Image 4

For Sale 20 Acres Beach Land Kilifi Chumani - Image 5

For Sale 20 Acres Beach Land Kilifi Chumani - Image 6

For Sale 20 Acres Beach Land Kilifi Chumani - Image 7

KES 12,000,000

For Sale 20 Acres Beach Land Kilifi Chumani

Kilifi North, Kilifi

20.00 acres

Electricity Available Sewerage Connection Drainage System

For Sale 4 and a Half Beach Land Malindi - Image 1

For Sale 4 and a Half Beach Land Malindi - Image 2

For Sale 4 and a Half Beach Land Malindi - Image 3

For Sale 4 and a Half Beach Land Malindi - Image 4

For Sale 4 and a Half Beach Land Malindi - Image 5

For Sale 4 and a Half Beach Land Malindi - Image 6

For Sale 4 and a Half Beach Land Malindi - Image 7

KES 30,000,000

For Sale 4 and a Half Beach Land Malindi

Watamu, Kilifi North, Kilifi

4.50 acres

County Water Electricity Available Sewerage Connection

9 Acres of Beach Front Plots, Watamu - Image 1

9 Acres of Beach Front Plots, Watamu - Image 2

9 Acres of Beach Front Plots, Watamu - Image 3

9 Acres of Beach Front Plots, Watamu - Image 4

9 Acres of Beach Front Plots, Watamu - Image 5

9 Acres of Beach Front Plots, Watamu - Image 6

9 Acres of Beach Front Plots, Watamu - Image 7

9 Acres of Beach Front Plots, Watamu - Image 8

9 Acres of Beach Front Plots, Watamu - Image 9

9 Acres of Beach Front Plots, Watamu - Image 10

9 Acres of Beach Front Plots, Watamu - Image 11

KES 230,000,000

9 Acres of Beach Front Plots, Watamu

Watamu, Kilifi North, Kilifi

9.00 acres

County Water Electricity Available Sewerage Connection

15 Acres Beach Front Plot for Sale in Watamu - Image 1

15 Acres Beach Front Plot for Sale in Watamu - Image 2

15 Acres Beach Front Plot for Sale in Watamu - Image 3

15 Acres Beach Front Plot for Sale in Watamu - Image 4

15 Acres Beach Front Plot for Sale in Watamu - Image 5

15 Acres Beach Front Plot for Sale in Watamu - Image 6

15 Acres Beach Front Plot for Sale in Watamu - Image 7

15 Acres Beach Front Plot for Sale in Watamu - Image 8

15 Acres Beach Front Plot for Sale in Watamu - Image 9

15 Acres Beach Front Plot for Sale in Watamu - Image 10

KES 390,000,000

15 Acres Beach Front Plot for Sale in Watamu

Watamu, Kilifi North, Kilifi

15.00 acres

Electricity Available Sewerage Connection Drainage System

Prime 4.5 Acres Beach Front Plot in Watamu - Image 1

Prime 4.5 Acres Beach Front Plot in Watamu - Image 2

Prime 4.5 Acres Beach Front Plot in Watamu - Image 3

Prime 4.5 Acres Beach Front Plot in Watamu - Image 4

KES 157,500,000

Prime 4.5 Acres Beach Front Plot in Watamu

Watamu, Kilifi North, Kilifi

20,265.00 acres

Beach Land for Sale in Kilifi Chumani - Image 1

Beach Land for Sale in Kilifi Chumani - Image 2

Beach Land for Sale in Kilifi Chumani - Image 3

Beach Land for Sale in Kilifi Chumani - Image 4

KES 9,000,000

Beach Land for Sale in Kilifi Chumani

Tezo, Kilifi North, Kilifi

27.80 acres

Electricity Available Near Main Road Subdivisionable

Prime 4 Acre First Row Beach Plots for Sale - Image 1

Prime 4 Acre First Row Beach Plots for Sale - Image 2

KES 6,000,000

Prime 4 Acre First Row Beach Plots for Sale

Matsangoni, Kilifi North, Kilifi

4.00 acres

County Water Electricity Available Near Main Road

KES 150,000,000

Expansive Beach Plots

Watamu, Kilifi North, Kilifi

5.00 acres

County Water Electricity Available Sewerage Connection

Stunning Beach Frontage 3.5 Acres Land - Image 1

Stunning Beach Frontage 3.5 Acres Land - Image 2

Stunning Beach Frontage 3.5 Acres Land - Image 3

Stunning Beach Frontage 3.5 Acres Land - Image 4

Stunning Beach Frontage 3.5 Acres Land - Image 5

Stunning Beach Frontage 3.5 Acres Land - Image 6

Stunning Beach Frontage 3.5 Acres Land - Image 7

KES 228,000,000

Stunning Beach Frontage 3.5 Acres Land

Watamu, Kilifi North, Kilifi

3.50 acres

KES 1,600,000

Bofa Plots for Sale

Kilifi North, Kilifi

0.12 acres

County Water Electricity Available Title Deed Ready

For Sale 1.5 Acres Prime Island Watamu - Image 1

For Sale 1.5 Acres Prime Island Watamu - Image 2

For Sale 1.5 Acres Prime Island Watamu - Image 3

For Sale 1.5 Acres Prime Island Watamu - Image 4

For Sale 1.5 Acres Prime Island Watamu - Image 5

KES 365,000,000

For Sale 1.5 Acres Prime Island Watamu

Watamu, Kilifi North, Kilifi

1.50 acres

County Water Electricity Available Sewerage Connection

KES 6,500,000

An Acre Land in Gede - Watamu

Watamu, Kilifi North, Kilifi

0.12 acres

Electricity Available Title Deed Ready Near Main Road

3/4 of an Acre at Dongokundu in Watamu - Image 1

3/4 of an Acre at Dongokundu in Watamu - Image 2

3/4 of an Acre at Dongokundu in Watamu - Image 3

3/4 of an Acre at Dongokundu in Watamu - Image 4

3/4 of an Acre at Dongokundu in Watamu - Image 5

KES 16,000,000

3/4 of an Acre at Dongokundu in Watamu

Watamu, Kilifi North, Kilifi

0.75 acres

Electricity Available Near Main Road Flat Land

Discover premium beachfront land opportunities in Kilifi North, offering direct ocean access and stunning coastal views. Our available plots range from 1/8 acre to multiple-acre parcels, with freehold titles and excellent development potential. Prices start from Ksh 5 million per plot, negotiable based on size and location. These rare coastal properties feature white sandy beaches, coral reefs, and are zoned for residential and tourism development.

Beachfront Land for Sale in Kilifi North

Kilifi North offers some of Kenya's most spectacular beachfront properties along the Indian Ocean coastline. These prime parcels provide direct ocean access, breathtaking views, and excellent potential for luxury homes, boutique hotels, or eco-resorts.

Beachfront Land Characteristics

The beachfront properties in Kilifi North feature:

White sandy beaches with coral reef protection
Gentle slopes with elevation for panoramic ocean views
Sandy loam soil suitable for construction
Average plot sizes from 1/8 acre to 2 acres
Freehold tenure with ready title deeds

Available Beachfront Plots

Plot Size	Price Range	Title Status	Access Road
1/8 acre	Ksh 5-7 million	Ready Title	Murram (seasonal)
1/4 acre	Ksh 8-12 million	Ready Title	Tarmac access
1/2 acre	Ksh 15-20 million	Mother Title (processing subdivision)	Tarmac access
1+ acres	Ksh 25 million+ per acre	Ready Title	Tarmac access

Development Guidelines

The Kilifi County zoning regulations for beachfront properties include:

Minimum setback of 30m from high water mark
Maximum height restriction of 3 stories (12m)
Environmental impact assessment required for developments over 1 acre
Sewage treatment systems must meet NEMA standards

Utilities and Infrastructure

Water: Borehole drilling permitted (average depth: 80-120m)
Electricity: Kenya Power grid available within 500m of most plots
Sewerage: Septic systems required (soak pits not permitted)
Internet: Fiber optic available in select areas (Vuma, Faiba)

Name:

Email:

Phone:

Message:

</div>
    </section>
<section class="relative bg-gray-50 py-6">
    <div class="max-w-7xl mx-auto px-4 lg:px-2">
        <h2 class="text-xl font-bold text-jumuika-burgundy mb-6 text-center">Frequently Asked Questions</h2>
        <div class="space-y-4" x-data="{ openIndex: null }">
                            <div class="bg-white border border-gray-200 rounded-lg">
                    <button @click="openIndex = openIndex === 0 ? null : 0" class="w-full px-6 py-4 flex items-center justify-between text-left">
                        <span class="font-medium text-base text-gray-900">What types of title deeds are available for beachfront land in Kilifi North?</span>
                        <svg class="w-5 h-5 text-gray-500 transition-transform" :class="{ 'rotate-180': openIndex === 0 }" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                        </svg>
                    </button>
                    <div x-show="openIndex === 0" x-collapse class="px-6 pb-4">
                        <div class="text-gray-600 text-base prose prose-base max-w-none">Most beachfront properties in Kilifi North come with freehold title deeds, though some larger parcels may be under mother title awaiting subdivision. We verify all titles through official searches at the Kilifi Lands Registry before listing.</div>
                    </div>
                </div>
                            <div class="bg-white border border-gray-200 rounded-lg">
                    <button @click="openIndex = openIndex === 1 ? null : 1" class="w-full px-6 py-4 flex items-center justify-between text-left">
                        <span class="font-medium text-base text-gray-900">Are there any building restrictions on beachfront plots?</span>
                        <svg class="w-5 h-5 text-gray-500 transition-transform" :class="{ 'rotate-180': openIndex === 1 }" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                        </svg>
                    </button>
                    <div x-show="openIndex === 1" x-collapse class="px-6 pb-4">
                        <div class="text-gray-600 text-base prose prose-base max-w-none">Yes, Kilifi County requires a minimum 30m setback from the high water mark, maximum height of three stories (12m), and environmental impact assessments for developments over one acre. All structures must meet NEMA's coastal zone regulations.</div>
                    </div>
                </div>
                            <div class="bg-white border border-gray-200 rounded-lg">
                    <button @click="openIndex = openIndex === 2 ? null : 2" class="w-full px-6 py-4 flex items-center justify-between text-left">
                        <span class="font-medium text-base text-gray-900">What infrastructure is available on these beachfront properties?</span>
                        <svg class="w-5 h-5 text-gray-500 transition-transform" :class="{ 'rotate-180': openIndex === 2 }" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                        </svg>
                    </button>
                    <div x-show="openIndex === 2" x-collapse class="px-6 pb-4">
                        <div class="text-gray-600 text-base prose prose-base max-w-none">Most plots have murram road access (some with tarmac), Kenya Power connectivity within reasonable distance, and permit borehole drilling (average depth: 80-120m). Internet options include fiber optic in select areas.</div>
                    </div>
                </div>
                            <div class="bg-white border border-gray-200 rounded-lg">
                    <button @click="openIndex = openIndex === 3 ? null : 3" class="w-full px-6 py-4 flex items-center justify-between text-left">
                        <span class="font-medium text-base text-gray-900">Can I subdivide a larger beachfront parcel?</span>
                        <svg class="w-5 h-5 text-gray-500 transition-transform" :class="{ 'rotate-180': openIndex === 3 }" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                        </svg>
                    </button>
                    <div x-show="openIndex === 3" x-collapse class="px-6 pb-4">
                        <div class="text-gray-600 text-base prose prose-base max-w-none">Subdivision is possible subject to county approval, with minimum plot sizes typically being 1/8 acre for beachfront properties. The process involves surveyor fees, NEMA clearance, and county planning approval.</div>
                    </div>
                </div>
                            <div class="bg-white border border-gray-200 rounded-lg">
                    <button @click="openIndex = openIndex === 4 ? null : 4" class="w-full px-6 py-4 flex items-center justify-between text-left">
                        <span class="font-medium text-base text-gray-900">How do prices compare between oceanfront and second-row beach plots?</span>
                        <svg class="w-5 h-5 text-gray-500 transition-transform" :class="{ 'rotate-180': openIndex === 4 }" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                        </svg>
                    </button>
                    <div x-show="openIndex === 4" x-collapse class="px-6 pb-4">
                        <div class="text-gray-600 text-base prose prose-base max-w-none">Direct oceanfront commands premium pricing (20-30% higher) compared to second-row plots. Current averages are Ksh 5-7M per eighth-acre oceanfront vs Ksh 3-5M for similar-sized second-row plots.</div>
                    </div>
                </div>
                    </div>
    </div>
</section>

<div
        x-show="$wire.show"
        x-transition:enter="transform transition ease-in-out duration-300"
        x-transition:enter-start="translate-x-full"
        x-transition:enter-end="translate-x-0"
        x-transition:leave="transform transition ease-in-out duration-300"
        x-transition:leave-start="translate-x-0"
        x-transition:leave-end="translate-x-full"
        class="fixed right-0 top-0 bottom-0 w-full sm:w-96 bg-white shadow-2xl z-50 overflow-y-auto"
        style="display: none;"
        @keydown.escape.window="$wire.close()"
    >
        
        <div class="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between z-10">
            <div class="flex items-center gap-2">
                <svg class="w-5 h-5 text-jumuika-burgundy" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
                </svg>
                <h2 class="text-xl font-bold text-gray-900">Filters</h2>
                                    <span class="ml-2 px-2 py-0.5 bg-jumuika-burgundy text-white text-xs rounded-full">
                        13,930
                    </span>
                            </div>
            <button
                wire:click="close"
                class="text-gray-400 hover:text-gray-600 transition-colors"
            >
                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                </svg>
            </button>
        </div>

<div class="p-6 space-y-6">
                            
                
                
                
                
                
                
                                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-sm font-semibold text-gray-900 mb-3 uppercase tracking-wide">
                            Price Range
                        </h3>
                        <div class="space-y-3">
                                                            
                                <div class="grid grid-cols-2 gap-2">
                                    <input
                                        type="number"
                                        placeholder="Min"
                                        wire:model.defer="queryFilters.price_min"
                                        class="px-3 py-2 border border-gray-300 rounded-lg focus:ring-jumuika-burgundy focus:border-jumuika-burgundy"
                                    >
                                    <input
                                        type="number"
                                        placeholder="Max"
                                        wire:model.defer="queryFilters.price_max"
                                        class="px-3 py-2 border border-gray-300 rounded-lg focus:ring-jumuika-burgundy focus:border-jumuika-burgundy"
                                    >
                                </div>
                                <button
                                    wire:click="applyRange('price', $wire.queryFilters.price_min, $wire.queryFilters.price_max)"
                                    class="w-full px-4 py-2 bg-jumuika-burgundy text-white rounded-lg hover:bg-jumuika-burgundy-dark font-medium transition-colors text-sm"
                                >
                                    Apply
                                </button>
                                                    </div>
                    </div>
                                            
                
                
                
                
                
                
                                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-sm font-semibold text-gray-900 mb-3 uppercase tracking-wide">
                            Property Size
                        </h3>
                        <div class="space-y-3">
                                                            
                                <div class="grid grid-cols-2 gap-2">
                                    <input
                                        type="number"
                                        placeholder="Min"
                                        wire:model.defer="queryFilters.property_size_min"
                                        class="px-3 py-2 border border-gray-300 rounded-lg focus:ring-jumuika-burgundy focus:border-jumuika-burgundy"
                                    >
                                    <input
                                        type="number"
                                        placeholder="Max"
                                        wire:model.defer="queryFilters.property_size_max"
                                        class="px-3 py-2 border border-gray-300 rounded-lg focus:ring-jumuika-burgundy focus:border-jumuika-burgundy"
                                    >
                                </div>
                                <button
                                    wire:click="applyRange('property_size', $wire.queryFilters.property_size_min, $wire.queryFilters.property_size_max)"
                                    class="w-full px-4 py-2 bg-jumuika-burgundy text-white rounded-lg hover:bg-jumuika-burgundy-dark font-medium transition-colors text-sm"
                                >
                                    Apply
                                </button>
                                                    </div>
                    </div>
                                            
                                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-sm font-semibold text-gray-900 mb-3 uppercase tracking-wide">
                            Bedrooms
                        </h3>
                        <div class="space-y-2">
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '3')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            3
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">1,075</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '4')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            4
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">820</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '2')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            2
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">542</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '1')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            1
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">394</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '5')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            5
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">353</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '6')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            6
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">90</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '7')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            7
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">25</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '20')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            20
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">20</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '10')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            10
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">17</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '8')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            8
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">14</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '9')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            9
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">8</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '12')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            12
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">8</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '11')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            11
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">4</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '17')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            17
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">2</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '19')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            19
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">2</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '18')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            18
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">1</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '13')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            13
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '14')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            14
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '15')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            15
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bedrooms', '16')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            16
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                    </div>
                    </div>
                
                
                
                
                
                
                                            
                                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-sm font-semibold text-gray-900 mb-3 uppercase tracking-wide">
                            Bathrooms
                        </h3>
                        <div class="space-y-2">
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '2')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            2
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">65</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '3')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            3
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">61</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '4')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            4
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">33</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '5')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            5
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">19</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '1')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            1
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">10</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '6')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            6
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">8</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '7')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            7
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">4</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '8')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            8
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">1</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '9')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            9
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '10')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            10
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '11')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            11
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '12')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            12
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '13')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            13
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '14')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            14
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '15')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            15
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '16')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            16
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '17')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            17
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '18')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            18
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '19')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            19
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('bathrooms', '20')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            20
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                    </div>
                    </div>
                
                
                
                
                
                
                                            
                                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-sm font-semibold text-gray-900 mb-3 uppercase tracking-wide">
                            Condition
                        </h3>
                        <div class="space-y-2">
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('condition', 'newly_built')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Newly-Built
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">1,667</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('condition', 'fairly_used')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Fairly Used
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">843</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('condition', 'under_construction')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Under construction
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">283</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('condition', 'off_plan')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Off-Plan
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">95</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('condition', 'renovated')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Renovated
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">52</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('condition', 'uncompleted_building')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Uncompleted Building
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">37</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('condition', 'old')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Old
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">12</span>
                                </label>
                                                    </div>
                    </div>
                
                
                
                
                
                
                                            
                                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-sm font-semibold text-gray-900 mb-3 uppercase tracking-wide">
                            Furnishing
                        </h3>
                        <div class="space-y-2">
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('furnishing', 'unfurnished')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Unfurnished
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">2,453</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('furnishing', 'semi_furnished')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Semi-Furnished
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">316</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('furnishing', 'furnished')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Furnished
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">222</span>
                                </label>
                                                    </div>
                    </div>
                
                
                
                
                
                
                                            
                
                
                
                
                                    <div class="border-b border-gray-200 pb-6">
                        <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                            <div class="flex items-center">
                                <input
                                    type="checkbox"
                                    wire:click="applyFilter('parking_space', 'true')"
                                    class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                >
                                <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                    Parking Space
                                </span>
                            </div>
                        </label>
                    </div>
                
                
                                            
                                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-sm font-semibold text-gray-900 mb-3 uppercase tracking-wide">
                            Listing by
                        </h3>
                        <div class="space-y-2">
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('listing_by', 'agent')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Agent
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">2</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('listing_by', 'developer')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Developer
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                            <label class="flex items-center justify-between py-2 px-3 rounded-lg hover:bg-gray-50 cursor-pointer transition-colors group">
                                    <div class="flex items-center">
                                        <input
                                            type="checkbox"
                                            wire:click="applyFilter('listing_by', 'owner')"
                                            class="rounded border-gray-300 text-jumuika-burgundy focus:ring-jumuika-burgundy"
                                        >
                                        <span class="ml-3 text-sm text-gray-700 group-hover:text-gray-900">
                                            Owner
                                        </span>
                                    </div>
                                    <span class="text-sm text-gray-500 font-medium">0</span>
                                </label>
                                                    </div>
                    </div>
                
                
                
                
                
                
                                    </div>

<div class="sticky bottom-0 bg-white border-t border-gray-200 px-6 py-4 flex gap-3">
            <button
                wire:click="clearAll"
                class="flex-1 px-4 py-3 border-2 border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 font-medium transition-colors"
            >
                Clear all
            </button>
            <button
                wire:click="close"
                class="flex-1 px-4 py-3 bg-jumuika-burgundy text-white rounded-lg hover:bg-jumuika-burgundy-dark font-medium transition-colors"
            >
                Show 13,930 results
            </button>
        </div>
    </div>
</div>
    
    <script type="application/ld+json">
        {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://jumuika.co.ke"},{"@type":"ListItem","position":2,"name":"Land For Sale","item":"https://jumuika.co.ke/land-for-sale"},{"@type":"ListItem","position":3,"name":"{\"id\":13,\"old_id\":13,\"name\":\"Kilifi\",\"code\":\"KILIFI\",\"slug\":\"kilifi\",\"description\":\"Kilifi County Stretches Along Kenya's North Coast, Famous For Its Stunning Beaches, Kilifi Creek, And The Historic Gede Ruins. The County Offers Coastal Properties From Beach Resorts In Watamu And Malindi To Residential Homes In Kilifi Town. Known For Its Bohemian Atmosphere And Marine Tourism, Kilifi Attracts Both Local And International Property Buyers.\",\"meta_title\":\"Kilifi County, Kenya   Beach Properties & Coastal Homes\",\"meta_description\":\"Explore Coastal Properties In Kilifi County. Find Beach Houses In Watamu, Malindi Villas, And Homes Along Kenya's Beautiful North Coast.\",\"meta_keywords\":\"Kilifi Properties, Watamu Real Estate, Malindi Beach Houses, Coastal Properties Kenya, Kilifi Creek Homes\",\"og_title\":\"Kilifi Coastal Properties | Beach Houses & North Coast Homes\",\"og_description\":\"Discover Kilifi County's Stunning Coastal Properties. From Watamu Beaches To Malindi   Find Your Coastal Paradise.\",\"status\":\"active\",\"order\":13,\"latitude\":\" 3.63050000\",\"longitude\":\"39.84990000\",\"is_featured\":true,\"content\":{\"type\":\"doc\",\"content\":[{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.page Header\",\"config\":{\"title\":\"Properties In Kilifi\",\"subtitle\":\"Browse Properties For Sale And Rent In Kilifi County, Kenya\",\"breadcrumbs\":[{\"url\":\"\\/\",\"label\":\"Home\"},{\"url\":\"#\",\"label\":\"Locations\"},{\"url\":\"\\/locations\\/county\\/kilifi\",\"label\":\"Properties In Kilifi\"}]}}},{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.location Property Grid\",\"config\":{\"title\":\"Available Properties\",\"itemsPerPage\":12}}}]},\"created_at\":\"2026 01 16T03:07:27.000000Z\",\"updated_at\":\"2026 02 25T06:44:20.000000Z\"}","item":"https://jumuika.co.ke/land-for-sale/{\"id\":13,\"old_id\":13,\"name\":\"Kilifi\",\"code\":\"KILIFI\",\"slug\":\"kilifi\",\"description\":\"Kilifi County stretches along Kenya's north coast, famous for its stunning beaches, Kilifi Creek, and the historic Gede Ruins. The county offers coastal properties from beach resorts in Watamu and Malindi to residential homes in Kilifi town. Known for its bohemian atmosphere and marine tourism, Kilifi attracts both local and international property buyers.\",\"meta_title\":\"Kilifi County, Kenya - Beach Properties & Coastal Homes\",\"meta_description\":\"Explore coastal properties in Kilifi County. Find beach houses in Watamu, Malindi villas, and homes along Kenya's beautiful north coast.\",\"meta_keywords\":\"Kilifi properties, Watamu real estate, Malindi beach houses, coastal properties Kenya, Kilifi Creek homes\",\"og_title\":\"Kilifi Coastal Properties | Beach Houses & North Coast Homes\",\"og_description\":\"Discover Kilifi County's stunning coastal properties. From Watamu beaches to Malindi - find your coastal paradise.\",\"status\":\"active\",\"order\":13,\"latitude\":\"-3.63050000\",\"longitude\":\"39.84990000\",\"is_featured\":true,\"content\":{\"type\":\"doc\",\"content\":[{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.page-header\",\"config\":{\"title\":\"Properties in Kilifi\",\"subtitle\":\"Browse properties for sale and rent in Kilifi County, Kenya\",\"breadcrumbs\":[{\"url\":\"\\/\",\"label\":\"Home\"},{\"url\":\"#\",\"label\":\"Locations\"},{\"url\":\"\\/locations\\/county\\/kilifi\",\"label\":\"Properties in Kilifi\"}]}}},{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.location-property-grid\",\"config\":{\"title\":\"Available Properties\",\"itemsPerPage\":12}}}]},\"created_at\":\"2026-01-16T03:07:27.000000Z\",\"updated_at\":\"2026-02-25T06:44:20.000000Z\"}"},{"@type":"ListItem","position":4,"name":"{\"id\":153,\"old_id\":153,\"county_id\":13,\"name\":\"Kilifi North\",\"code\":\"KILIFINORT\",\"slug\":\"kilifi North\",\"description\":\"Kilifi North Encompasses The Northern Stretches Of Kilifi County, Including Portions Of The Scenic Coastline And Hinterland. The Area Is Gaining Recognition As A Creative And Wellness Hub, With Kilifi Town Attracting Digital Nomads, Artists, And Conscious Lifestyle Seekers From Around The World. Organic Farms, Yoga Retreats, And Boutique Guesthouses Have Sprouted Alongside Traditional Fishing Villages. The Kilifi Creek And Its Mangrove Lined Shores Provide Stunning Natural Scenery. Property Ranges From Beachfront Plots To Inland Agricultural Parcels. The Area's Emerging Identity As A Progressive Coastal Community Is Driving Interest From International And Nairobi Based Buyers Seeking Alternative Lifestyle Properties.\",\"meta_title\":\"Kilifi North   Coastal Property & Lifestyle\",\"meta_description\":\"Discover Properties In Kilifi North. Emerging Coastal Lifestyle Hub With Beach Plots And Creative Community.\",\"meta_keywords\":\"Kilifi North Property, Coastal Lifestyle, Beach Plots Kilifi, Digital Nomad Kenya, Kilifi Real Estate\",\"og_title\":\"Kilifi North | Kilifi County Properties\",\"og_description\":\"Coastal Lifestyle Property In Kilifi North   An Emerging Creative Hub On Kenya's Coast.\",\"status\":\"active\",\"order\":2,\"latitude\":\" 3.55000000\",\"longitude\":\"39.85000000\",\"is_featured\":true,\"content\":{\"type\":\"doc\",\"content\":[{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.page Header\",\"config\":{\"title\":\"Properties In Kilifi North\",\"subtitle\":\"Browse Properties For Sale And Rent In Kilifi North, Kilifi County\",\"breadcrumbs\":[{\"url\":\"\\/\",\"label\":\"Home\"},{\"url\":\"#\",\"label\":\"Locations\"},{\"url\":\"\\/locations\\/county\\/kilifi\",\"label\":\"Kilifi\"},{\"url\":\"\\/locations\\/state\\/kilifi North\",\"label\":\"Properties In Kilifi North\"}]}}},{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.location Property Grid\",\"config\":{\"title\":\"Available Properties\",\"itemsPerPage\":12}}}]},\"created_at\":\"2026 01 16T03:07:28.000000Z\",\"updated_at\":\"2026 02 25T06:44:25.000000Z\"}","item":"https://jumuika.co.ke/land-for-sale/{\"id\":13,\"old_id\":13,\"name\":\"Kilifi\",\"code\":\"KILIFI\",\"slug\":\"kilifi\",\"description\":\"Kilifi County stretches along Kenya's north coast, famous for its stunning beaches, Kilifi Creek, and the historic Gede Ruins. The county offers coastal properties from beach resorts in Watamu and Malindi to residential homes in Kilifi town. Known for its bohemian atmosphere and marine tourism, Kilifi attracts both local and international property buyers.\",\"meta_title\":\"Kilifi County, Kenya - Beach Properties & Coastal Homes\",\"meta_description\":\"Explore coastal properties in Kilifi County. Find beach houses in Watamu, Malindi villas, and homes along Kenya's beautiful north coast.\",\"meta_keywords\":\"Kilifi properties, Watamu real estate, Malindi beach houses, coastal properties Kenya, Kilifi Creek homes\",\"og_title\":\"Kilifi Coastal Properties | Beach Houses & North Coast Homes\",\"og_description\":\"Discover Kilifi County's stunning coastal properties. From Watamu beaches to Malindi - find your coastal paradise.\",\"status\":\"active\",\"order\":13,\"latitude\":\"-3.63050000\",\"longitude\":\"39.84990000\",\"is_featured\":true,\"content\":{\"type\":\"doc\",\"content\":[{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.page-header\",\"config\":{\"title\":\"Properties in Kilifi\",\"subtitle\":\"Browse properties for sale and rent in Kilifi County, Kenya\",\"breadcrumbs\":[{\"url\":\"\\/\",\"label\":\"Home\"},{\"url\":\"#\",\"label\":\"Locations\"},{\"url\":\"\\/locations\\/county\\/kilifi\",\"label\":\"Properties in Kilifi\"}]}}},{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.location-property-grid\",\"config\":{\"title\":\"Available Properties\",\"itemsPerPage\":12}}}]},\"created_at\":\"2026-01-16T03:07:27.000000Z\",\"updated_at\":\"2026-02-25T06:44:20.000000Z\"}/{\"id\":153,\"old_id\":153,\"county_id\":13,\"name\":\"Kilifi North\",\"code\":\"KILIFINORT\",\"slug\":\"kilifi-north\",\"description\":\"Kilifi North encompasses the northern stretches of Kilifi County, including portions of the scenic coastline and hinterland. The area is gaining recognition as a creative and wellness hub, with Kilifi town attracting digital nomads, artists, and conscious lifestyle seekers from around the world. Organic farms, yoga retreats, and boutique guesthouses have sprouted alongside traditional fishing villages. The Kilifi Creek and its mangrove-lined shores provide stunning natural scenery. Property ranges from beachfront plots to inland agricultural parcels. The area's emerging identity as a progressive coastal community is driving interest from international and Nairobi-based buyers seeking alternative lifestyle properties.\",\"meta_title\":\"Kilifi North - Coastal Property & Lifestyle\",\"meta_description\":\"Discover properties in Kilifi North. Emerging coastal lifestyle hub with beach plots and creative community.\",\"meta_keywords\":\"Kilifi North property, coastal lifestyle, beach plots Kilifi, digital nomad Kenya, Kilifi real estate\",\"og_title\":\"Kilifi North | Kilifi County Properties\",\"og_description\":\"Coastal lifestyle property in Kilifi North - an emerging creative hub on Kenya's coast.\",\"status\":\"active\",\"order\":2,\"latitude\":\"-3.55000000\",\"longitude\":\"39.85000000\",\"is_featured\":true,\"content\":{\"type\":\"doc\",\"content\":[{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.page-header\",\"config\":{\"title\":\"Properties in Kilifi North\",\"subtitle\":\"Browse properties for sale and rent in Kilifi North, Kilifi County\",\"breadcrumbs\":[{\"url\":\"\\/\",\"label\":\"Home\"},{\"url\":\"#\",\"label\":\"Locations\"},{\"url\":\"\\/locations\\/county\\/kilifi\",\"label\":\"Kilifi\"},{\"url\":\"\\/locations\\/state\\/kilifi-north\",\"label\":\"Properties in Kilifi North\"}]}}},{\"type\":\"masonBrick\",\"attrs\":{\"id\":\"shared.location-property-grid\",\"config\":{\"title\":\"Available Properties\",\"itemsPerPage\":12}}}]},\"created_at\":\"2026-01-16T03:07:28.000000Z\",\"updated_at\":\"2026-02-25T06:44:25.000000Z\"}"}]}
    </script>
    </main>

<footer wire:key="lw-2332434809-1-1-3-1" wire:snapshot="{"data":[],"memo":{"id":"5Sd1qVoOrdLOE7QLFzcz","name":"footer","path":"land-for-sale\/kilifi\/kilifi-north\/beachfront","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","islands":[]},"checksum":"5758439511ab4e6008c27575a84b93db17c3e9c47e30db99157cfb38cfe8dcf4"}" wire:effects="{"partials":[]}" wire:id="5Sd1qVoOrdLOE7QLFzcz" wire:name="footer" class="bg-white text-gray-900 py-12 border-t border-gray-200" aria-label="Footer">
    <div class="max-w-7xl mx-auto px-4 lg:px-2">
        <nav aria-label="Footer navigation">
            <div class="grid grid-cols-2 md:grid-cols-5 gap-8 mb-8">
                
                <div class="col-span-2 md:col-span-1">
                    <a href="https://jumuika.co.ke" wire:navigate>
                        <img src="https://jumuika.co.ke/assets/logo/logo.png" alt="Jumuika logo" class="w-[120px] mb-4" width="120" height="40">
                    </a>
                    <p class="text-sm text-gray-600 mb-4">
                        Jumuika is here to help you find your dream property, helping you navigate your entire journey and giving you the tools that put you in control.
                    </p>
                    
                    <div class="flex items-center space-x-3">
                        <a href="https://www.facebook.com/kenyajumuika" target="_blank" rel="noopener" class="text-gray-400 hover:text-jumuika-burgundy transition-colors" aria-label="Facebook">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                        </a>
                        <a href="https://www.instagram.com/jumuika.co.ke/" target="_blank" rel="noopener" class="text-gray-400 hover:text-jumuika-burgundy transition-colors" aria-label="Instagram">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
                        </a>
                        <a href="https://x.com/jumuika" target="_blank" rel="noopener" class="text-gray-400 hover:text-jumuika-burgundy transition-colors" aria-label="X (Twitter)">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
                        </a>
                        <a href="https://www.youtube.com/@jumuikakenya" target="_blank" rel="noopener" class="text-gray-400 hover:text-jumuika-burgundy transition-colors" aria-label="YouTube">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
                        </a>
                        <a href="https://www.pinterest.com/jumuika/" target="_blank" rel="noopener" class="text-gray-400 hover:text-jumuika-burgundy transition-colors" aria-label="Pinterest">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 0 1 .083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"/></svg>
                        </a>
                        <a href="https://ke.linkedin.com/company/jumuika" target="_blank" rel="noopener" class="text-gray-400 hover:text-jumuika-burgundy transition-colors" aria-label="LinkedIn">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
                        </a>
                        <a href="https://www.tiktok.com/@jumuika" target="_blank" rel="noopener" class="text-gray-400 hover:text-jumuika-burgundy transition-colors" aria-label="TikTok">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
                        </a>
                    </div>
                </div>

<div>
                    <h3 class="text-sm font-semibold mb-4 text-gray-900 uppercase tracking-wider">Buy Property</h3>
                    <ul class="space-y-2">
                        <li><a href="https://jumuika.co.ke/houses-for-sale" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Houses for Sale</a></li>
                        <li><a href="https://jumuika.co.ke/land-for-sale" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Land for Sale</a></li>
                        <li><a href="https://jumuika.co.ke/commercial-property-for-sale" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Commercial for Sale</a></li>
                        <li><a href="https://jumuika.co.ke/new-builds" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">New Builds</a></li>
                        <li><a href="https://jumuika.co.ke/properties" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">All Properties</a></li>
                    </ul>
                </div>

<div>
                    <h3 class="text-sm font-semibold mb-4 text-gray-900 uppercase tracking-wider">Rent Property</h3>
                    <ul class="space-y-2">
                        <li><a href="https://jumuika.co.ke/houses-for-rent" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Houses for Rent</a></li>
                        <li><a href="https://jumuika.co.ke/land-for-rent" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Land for Rent</a></li>
                        <li><a href="https://jumuika.co.ke/commercial-property-for-rent" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Commercial for Rent</a></li>
                        <li><a href="https://jumuika.co.ke/agents" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Find an Agent</a></li>
                    </ul>
                </div>

<div>
                    <h3 class="text-sm font-semibold mb-4 text-gray-900 uppercase tracking-wider">Resources</h3>
                    <ul class="space-y-2">
                        <li><a href="https://jumuika.co.ke/blogs" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Blog</a></li>
                        <li><a href="https://jumuika.co.ke/buyers-guide" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Buyer's Guide</a></li>
                        <li><a href="https://jumuika.co.ke/sellers-guide" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Seller's Guide</a></li>
                        <li><a href="https://jumuika.co.ke/agent-guide" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Agent Guide</a></li>
                        <li><a href="https://jumuika.co.ke/how-it-works" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">How It Works</a></li>
                    </ul>
                </div>

<div>
                    <h3 class="text-sm font-semibold mb-4 text-gray-900 uppercase tracking-wider">Company</h3>
                    <ul class="space-y-2">
                        <li><a href="https://jumuika.co.ke/about-us" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">About Us</a></li>
                        <li><a href="https://jumuika.co.ke/contact" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Contact Us</a></li>
                        <li><a href="https://jumuika.co.ke/faqs" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">FAQs</a></li>
                        <li><a href="https://jumuika.co.ke/careers" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Careers</a></li>
                        <li><a href="https://jumuika.co.ke/join" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">List Your Property</a></li>
                    </ul>
                    <div class="mt-5">
                        <a href="https://jumuika.co.ke/join" wire:navigate class="inline-block text-sm font-medium text-jumuika-accent hover:text-jumuika-accent-light transition-colors">
                            Become an Agent →
                        </a>
                    </div>
                </div>
            </div>
        </nav>

<div class="pt-8 border-t border-gray-200">
            <div class="flex flex-col md:flex-row md:items-center md:justify-between text-sm">
                <div class="mb-4 md:mb-0 text-gray-600">
                    © 2026 Jumuika. All rights reserved.
                </div>
                <div class="flex flex-wrap gap-4">
                    <a href="https://jumuika.co.ke/terms-conditions" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Terms</a>
                    <a href="https://jumuika.co.ke/privacy-policy" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Privacy</a>
                    <a href="https://jumuika.co.ke/cookie-policy" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Cookies</a>
                    <a href="https://jumuika.co.ke/community-guidelines" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Guidelines</a>
                    <a href="https://jumuika.co.ke/account-deletion" wire:navigate class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Data Deletion</a>
                    <a href="https://jumuika.co.ke/sitemap.xml" class="text-sm text-gray-600 hover:text-jumuika-burgundy transition-colors">Sitemap</a>
                </div>
            </div>
        </div>
    </div>

Livewire.on('gtm-event', ({data}) => {
        if (data && data.event) {
            window.dataLayer.push(data);
        }
    });
});
</script>

<script data-navigate-once>
        document.addEventListener('livewire:navigated', () => {
            const params = new URLSearchParams(window.location.search);
            const authAction = params.get('auth');

if (authAction === 'login') {
                Livewire.dispatch('open-login-modal');
            } else if (authAction === 'register') {
                Livewire.dispatch('open-register-modal');
            } else if (authAction === 'reset-password') {
                const token = params.get('token');
                const email = params.get('email');
                const userType = params.get('user_type');
                Livewire.dispatch('open-reset-password-modal', { token: token, email: email, userType: userType });
            } else if (authAction === 'verify') {
                const verifyStep = params.get('verify_step') || 'email-verify';
                const guardType = params.get('guard_type') || 'customer';
                const redirectTo = params.get('redirect_to') || window.location.pathname;
                Livewire.dispatch('open-verification-modal', { step: verifyStep, context: 'login', guardType: guardType, redirectTo: redirectTo });
            }

if (authAction) {
                window.history.replaceState({}, document.title, window.location.pathname);
            }
        });
    </script>

</body>
</html>