Furli™ WindowCloud Cat Bed – Foldable Window Hammock
Questions before you buy? Email furlicustomers@gmail.com or WhatsApp 066 298 6554 (Mon–Fri, 08:00–17:00).
<div class="furli-windowcloud">
<!-- HERO -->
<section class="fwc-hero fwc-reveal">
<div class="fwc-sun fwc-sun-one"></div>
<div class="fwc-sun fwc-sun-two"></div>
<div class="fwc-badge">
🐾 FURLI • WINDOW LOUNGE COLLECTION
</div>
<h1>
Their Favourite Window
<span>Just Got Comfier.</span>
</h1>
<p class="fwc-lead">
Meet the Furli™ WindowCloud — a soft, elevated window bed
designed to give cats their own comfortable spot for lounging,
watching the world and enjoying peaceful naps.
</p>
<div class="fwc-tags">
<span>☁️ Ultra-Soft Comfort</span>
<span>🪟 Window Lounge</span>
<span>🧼 Machine-Washable Bed</span>
<span>💪 Reinforced Metal Frame</span>
</div>
<a href="#furli-windowcloud-benefits" class="fwc-main-btn">
Discover WindowCloud
<span>↓</span>
</a>
</section>
<!-- INTRO -->
<section class="fwc-intro fwc-reveal">
<div class="fwc-intro-icon">
🐱
</div>
<div>
<span class="fwc-eyebrow">
THEIR NEW FAVOURITE VIEW
</span>
<h2>
A Front-Row Seat To The World Outside
</h2>
<p>
Cats naturally love elevated spaces and watching what's happening
outside. The Furli™ WindowCloud turns an ordinary window into
a cosy lounging area made just for them.
</p>
</div>
</section>
<!-- BENEFITS -->
<section id="furli-windowcloud-benefits" class="fwc-section">
<div class="fwc-heading fwc-reveal">
<span>
WHY CAT PARENTS LOVE IT
</span>
<h2>
Soft Comfort Meets Elevated Lounging
</h2>
<p>
Designed for naps, bird watching, sunshine and quiet moments.
</p>
</div>
<div class="fwc-grid">
<div class="fwc-card fwc-reveal">
<div class="fwc-icon">
🪟
</div>
<h3>
Elevated Window View
</h3>
<p>
Give your cat their own elevated spot where they can relax
while watching birds, people and the world outside.
</p>
</div>
<div class="fwc-card fwc-reveal">
<div class="fwc-icon">
☁️
</div>
<h3>
Ultra-Soft Sleeping Surface
</h3>
<p>
The soft bed creates an inviting resting surface for
long naps, lazy afternoons and everyday lounging.
</p>
</div>
<div class="fwc-card fwc-reveal">
<div class="fwc-icon">
💪
</div>
<h3>
Four-Sided Support
</h3>
<p>
The supportive frame design helps create a stable lounging
area with added structure around the sleeping surface.
</p>
</div>
<div class="fwc-card fwc-reveal">
<div class="fwc-icon">
🧼
</div>
<h3>
Easy-Care Design
</h3>
<p>
The machine-washable bed makes it easier to keep your cat's
favourite lounging spot feeling clean and fresh.
</p>
</div>
</div>
</section>
<!-- PREMIUM FEATURE -->
<section class="fwc-premium fwc-reveal">
<div class="fwc-premium-copy">
<span>
FURLI WINDOWCLOUD
</span>
<h2>
Lounge Above.
<strong>Relax In Comfort.</strong>
</h2>
<p>
Give your cat the elevated resting spot they naturally love
without taking up valuable floor space inside your home.
</p>
</div>
<div class="fwc-window-animation">
<div class="fwc-window">
<div class="fwc-window-line fwc-v"></div>
<div class="fwc-window-line fwc-h"></div>
<div class="fwc-cat">
🐈
</div>
</div>
<div class="fwc-cloud cloud-one">
☁️
</div>
<div class="fwc-cloud cloud-two">
☁️
</div>
</div>
</section>
<!-- FEATURE STRIP -->
<section class="fwc-strip fwc-reveal">
<div>
<strong>01</strong>
<span>Foldable Design</span>
</div>
<div>
<strong>02</strong>
<span>Soft Washable Bed</span>
</div>
<div>
<strong>03</strong>
<span>Metal Support Frame</span>
</div>
<div>
<strong>04</strong>
<span>Large-Cat Friendly</span>
</div>
</section>
<!-- WHY CATS LOVE WINDOWS -->
<section class="fwc-view-section fwc-reveal">
<div class="fwc-view-copy">
<span class="fwc-eyebrow">
BUILT FOR CURIOUS CATS
</span>
<h2>
Their Own Little Observation Deck
</h2>
<p>
Whether they're watching birds outside, soaking up the morning
sunshine or simply looking for somewhere peaceful to nap,
WindowCloud creates a dedicated elevated space.
</p>
<div class="fwc-checks">
<div>✓ Perfect for window watching</div>
<div>✓ Comfortable lounging area</div>
<div>✓ Great for kittens and adult cats</div>
<div>✓ Saves valuable floor space</div>
</div>
</div>
<div class="fwc-orbit">
<div class="fwc-orbit-ring"></div>
<div class="fwc-center">
<span>FURLI</span>
<strong>🐱</strong>
</div>
<div class="fwc-orbit-bird">
🐦
</div>
</div>
</section>
<!-- FOLDABLE -->
<section class="fwc-fold fwc-reveal">
<div class="fwc-heading">
<span>
PRACTICAL BY DESIGN
</span>
<h2>
Comfort When They Want It. Space When You Need It.
</h2>
</div>
<div class="fwc-fold-grid">
<div class="fwc-fold-card">
<span>01</span>
<h3>
Set It Up
</h3>
<p>
Position the bed securely according to the supplied
installation instructions.
</p>
</div>
<div class="fwc-fold-card">
<span>02</span>
<h3>
Let Them Lounge
</h3>
<p>
Give your cat time to explore their new elevated
viewing and sleeping spot.
</p>
</div>
<div class="fwc-fold-card">
<span>03</span>
<h3>
Fold When Needed
</h3>
<p>
The foldable design helps make the window area easier
to manage when the bed isn't being used.
</p>
</div>
</div>
</section>
<!-- LARGE CAT SECTION -->
<section class="fwc-large fwc-reveal">
<div class="fwc-large-icon">
🐈
</div>
<div>
<span class="fwc-eyebrow">
ROOM TO GET COMFORTABLE
</span>
<h2>
Made For Kittens & Bigger Loungers
</h2>
<p>
The supportive metal frame and spacious lounging concept make
WindowCloud suitable for a range of cats, including larger cats.
Always check the supplier's exact dimensions and supported weight
before ordering.
</p>
</div>
</section>
<!-- CTA -->
<section class="fwc-cta fwc-reveal">
<div class="fwc-cta-icon">
🐾
</div>
<span>
UPGRADE THEIR FAVOURITE WINDOW
</span>
<h2>
Give Them The Best Seat In The House
</h2>
<p>
Bring home the Furli™ WindowCloud and transform your window
into a soft, elevated lounging spot your cat will love.
</p>
<a href="#AddToCart" class="fwc-buy-btn">
Get The WindowCloud
<span>→</span>
</a>
<div class="fwc-trust">
<span>☁️ Soft Comfort</span>
<span>🪟 Elevated Window Lounge</span>
<span>🐾 Furli Pet Living</span>
</div>
</section>
</div>
<style>
.furli-windowcloud,
.furli-windowcloud * {
box-sizing: border-box;
}
.furli-windowcloud {
--sky: #6aaec4;
--sky-dark: #3b7e94;
--sky-light: #eff9fc;
--cream: #fffaf3;
--dark: #1e292e;
--muted: #69797e;
--border: rgba(85, 164, 190, .17);
max-width: 1200px;
width: 100%;
margin: 0 auto;
overflow: hidden;
color: var(--dark);
font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Arial,
sans-serif;
}
/* HERO */
.fwc-hero {
position: relative;
overflow: hidden;
padding:
90px 28px;
text-align: center;
border-radius: 34px;
border:
1px solid var(--border);
background:
radial-gradient(
circle at 10% 10%,
rgba(104, 184, 209, .20),
transparent 30%
),
radial-gradient(
circle at 90% 80%,
rgba(255, 225, 161, .25),
transparent 28%
),
linear-gradient(
135deg,
#f5fcfe,
#ffffff
);
}
.fwc-sun {
position: absolute;
border-radius: 50%;
filter: blur(20px);
opacity: .35;
pointer-events: none;
}
.fwc-sun-one {
width: 230px;
height: 230px;
top: -95px;
left: -95px;
background: #92d9ec;
animation:
fwcFloat 7s ease-in-out infinite;
}
.fwc-sun-two {
width: 180px;
height: 180px;
right: -65px;
bottom: -70px;
background: #ffe0a4;
animation:
fwcFloat 8s ease-in-out infinite reverse;
}
.fwc-badge,
.fwc-eyebrow,
.fwc-heading > span,
.fwc-premium-copy > span,
.fwc-cta > span {
display: inline-block;
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--sky-dark);
}
.fwc-badge {
position: relative;
z-index: 2;
padding:
10px 17px;
margin-bottom: 24px;
border-radius: 999px;
background:
rgba(92, 175, 201, .11);
}
.fwc-hero h1 {
position: relative;
z-index: 2;
max-width: 870px;
margin: 0 auto;
font-size:
clamp(44px, 7vw, 84px);
line-height: .98;
letter-spacing: -3px;
font-weight: 900;
}
.fwc-hero h1 span {
display: block;
color: var(--sky);
}
.fwc-lead {
position: relative;
z-index: 2;
max-width: 730px;
margin:
25px auto 0;
font-size: 18px;
line-height: 1.7;
color: var(--muted);
}
.fwc-tags {
position: relative;
z-index: 2;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 11px;
margin: 32px 0;
}
.fwc-tags span {
padding: 12px 16px;
border-radius: 999px;
background: white;
border: 1px solid var(--border);
font-size: 14px;
font-weight: 700;
box-shadow:
0 12px 30px rgba(30, 68, 81, .06);
transition: .3s ease;
}
.fwc-tags span:hover {
transform:
translateY(-5px);
box-shadow:
0 18px 42px rgba(68, 154, 181, .17);
}
.fwc-main-btn,
.fwc-buy-btn {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
border-radius: 999px;
font-weight: 800;
transition: .3s ease;
}
.fwc-main-btn {
position: relative;
z-index: 2;
padding:
17px 29px;
color: white;
background:
linear-gradient(
135deg,
var(--sky),
var(--sky-dark)
);
box-shadow:
0 18px 42px rgba(59, 132, 157, .28);
}
.fwc-main-btn:hover {
transform:
translateY(-4px)
scale(1.02);
}
/* INTRO */
.fwc-intro {
display: grid;
grid-template-columns:
90px 1fr;
gap: 26px;
align-items: center;
margin-top: 28px;
padding: 38px;
border-radius: 30px;
color: white;
background: var(--dark);
}
.fwc-intro-icon {
display: grid;
place-items: center;
width: 80px;
height: 80px;
border-radius: 24px;
background:
rgba(255,255,255,.08);
font-size: 42px;
animation:
fwcCat 3s ease-in-out infinite;
}
.fwc-intro h2 {
margin:
8px 0 12px;
font-size:
clamp(29px,5vw,47px);
line-height: 1.05;
}
.fwc-intro p {
margin: 0;
max-width: 760px;
line-height: 1.7;
color:
rgba(255,255,255,.72);
}
/* BENEFITS */
.fwc-section {
padding:
85px 15px;
}
.fwc-heading {
max-width: 760px;
margin: auto;
text-align: center;
}
.fwc-heading h2 {
margin:
8px 0 15px;
font-size:
clamp(32px,5vw,50px);
line-height: 1.05;
letter-spacing: -1.5px;
}
.fwc-heading p {
margin: 0;
font-size: 17px;
line-height: 1.7;
color: var(--muted);
}
.fwc-grid {
display: grid;
grid-template-columns:
repeat(4,1fr);
gap: 18px;
margin-top: 42px;
}
.fwc-card {
padding:
30px 24px;
border-radius: 27px;
background: white;
border:
1px solid var(--border);
box-shadow:
0 14px 42px rgba(27,62,73,.06);
transition: .35s ease;
}
.fwc-card:hover {
transform:
translateY(-10px);
border-color:
rgba(79,160,187,.38);
box-shadow:
0 24px 60px rgba(61,149,179,.16);
}
.fwc-icon {
display: grid;
place-items: center;
width: 60px;
height: 60px;
margin-bottom: 20px;
border-radius: 19px;
background: var(--sky-light);
font-size: 30px;
}
.fwc-card h3 {
margin: 0 0 10px;
font-size: 20px;
}
.fwc-card p {
margin: 0;
line-height: 1.65;
color: var(--muted);
}
/* PREMIUM */
.fwc-premium {
display: grid;
grid-template-columns:
1.2fr .8fr;
align-items: center;
gap: 30px;
padding:
65px 55px;
border-radius: 34px;
color: white;
background:
linear-gradient(
135deg,
#1a2930,
#315769
);
}
.fwc-premium-copy h2 {
margin:
10px 0 18px;
font-size:
clamp(37px,5vw,58px);
line-height: 1.02;
}
.fwc-premium-copy strong {
display: block;
color: #85d5ed;
}
.fwc-premium-copy p {
max-width: 610px;
line-height: 1.7;
color:
rgba(255,255,255,.72);
}
/* WINDOW ANIMATION */
.fwc-window-animation {
position: relative;
height: 280px;
display: grid;
place-items: center;
}
.fwc-window {
position: relative;
width: 190px;
height: 190px;
border:
7px solid rgba(255,255,255,.82);
border-radius: 16px;
background:
linear-gradient(
180deg,
#79c6de,
#d9f1f8
);
box-shadow:
0 22px 45px rgba(0,0,0,.2);
overflow: hidden;
}
.fwc-window-line {
position: absolute;
z-index: 2;
background:
rgba(255,255,255,.8);
}
.fwc-v {
width: 6px;
height: 100%;
left: 50%;
transform:
translateX(-50%);
}
.fwc-h {
height: 6px;
width: 100%;
top: 50%;
transform:
translateY(-50%);
}
.fwc-cat {
position: absolute;
z-index: 4;
left: 50%;
bottom: 10px;
transform:
translateX(-50%);
font-size: 76px;
animation:
fwcCatWatch 3s ease-in-out infinite;
}
.fwc-cloud {
position: absolute;
font-size: 38px;
opacity: .7;
}
.cloud-one {
top: 20px;
left: 5px;
animation:
fwcCloud 7s ease-in-out infinite;
}
.cloud-two {
bottom: 15px;
right: 5px;
animation:
fwcCloud 8s ease-in-out infinite reverse;
}
/* STRIP */
.fwc-strip {
display: grid;
grid-template-columns:
repeat(4,1fr);
gap: 14px;
padding: 26px 0;
}
.fwc-strip div {
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
padding: 24px 10px;
text-align: center;
border-radius: 22px;
background: var(--cream);
border: 1px solid var(--border);
}
.fwc-strip strong {
font-size: 23px;
color: var(--sky);
}
.fwc-strip span {
font-size: 14px;
font-weight: 750;
}
/* VIEW SECTION */
.fwc-view-section {
display: grid;
grid-template-columns:
1fr .7fr;
gap: 50px;
align-items: center;
padding:
80px 30px;
}
.fwc-view-copy h2 {
margin:
10px 0 18px;
font-size:
clamp(34px,5vw,52px);
line-height: 1.05;
}
.fwc-view-copy p {
font-size: 17px;
line-height: 1.75;
color: var(--muted);
}
.fwc-checks {
display: grid;
grid-template-columns:
1fr 1fr;
gap: 12px;
margin-top: 25px;
}
.fwc-checks div {
padding:
14px 15px;
border-radius: 15px;
background: var(--sky-light);
font-weight: 700;
}
/* ORBIT */
.fwc-orbit {
position: relative;
display: grid;
place-items: center;
width: 290px;
height: 290px;
margin: auto;
}
.fwc-orbit-ring {
position: absolute;
inset: 18px;
border-radius: 50%;
border:
2px dashed rgba(72,158,187,.35);
animation:
fwcSpin 10s linear infinite;
}
.fwc-center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 130px;
height: 130px;
border-radius: 50%;
background: var(--sky-light);
box-shadow:
0 20px 50px rgba(63,148,177,.18);
}
.fwc-center span {
font-size: 14px;
font-weight: 900;
letter-spacing: 2px;
color: var(--sky-dark);
}
.fwc-center strong {
margin-top: 5px;
font-size: 38px;
}
.fwc-orbit-bird {
position: absolute;
top: 5px;
font-size: 40px;
transform-origin:
145px 140px;
animation:
fwcOrbit 8s linear infinite;
}
/* FOLD SECTION */
.fwc-fold {
padding:
75px 25px;
border-radius: 32px;
background: var(--sky-light);
}
.fwc-fold-grid {
display: grid;
grid-template-columns:
repeat(3,1fr);
gap: 18px;
max-width: 900px;
margin:
42px auto 0;
}
.fwc-fold-card {
padding: 28px;
border-radius: 24px;
background: white;
border:
1px solid var(--border);
}
.fwc-fold-card > span {
font-size: 27px;
font-weight: 900;
color: var(--sky);
}
.fwc-fold-card h3 {
margin:
12px 0 8px;
font-size: 21px;
}
.fwc-fold-card p {
margin: 0;
line-height: 1.6;
color: var(--muted);
}
/* LARGE CAT */
.fwc-large {
display: grid;
grid-template-columns:
100px 1fr;
gap: 30px;
align-items: center;
padding:
75px 30px;
}
.fwc-large-icon {
display: grid;
place-items: center;
width: 90px;
height: 90px;
border-radius: 28px;
background: var(--sky-light);
font-size: 46px;
animation:
fwcCat 3s ease-in-out infinite;
}
.fwc-large h2 {
margin:
10px 0 16px;
font-size:
clamp(32px,5vw,48px);
line-height: 1.05;
}
.fwc-large p {
max-width: 780px;
margin: 0;
line-height: 1.7;
color: var(--muted);
}
/* CTA */
.fwc-cta {
position: relative;
overflow: hidden;
padding:
80px 28px;
text-align: center;
border-radius: 34px;
color: white;
background:
radial-gradient(
circle at top,
rgba(255,255,255,.22),
transparent 32%
),
linear-gradient(
135deg,
#78c2da,
#397d94
);
}
.fwc-cta-icon {
margin-bottom: 12px;
font-size: 56px;
animation:
fwcPulse 2s infinite;
}
.fwc-cta > span {
color: white;
}
.fwc-cta h2 {
max-width: 750px;
margin:
10px auto 18px;
font-size:
clamp(35px,5vw,54px);
line-height: 1.05;
}
.fwc-cta p {
max-width: 680px;
margin:
0 auto 28px;
line-height: 1.7;
color:
rgba(255,255,255,.88);
}
.fwc-buy-btn {
padding:
18px 29px;
background: white;
color: var(--sky-dark);
box-shadow:
0 18px 45px rgba(31,85,104,.22);
}
.fwc-buy-btn:hover {
transform:
translateY(-4px)
scale(1.02);
}
.fwc-trust {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 18px;
margin-top: 27px;
font-size: 13px;
font-weight: 700;
color:
rgba(255,255,255,.87);
}
/* SCROLL REVEAL */
.fwc-reveal {
opacity: 0;
transform:
translateY(30px);
transition:
opacity .8s ease,
transform .8s ease;
}
.fwc-reveal.fwc-show {
opacity: 1;
transform:
translateY(0);
}
/* ANIMATIONS */
@keyframes fwcFloat {
0%,
100% {
transform: translate(0,0);
}
50% {
transform: translate(14px,24px);
}
}
@keyframes fwcCat {
0%,
100% {
transform:
translateY(0)
rotate(-3deg);
}
50% {
transform:
translateY(-9px)
rotate(3deg);
}
}
@keyframes fwcCatWatch {
0%,
100% {
transform:
translateX(-50%)
rotate(-2deg);
}
50% {
transform:
translateX(-50%)
rotate(3deg);
}
}
@keyframes fwcCloud {
0%,
100% {
transform:
translateX(-10px);
}
50% {
transform:
translateX(14px);
}
}
@keyframes fwcSpin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes fwcOrbit {
from {
transform:
rotate(0deg)
translateY(-118px)
rotate(0deg);
}
to {
transform:
rotate(360deg)
translateY(-118px)
rotate(-360deg);
}
}
@keyframes fwcPulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.12);
}
}
/* TABLET */
@media(max-width:900px) {
.fwc-grid {
grid-template-columns:
1fr 1fr;
}
.fwc-premium,
.fwc-view-section {
grid-template-columns:
1fr;
text-align: center;
}
.fwc-strip {
grid-template-columns:
1fr 1fr;
}
.fwc-fold-grid {
grid-template-columns:
1fr;
}
}
/* MOBILE */
@media(max-width:600px) {
.fwc-hero {
padding:
60px 20px;
border-radius: 24px;
}
.fwc-hero h1 {
letter-spacing: -2px;
}
.fwc-intro {
grid-template-columns:
1fr;
padding:
30px 22px;
text-align: center;
}
.fwc-intro-icon {
margin: auto;
}
.fwc-section {
padding:
65px 10px;
}
.fwc-grid {
grid-template-columns:
1fr;
}
.fwc-premium {
padding:
50px 24px;
}
.fwc-strip {
grid-template-columns:
1fr 1fr;
}
.fwc-view-section {
padding:
65px 15px;
}
.fwc-checks {
grid-template-columns:
1fr;
text-align: left;
}
.fwc-orbit {
transform:
scale(.82);
}
.fwc-fold {
padding:
60px 15px;
}
.fwc-large {
grid-template-columns:
1fr;
padding:
60px 20px;
text-align: center;
}
.fwc-large-icon {
margin: auto;
}
.fwc-cta {
padding:
65px 20px;
}
}
/* REDUCED MOTION */
@media(prefers-reduced-motion: reduce) {
.furli-windowcloud *,
.furli-windowcloud *::before,
.furli-windowcloud *::after {
animation: none !important;
transition: none !important;
}
.fwc-reveal {
opacity: 1;
transform: none;
}
}
</style>
<script>
(function () {
function FurliWindowCloudAnimations() {
const items =
document.querySelectorAll(
'.furli-windowcloud .fwc-reveal'
);
if (!('IntersectionObserver' in window)) {
items.forEach(function(item) {
item.classList.add(
'fwc-show'
);
});
return;
}
const observer =
new IntersectionObserver(
function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
entry.target.classList.add(
'fwc-show'
);
observer.unobserve(
entry.target
);
}
});
},
{
threshold: 0.12
}
);
items.forEach(function(item) {
observer.observe(item);
});
}
if (
document.readyState === 'loading'
) {
document.addEventListener(
'DOMContentLoaded',
FurliWindowCloudAnimations
);
} else {
FurliWindowCloudAnimations();
}
})();
</script>
Delivery
We deliver anywhere in South Africa in an estimated 6–8 business days. Standard delivery is R90, and free on orders of R1,000 or more. You'll see the exact delivery cost before you pay. Shipping policy
Returns
Request a return within 7 days of delivery for unused items in their original packaging. For hygiene reasons, grooming items, pet clothing and bedding can't be returned once used, unless faulty or incorrect. Contact us first and we'll send return instructions. Return policy