PURPLE LEAF Athena Louvered Pergola Champagne Outdoor Aluminum Pergola with Solid Color Roller Blind Adjustable Gazebo for Patio Deck Garden

n n .more-text { display: none; }n .see-more, .see-less { color: #3771aa; font-weight: bold; cursor: pointer; }n nn

● Concealed Drainage System: Rainwater is channeled through widened corner columns for even distribution — no leaks, even on uneven ground.

n

● Premium Powder-Coated Aluminum: Built with 1.5 mm thick columns that resist rust, peeling, and fading through all seasons.

n

● Reinforced Crossbeam: Upgraded to 4.33″ × 4.33″ dimensions, rated to withstand wind speeds up to 72 mph.

n ﹥See Moren n

● 2 Independent Adjustable Louvers: Rotate each panel 0°–90° to control shade or let the sun in — on your terms.

n

● Versatile Fit: Designed for decks, gardens, and yards. All hardware included — no special tools, rivets, or welds required.

n

· We recommend 2-3 people for assembly. Furniture not included. In high winds or heavy snow, open the louvers and remove shade screen accessories to prevent damage.

n

Check HOA approval before purchasing — many associations regulate louvered pergola structures.

n

n Questions? Contact us: n purpleleafservice2@gmail.comn

n ﹥See Lessn nn n function expandContent() {n document.querySelector(‘.see-more’).style.display = ‘none’;n document.querySelector(‘.more-text’).style.display = ‘inline’;n }n function collapseContent() {n document.querySelector(‘.see-more’).style.display = ‘inline’;n document.querySelector(‘.more-text’).style.display = ‘none’;n }n n

nnn /* 轮播容器 */n .hl-carousel { position: relative; overflow: hidden; width: 100%; }n .hl-track { display: flex; transition: transform .4s ease; }n .hl-slide { min-width: 100%; }n .hl-slide img { width: 100%; height: auto; display: block; }nn /* 左右箭头 */n .hl-btn {n position: absolute; top: 50%; transform: translateY(-50%);n background: rgba(0,0,0,.45); color: #fff; border: none;n width: 36px; height: 36px; border-radius: 50%;n font-size: 18px; line-height: 36px; text-align: center;n cursor: pointer; z-index: 10; padding: 0;n transition: background .2s;n }n .hl-btn:hover { background: rgba(0,0,0,.7); }n .hl-btn.prev { left: 10px; }n .hl-btn.next { right: 10px; }nn /* 底部圆点 */n .hl-dots { text-align: center; padding: 10px 0 4px; }n .hl-dot {n display: inline-block; width: 8px; height: 8px;n border-radius: 50%; background: #ccc; margin: 0 4px; cursor: pointer;n transition: background .2s;n }n .hl-dot.active { background: #555; }nn /* 手机端隐藏电脑轮播，反之亦然 */n @media (max-width: 600px) { .hl-desktop { display: none; } }n @media (min-width: 601px) { .hl-mobile { display: none; } }nnnn

nnn

nnn var hlState = {};n function hlInit(id) {n if (!hlState[id]) hlState[id] = { cur: 0, total: document.querySelectorAll(‘#’ + id + ‘ .hl-slide’).length };n }n function hlMove(id, dir) {n hlInit(id);n var s = hlState[id];n s.cur = (s.cur + dir + s.total) % s.total;n hlApply(id, s.cur);n }n function hlGo(id, idx) {n hlInit(id);n hlState[id].cur = idx;n hlApply(id, idx);n }n function hlApply(id, idx) {n document.getElementById(id + ‘-track’).style.transform = ‘translateX(-‘ + idx * 100 + ‘%)’;n document.querySelectorAll(‘#’ + id + ‘-dots .hl-dot’).forEach(function(d, i) {n d.classList.toggle(‘active’, i === idx);n });n }nn n .ft2-wrap {n margin: 28px 0 8px;n border: 1px solid #e0e0e0;n border-radius: 10px;n overflow: hidden;n }nn /* 顶部深色导航条 */n .ft2-nav {n display: flex;n background: #2b2b2b;n }n .ft2-tab {n flex: 1;n padding: 14px 10px;n text-align: center;n color: rgba(255,255,255,.55);n font-size: 13px;n font-weight: 500;n letter-spacing: .06em;n cursor: pointer;n border-bottom: 3px solid transparent;n transition: color .2s, border-color .2s;n white-space: nowrap;n }n .ft2-tab:hover { color: rgba(255,255,255,.85); }n .ft2-tab.active { color: #fff; border-bottom-color: #fff; }nn /* 图片区域全宽 */n .ft2-stage {n position: relative;n overflow: hidden;n background: #111;n height: 420px;n }n @media (max-width: 600px) { .ft2-stage { height: 240px; } }nn .ft2-track {n display: flex;n height: 100%;n transition: transform .45s cubic-bezier(.4,0,.2,1);n }n .ft2-slide {n min-width: 100%;n height: 100%;n }n .ft2-slide img {n width: 100%; height: 100%;n object-fit: cover;n display: block;n }nn /* 左右箭头 */n .ft2-arr {n position: absolute;n top: 50%; transform: translateY(-50%);n background: rgba(0,0,0,.4);n color: #fff;n border: none;n width: 40px; height: 40px;n border-radius: 50%;n font-size: 20px;n cursor: pointer;n z-index: 5;n display: flex; align-items: center; justify-content: center;n transition: background .2s;n padding: 0; line-height: 1;n }n .ft2-arr:hover { background: rgba(0,0,0,.7); }n .ft2-arr.prev { left: 14px; }n .ft2-arr.next { right: 14px; }nnn

nnn var FT2_TITLES = [‘OPEN-CLOSE’, ‘ADJUST’, ‘BEAM’, ‘DRAINAGE’];n var ft2Cur = 0;n var ft2Total = FT2_TITLES.length;nn function ft2IsMobile() { return window.innerWidth <= 600; }nn function ft2InitDevice() {n var mob = ft2IsMobile();n document.getElementById('ft2-pc').style.display = mob ? 'none' : 'block';n document.getElementById('ft2-pe').style.display = mob ? 'block' : 'none';n }nn function ft2Apply(idx) {n // Tab 高亮n document.querySelectorAll('.ft2-tab').forEach(function(t, i) {n t.classList.toggle('active', i === idx);n });n // 图片位移n var pc = document.getElementById('ft2-pc-track');n var pe = document.getElementById('ft2-pe-track');n if (pc) pc.style.transform = 'translateX(-' + idx * 100 + '%)';n if (pe) pe.style.transform = 'translateX(-' + idx * 100 + '%)';n ft2Cur = idx;n }nn function ft2Move(dir) {n ft2Apply((ft2Cur + dir + ft2Total) % ft2Total);n }n function ft2Go(idx) {n ft2Apply(idx);n }nn ft2InitDevice();n ft2Apply(0);n window.addEventListener('resize', ft2InitDevice);nnnn

nn

n

n