Wireless Camera CQ1 - Solar panel
.product-story { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #202124; line-height: 1.6; } .product-story__hero { text-align: center; padd ing: 60px 24px; background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%); } .product-story__hero h1 { font-size: 36px; font-weight: 400; margin: 0 0 16px; letter-spacing: -0.02em; } .product-story__hero p { font-size: 18px; color: #5f6368; max-width: 700px; margin: 0 auto; } .product-story__hero-badge { display: inline-block; background: linear-gradient(135deg, #18b1b9 0%, #20c997 100%); color: #fff; font-size: 12px; font-weight: 600; padding: 6px 16px; border-radius: 20px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.05em; } .product-story__features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 60px 24px; max-width: 1200px; margin: 0 auto; } .product-story__feature { text-align: center; padding: 32px 20px; background: #f8f9fa; border-radius: 24px; } .product-story__feature-icon { width: 48px; height: 48px; margin: 0 auto 16px; color: #1a73e8; } .product-story__feature h3 { font-size: 16px; font-weight: 500; margin: 0 0 8px; } .product-story__feature p { font-size: 14px; color: #5f6368; margin: 0; } .product-story__section { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding: 80px 48px; max-width: 1200px; margin: 0 auto; } .product-story__section.reverse .product-story__image { order: 2; } .product-story__section.reverse .product-story__content { order: 1; } .product-story__section.bg-light { background: #f8f9fa; max-width: 100%; padding: 80px calc((100% - 1100px) / 2); } .product-story__image img { width: 100%; border-radius: 24px; } .product-story__image--placeholder { width: 100%; aspect-ratio: 4/3; background: linear-gradient(135deg, #e8eaed 0%, #f8f9fa 100%); border-radius: 24px; display: flex; align-items: center; justify-content: center; color: #9aa0a6; font-size: 14px; } .product-story__label { font-size: 12px; font-weight: 500; color: #1a73e8; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px; } .product-story__content h2 { font-size: 32px; font-weight: 400; margin: 0 0 20px; letter-spacing: -0.02em; } .product-story__content p { font-size: 16px; color: #5f6368; margin: 0 0 24px; } .product-story__specs { padding: 60px 24px; max-width: 800px; margin: 0 auto; } .product-story__specs h2 { font-size: 28px; font-weight: 400; text-align: center; margin: 0 0 40px; } .product-story__specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; } .product-story__spec { display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #e8eaed; } .product-story__spec-label { font-size: 14px; color: #5f6368; } .product-story__spec-value { font-size: 14px; font-weight: 500; color: #202124; text-align: right; } .vicohome-app { background: linear-gradient(135deg, #18b1b9 0%, #20c997 100%); padding: 80px 24px; border-radius: 32px; margin: 60px 24px; overflow: hidden; } .vicohome-app__container { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .vicohome-app__content { color: #ffffff; } .vicohome-app__title { font-size: 42px; font-weight: 700; color: #ffffff; margin: 0 0 16px; line-height: 1.2; } .vicohome-app__desc { font-size: 16px; opacity: 0.95; margin: 0 0 32px; line-height: 1.6; } .vicohome-app__features { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .vicohome-app__feature { display: flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); padding: 16px 20px; border-radius: 12px; transition: background 0.2s ease; } .vicohome-app__feature:hover { background: rgba(255, 255, 255, 0.25); } .vicohome-app__feature-icon { width: 40px; height: 40px; background: #ffffff; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .vicohome-app__feature-icon svg { width: 22px; height: 22px; color: #18b1b9; } .vicohome-app__feature-text { font-size: 14px; font-weight: 500; color: #ffffff; } .vicohome-app__buttons { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; } .vicohome-app__btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; background: #ffffff; color: #18b1b9; font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 8px; transition: transform 0.2s ease, box-shadow 0.2s ease; } .vicohome-app__btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .vicohome-app__btn svg { width: 20px; height: 20px; } .vicohome-app__mockup { display: flex; justify-content: center; align-items: center; gap: 20px; } .vicohome-app__mockup img { max-width: 45%; max-height: 450px; filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.25)); border-radius: 24px; } /* OUTDOOR COMPARISON SECTION */ .product-comparison { padding: 80px 24px 60px; background: #f8f9fa; } .product-comparison__container { max-width: 1200px; margin: 0 auto; } .product-comparison__header { text-align: center; margin-bottom: 60px; } .product-comparison__title { font-size: 32px; font-weight: 400; color: #202124; margin: 0 0 16px; } .product-comparison__subtitle { font-size: 16px; color: #5f6368; max-width: 600px; margin: 0 auto; } .product-comparison__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .product-comparison__card { background: #ffffff; border-radius: 24px; padding: 32px 24px; text-align: center; position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-comparison__card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); } .product-comparison__card.featured { border: 2px solid #18b1b9; } .product-comparison__badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #18b1b9 0%, #20c997 100%); color: #fff; font-size: 12px; font-weight: 600; padding: 6px 16px; border-radius: 20px; white-space: nowrap; z-index: 10; box-shadow: 0 2px 8px rgba(24, 177, 185, 0.3); } .product-comparison__image { width: 140px; height: 140px; object-fit: contain; margin: 0 auto 20px; } .product-comparison__name { font-size: 18px; font-weight: 600; color: #202124; margin: 0 0 8px; } .product-comparison__tagline { font-size: 13px; color: #5f6368; margin: 0 0 16px; min-height: 36px; } .product-comparison__colors { display: flex; justify-content: center; gap: 8px; margin-bottom: 16px; } .product-comparison__color { width: 24px; height: 24px; border-radius: 50%; border: 2px solid #e8eaed; cursor: pointer; transition: transform 0.2s ease; } .product-comparison__color:hover { transform: scale(1.1); } .product-comparison__color--white { background: #ffffff; border-color: #d1d5db; } .product-comparison__color--black { background: #1f2937; } .product-comparison__color.active { border-color: #18b1b9; box-shadow: 0 0 0 2px rgba(24, 177, 185, 0.3); } .product-comparison__features-list { list-style: none; padding: 0; margin: 0 0 24px; text-align: left; } .product-comparison__feature-item { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: #202124; padding: 8px 0; border-bottom: 1px solid #f1f3f4; } .product-comparison__feature-item:last-child { border-bottom: none; } .product-comparison__feature-item svg { width: 18px; height: 18px; color: #34a853; flex-shrink: 0; margin-top: 1px; } .product-comparison__feature-item.highlight { color: #18b1b9; font-weight: 500; } .product-comparison__feature-item.highlight svg { color: #18b1b9; } .product-comparison__specs-box { background: #f8f9fa; border-radius: 12px; padding: 16px; margin-bottom: 20px; } .product-comparison__spec-row { display: flex; justify-content: space-between; font-size: 12px; padding: 6px 0; } .product-comparison__spec-row-label { color: #5f6368; } .product-comparison__spec-row-value { color: #202124; font-weight: 500; } .product-comparison__cta { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 14px 20px; background: #202124; color: #FFFFFF !important; font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 50px; transition: background 0.2s ease; } .product-comparison__cta:hover { background: #18b1b9; color: #FFFFFF !important; } .product-comparison__cta--current { background: #e8eaed; color: #5f6368; } .product-comparison__cta--current:hover { background: #18b1b9; color: #FFFFFF !important; } .product-comparison__cta--view-variant { background: #18b1b9; color: #FFFFFF; } .product-comparison__cta--view-variant:hover { background: #14a3a9; color: #FFFFFF; } /* Slider styles dla mobile */ .product-comparison__slider-wrapper { position: relative; } .product-comparison__slider-dots { display: none; justify-content: center; gap: 8px; margin-top: 24px; } .product-comparison__dot { width: 8px; height: 8px; border-radius: 50%; background: #d1d5db; border: none; padding: 0; cursor: pointer; transition: all 0.3s ease; } .product-comparison__dot.active { background: #18b1b9; width: 24px; border-radius: 4px; } @media (max-width: 1100px) { .product-comparison__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1024px) { .product-story__section.bg-light, .product-story__section.bg-dark { padding: 60px 32px; } } @media (max-width: 900px) { .product-story__features { grid-template-columns: repeat(2, 1fr); } .product-story__section { grid-template-columns: 1fr; gap: 32px; padding: 48px 24px; } .product-story__section.reverse .product-story__image, .product-story__section.reverse .product-story__content { order: unset; } .product-story__section.bg-light, .product-story__section.bg-dark { padding: 48px 24px; } .product-story__hero h1 { font-size: 28px; } .product-story__content h2 { font-size: 24px; } .product-story__specs-grid { grid-template-columns: 1fr; } .vicohome-app__container { grid-template-columns: 1fr; gap: 40px; text-align: center; } .vicohome-app__features { grid-template-columns: 1fr; } .vicohome-app__buttons { justify-content: center; } .vicohome-app__mockup { order: -1; gap: 16px; } .vicohome-app__mockup img { max-width: 42%; max-height: 320px; } .vicohome-app__title { font-size: 32px; } } @media (max-width: 600px) { .product-story__features { grid-template-columns: 1fr; gap: 16px; padding: 40px 16px; } .product-story__hero { padding: 40px 16px; } .product-story__hero h1 { font-size: 24px; } .product-story__hero p { font-size: 16px; } .product-story__section { padding: 40px 16px; } .product-story__image img { border-radius: 16px; } .product-story__content h2 { font-size: 22px; } .vicohome-app { padding: 40px 20px; margin: 40px 16px; border-radius: 24px; } .vicohome-app__title { font-size: 28px; } .vicohome-app__desc { font-size: 15px; } .vicohome-app__feature { padding: 14px 16px; } .vicohome-app__feature-icon { width: 36px; height: 36px; } .vicohome-app__feature-icon svg { width: 18px; height: 18px; } .vicohome-app__feature-text { font-size: 13px; } .vicohome-app__buttons { flex-direction: column; align-items: center; } .vicohome-app__btn { width: 100%; justify-content: center; } .vicohome-app__mockup { gap: 12px; } .vicohome-app__mockup img { max-width: 45%; max-height: 240px; border-radius: 16px; } .product-comparison { padding: 80px 16px 60px; } .product-comparison__header { margin-bottom: 60px; } .product-comparison__title { font-size: 26px; } .product-comparison__card { padding: 16px 24px 28px; margin-top: 24px; } /* Slider na mobile */ .product-comparison__slider-wrapper { margin: 0 -16px; padding: 0 16px; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .product-comparison__slider-wrapper::-webkit-scrollbar { display: none; } .product-comparison__grid { display: flex; gap: 16px; padding-bottom: 16px; scroll-snap-type: x mandatory; } .product-comparison__card { min-width: calc(100vw - 48px); scroll-snap-align: center; margin: 24px 0 0; } .product-comparison__slider-dots { display: flex; } /* Navigation arrows visible on mobile */ .product-comparison__nav-arrow { display: flex; } } /* Product Comparison Navigation Arrows */ .product-comparison__container { position: relative; } .product-comparison__nav-arrow { display: none; width: 44px; height: 44px; border-radius: 50%; background: #ffffff; border: 1px solid #e0e0e0; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); flex-shrink: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; } .product-comparison__nav-arrow:hover { background: #18b1b9; border-color: #18b1b9; } .product-comparison__nav-arrow svg { width: 20px; height: 20px; color: #5f6368; transition: all 0.2s ease; } .product-comparison__nav-arrow:hover svg { color: #ffffff; } .product-comparison__nav-arrow--left { left: 16px; } .product-comparison__nav-arrow--right { right: 16px; } @media (max-width: 600px) { .product-comparison__nav-arrow { display: flex; } } Outdoor Camera CQ1 Wire-Free Solar Camera – Black Sleek black design meets advanced security. Solar-powered wireless monitoring with 9000mAh battery, IP65 weatherproof protection, and intelligent AI surveillance. Solar Powered 3W panel + 9000mAh battery IP65 Weatherproof Rain, dust & sun resistant 355° Pan-Tilt Wide 127° field of view Smart Alerts AI detection + light flash Solar Powered Up to 6 months wire-free operation with solar charging Equipped with a powerful 9000mAh (or 5200mAh) battery and optional 3W solar panel, the CQ1 delivers reliable wireless monitoring for up to 6 months without charging. True freedom from cables and outlets – place it anywhere the sun shines. Crystal Clear Vision 2K HD resolution with dual night vision modes The latest 1/2.8" CMOS sensor delivers exceptional 2304×1296 resolution with a wide 127° diagonal field of view. Switchable white light or infrared LEDs provide clear night vision – choose full-color spotlight mode or discreet infrared surveillance. Built for Outdoors IP65 weatherproof – rain, dust, and sun resistant IP65-rated protection ensures reliable operation in all weather conditions. From summer heat to winter storms, the CQ1 keeps watching. 355° horizontal and 90° vertical rotation provides complete coverage of your outdoor space. Intelligent Protection AI-powered alerts with light flash and siren warnings Smart motion detection triggers instant mobile notifications, bright light flash, and audible alarm warnings to deter intruders. Store recordings in the cloud, on Micro SD (up to 128GB), or mobile phone memory – all managed through the free VicoHome app. Technical Specifications Sensor1/2.8" CMOS Resolution2K HD (2304×1296) Field of View127° diag / 108° H / 58° V Pan-Tilt355° H / 90° V Night VisionWhite Light / Infrared LED Battery9000mAh / 5200mAh Solar Panel3W (optional) Weather RatingIP65 ConnectivityWi-Fi 2.4 GHz (802.11 b/g/n) StorageCloud + SD (128GB) Dimensions120 × 101 × 158 mm CertificationsCE, FCC, RoHS, WEEE Compare Outdoor Cameras Find the perfect outdoor camera for your property. All models feature IP65 weatherproofing and VicoHome app integration. Currently Viewing CQ1 Solar Wire-Free with Solar Charging 3W Solar Panel 9000mAh Battery 127° Wide FOV Dual Night Vision Resolution2K HD Pan-Tilt355° × 90° PowerSolar + Battery Currently Viewing CQ1 Wire-Free Battery Camera 9000mAh Battery 127° Wide FOV Dual Night Vision IP65 Weatherproof Resolution2K HD Pan-Tilt355° × 90° PowerBattery Only View CQ1 CG6 Compact Outdoor Camera 2K Resolution IP65 Weatherproof Night Vision Compact Size Resolution2K HD Pan-Tilt355° × 90° PowerWired View CG6 Solar Option CG6X Advanced Solar Outdoor Camera Solar Panel Included 2K Resolution IP65 Weatherproof Night Vision Resolution2K HD Pan-Tilt355° × 90° PowerSolar + Battery View CG6X (function () { const sliderWrapper = document.getElementById('comparisonSliderWrapper'); const slider = document.getElementById('comparisonSlider'); const dotsContainer = document.getElementById('sliderDots'); const prevBtn = document.getElementById('comparisonPrevBtn'); const nextBtn = document.getElementById('comparisonNextBtn'); const cards = slider.querySelectorAll('.product-comparison__card'); let currentIndex = 0; function scrollToCard(index) { if (index < 0) index = 0; if (index >= cards.length) index = cards.length - 1; currentIndex = index; sliderWrapper.scrollTo({ left: cards[currentIndex].offsetLeft - 16, behavior: 'smooth' }); } if (window.innerWidth { const dot = document.createElement('button'); dot.className = 'product-comparison__dot'; if (index === 0) dot.classList.add('active'); dot.addEventListener('click', () => scrollToCard(index)); dotsContainer.appendChild(dot); }); sliderWrapper.addEventListener('scroll', () => { const cardWidth = cards[0].offsetWidth + 16; currentIndex = Math.round(sliderWrapper.scrollLeft / cardWidth); document.querySelectorAll('.product-comparison__dot').forEach((dot, i) => { dot.classList.toggle('active', i === currentIndex); }); }); if (prevBtn) prevBtn.addEventListener('click', () => scrollToCard(currentIndex - 1)); if (nextBtn) nextBtn.addEventListener('click', () => scrollToCard(currentIndex + 1)); } })(); // Color switcher functionality (function () { const colorButtons = document.querySelectorAll('.product-comparison__color[data-color]'); // Store the original/current color for featured cards const featuredCard = document.querySelector('.product-comparison__card.featured'); const currentColor = featuredCard ? (featuredCard.querySelector('.product-comparison__color.active')?.dataset.color || 'white') : null; colorButtons.forEach(button => { button.addEventListener('click', function () { const card = this.closest('.product-comparison__card'); const colorContainer = this.closest('.product-comparison__colors'); const img = card.querySelector('.product-comparison__image'); const cta = card.querySelector('.product-comparison__cta'); const selectedColor = this.dataset.color; const isFeaturedCard = card.classList.contains('featured'); // Update active state colorContainer.querySelectorAll('.product-comparison__color').forEach(btn => { btn.classList.remove('active'); }); this.classList.add('active'); // Update image if (img && img.dataset[selectedColor]) { img.src = img.dataset[selectedColor]; } // Update CTA link if (cta) { const hrefKey = 'href' + selectedColor.charAt(0).toUpperCase() + selectedColor.slice(1); if (cta.dataset[hrefKey]) { cta.href = cta.dataset[hrefKey]; } // Update button text and style for featured card if (isFeaturedCard) { if (selectedColor !== currentColor) { // Different color selected - activate button cta.classList.remove('product-comparison__cta--current'); cta.textContent = selectedColor === 'white' ? 'See white version' : 'See black version'; } else { // Same as current color - show as currently viewing cta.classList.add('product-comparison__cta--current'); cta.textContent = 'Currently Viewing'; } } } }); }); })();
More you might like
Related
Wireless Camera CQ1 black - Solar panel
Related
Wireless Camera CQ1/X85B
Related
Wireless Camera CQ1/X85
Related