.security-container { max-width: 1200px; margin: 48px auto; padding: 0 20px; } .intro-header { text-align: center; margin-bottom: 40px; position: relative; } .page-title { font-size: 36px; font-weight: 700; color: #333; margin-bottom: 32px; position: relative; display: inline-block; } .page-title::after { content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: #E31837; border-radius: 2px; } .intro-card { background: white; border-radius: 12px; padding: 32px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); position: relative; overflow: hidden; } .intro-content { display: flex; flex-direction: column; gap: 20px; } .intro-text { color: #4A4A4A; line-height: 1.8; font-size: 17px; } .highlight-box { background: linear-gradient(to right, #f8f9fa, white); border-radius: 8px; padding: 24px; border-left: 4px solid #E31837; margin-top: 8px; } .highlight-text { color: #333; font-size: 17px; font-weight: 500; line-height: 1.6; } .security-icon { position: absolute; top: -20px; right: -20px; width: 120px; height: 120px; opacity: 0.05; background: #E31837; border-radius: 24px; transform: rotate(15deg); } @media (max-width: 768px) { .page-title { font-size: 28px; } .intro-card { padding: 24px; } .intro-text, .highlight-text { font-size: 16px; } } Quick & Simple Home Security Traditional home security systems can be complicated to install and use, often requiring professional wiring and cable routing that makes expanding or modifying the system a headache. SwitchBot provides an all-new solution to make home security quick, easy, and truly smart. .overview-section { margin: 48px 0; } .section-header { margin-bottom: 32px; position: relative; padding-left: 16px; } .section-header::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #E31837; border-radius: 2px; } .section-title { font-size: 24px; font-weight: 600; color: #333; margin-bottom: 16px; } .overview-text { color: #4A4A4A; line-height: 1.7; font-size: 16px; } .gadgets-grid { display: grid; gap: 24px; margin-top: 24px; } @media (min-width: 768px) { .gadgets-grid { grid-template-columns: repeat(2, 1fr); } } .gadget-card { background: white; border-radius: 12px; padding: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); transition: transform 0.2s ease; display: flex; flex-direction: column; } .gadget-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .gadget-title { display: flex; align-items: center; margin-bottom: 16px; } .gadget-icon { width: 32px; height: 32px; background: #E31837; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 12px; } .gadget-icon svg { width: 18px; height: 18px; color: white; } .gadget-name { font-size: 18px; font-weight: 600; color: #333; } .gadget-name a { color: inherit; text-decoration: none; transition: color 0.2s ease; } .gadget-name a:hover { color: #E31837; } .gadget-desc { color: #4A4A4A; line-height: 1.6; flex-grow: 1; } .wiki-link { font-size: 14px; color: #666; text-decoration: none; border-bottom: 1px dotted #666; transition: all 0.2s ease; display: inline-block; margin-top: 12px; } .wiki-link:hover { color: #333; border-bottom-style: solid; } @media (max-width: 768px) { .gadget-card { padding: 20px; } .section-title { font-size: 22px; } } An Overview of SwitchBot Security Gadgets SwitchBot offers a range of ingenious little devices that work together to protect your home in surprisingly powerful ways: Smart Lock Enter keylessly via app, fingerprint, or passcode. Remotely lock/unlock and monitor activity. Smart locks allow keyless control and access monitoring Security Cameras Capture crystal clear 1080p video with wide 130° field-of-view, night vision, motion alerts and two-way audio. Position flexibly for indoor/outdoor surveillance. Contact Sensor Real-time notifications if doors/windows are accessed unexpectedly. Monitor multiple entry points simultaneously. Motion Sensor Uses passive infrared (PIR) technology to detect human body heat signatures across a wide 110° horizontal angle. Keypad Manage family/guest/service provider access codes. One-touch fingerprint verification for Keypad Touch model. .convenience-section { margin: 48px 0; } .convenience-header { margin-bottom: 32px; position: relative; padding-left: 16px; } .convenience-header::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #E31837; border-radius: 2px; } .section-title { font-size: 24px; font-weight: 600; color: #333; margin-bottom: 16px; } .intro-text { color: #4A4A4A; line-height: 1.7; font-size: 16px; margin-bottom: 24px; } .features-grid { display: grid; gap: 24px; margin-top: 24px; } @media (min-width: 768px) { .features-grid { grid-template-columns: repeat(2, 1fr); } } .feature-card { background: white; border-radius: 12px; padding: 28px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); display: flex; align-items: flex-start; transition: transform 0.2s ease; } .feature-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .feature-icon { width: 40px; height: 40px; background: linear-gradient(45deg, #E31837, #ff4d6d); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 16px; flex-shrink: 0; } .feature-icon svg { width: 20px; height: 20px; color: white; } .feature-content { flex: 1; } .feature-title { font-size: 17px; font-weight: 600; color: #333; margin-bottom: 8px; } .feature-desc { color: #4A4A4A; line-height: 1.6; font-size: 15px; } .accent-text { color: #E31837; } @media (max-width: 768px) { .feature-card { padding: 20px; } .feature-icon { width: 36px; height: 36px; } .feature-title { font-size: 16px; } } The Convenience of SwitchBot Security SwitchBot makes advanced home security technology easy: 100% DIY Install Stick on sensors, plug in cameras, sync devices - all without any wiring or drilling. Professional installation not needed. Total App Control Arm, disarm and configure your system remotely. React to sensor notifications anywhere. Modular Scalability Mix-and-match security gadgets to suit your needs, add more devices seamlessly as life changes. Start small, and enhance over time. Smart Integrations Connect SwitchBot devices to Amazon Alexa or Google Assistant to enable voice commands and alerts. Automate third-party smart home devices. .stress-free-section { margin: 48px 0; } .section-header { margin-bottom: 32px; position: relative; padding-left: 16px; } .section-header::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #E31837; border-radius: 2px; } .section-title { font-size: 24px; font-weight: 600; color: #333; margin-bottom: 16px; } .section-intro { color: #4A4A4A; line-height: 1.7; font-size: 16px; } .features-container { display: grid; gap: 24px; margin-top: 24px; } @media (min-width: 768px) { .features-container { grid-template-columns: repeat(2, 1fr); } } .feature-box { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); transition: transform 0.2s ease; } .feature-box:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .feature-header { background: linear-gradient(to right, #E31837, #ff4d6d); padding: 16px 20px; display: flex; align-items: center; } .feature-icon { width: 32px; height: 32px; background: rgba(255, 255, 255, 0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 12px; } .feature-icon svg { width: 18px; height: 18px; color: white; } .feature-title { color: white; font-size: 17px; font-weight: 600; } .feature-content { padding: 20px; } .feature-desc { color: #4A4A4A; line-height: 1.6; font-size: 15px; } @media (max-width: 768px) { .feature-header { padding: 14px 16px; } .feature-icon { width: 28px; height: 28px; } .feature-content { padding: 16px; } } Stress-Free Security with SwitchBot SwitchBot simplifies home security so you can truly relax: Intuitive App Interface Control the system via clear, streamlined menu layouts. Minimal learning curve even for less tech-savvy users. Extensive Support Resources Find answers quickly in the comprehensive Support Center knowledge base. Contact customer service by email or schedule a callback. Regular Firmware Updates Ensure continued compatibility and optimal performance as SwitchBot enhances integrations. End-to-End Encryption Protect data and privacy while controlling devices remotely. .cta-section { margin: 48px 0 64px; } .cta-container { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); position: relative; } .cta-header { background: linear-gradient(45deg, #E31837, #ff4d6d); padding: 32px; text-align: center; position: relative; } .cta-title { font-size: 28px; font-weight: 700; color: white; margin-bottom: 12px; } .cta-subtitle { color: rgba(255, 255, 255, 0.9); font-size: 17px; max-width: 600px; margin: 0 auto; } .cta-content { padding: 32px; position: relative; z-index: 1; } .content-text { color: #4A4A4A; line-height: 1.7; font-size: 16px; margin-bottom: 24px; } .content-text strong { color: #333; font-weight: 600; } .action-buttons { display: flex; gap: 16px; margin-top: 24px; justify-content: center; } .primary-button { background: #E31837; color: white; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; transition: all 0.2s ease; } .primary-button:hover { background: #ff4d6d; transform: translateY(-1px); } .secondary-button { background: #f8f9fa; color: #333; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; transition: all 0.2s ease; } .secondary-button:hover { background: #e9ecef; transform: translateY(-1px); } .decorative-shape { position: absolute; top: -30px; right: -30px; width: 160px; height: 160px; background: rgba(255, 255, 255, 0.1); border-radius: 24px; transform: rotate(30deg); } @media (max-width: 768px) { .cta-header { padding: 24px; } .cta-title { font-size: 24px; } .cta-content { padding: 24px; } .action-buttons { flex-direction: column; } .primary-button, .secondary-button { text-align: center; } } Transform Your Home Security Today! Experience the perfect blend of simplicity and advanced protection I highly recommend SwitchBot for upgraded home security with unmatched simplicity and flexibility . This ingenious little ecosystem makes safety totally stress-free. Protect Your Home Now Learn More
Source: https://uk.switch-bot.com/collections/home-security