{"product_id":"noviraryn™-architectural-smart-doorbell-with-dual-view-camera-and-entry-light","title":"Noviraryn™ Architectural Smart Doorbell with Dual-View Camera and Entry Light","description":"\u003cstyle\u003e\n  \/* ==========================================================================\n     Noviraryn Architectural Smart Doorbell - Fluid Shopify Description\n     Palette: Navy Blue (#0B192C) x Silver (#C5D3E8 \/ #F4F7FB)\n     Designed to adapt flawlessly to ANY Shopify theme width (Mobile to PC)\n     ========================================================================== *\/\n  #nv-landing-root {\n    --nv-navy: #0B192C;\n    --nv-deep-navy: #06111C;\n    --nv-silver: #C5D3E8;\n    --nv-silver-light: #F4F7FB;\n    --nv-accent: #3A6EA5;\n    --nv-text-main: #334155;\n    --nv-text-muted: #64748B;\n    --nv-border: #E2E8F0;\n    \n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: var(--nv-text-main);\n    line-height: 1.65;\n    background-color: transparent; \/* Let theme background show through *\/\n    margin: 0 auto;\n    padding: 0;\n    width: 100%;\n    max-width: 1400px; \/* Caps the width on ultra-wide screens for better reading *\/\n    -webkit-font-smoothing: antialiased;\n    box-sizing: border-box;\n  }\n\n  #nv-landing-root * {\n    box-sizing: border-box;\n  }\n\n  \/* Typography - using clamp for perfectly smooth scaling from PC to Mobile *\/\n  #nv-landing-root h1, \n  #nv-landing-root h2, \n  #nv-landing-root h3 {\n    color: var(--nv-navy);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 1em 0;\n    line-height: 1.3;\n  }\n\n  #nv-landing-root p {\n    margin: 0 0 1.5em 0;\n    font-size: clamp(1rem, 1.5vw, 1.125rem); \/* Scales between 16px and 18px *\/\n    color: var(--nv-text-main);\n  }\n\n  .nv-container {\n    width: 100%;\n    padding: 0;\n  }\n\n  \/* HERO SECTION - Strictly enforced white text to prevent theme overrides *\/\n  .nv-hero-section {\n    background: linear-gradient(135deg, var(--nv-deep-navy) 0%, var(--nv-navy) 100%) !important;\n    padding: clamp(3rem, 5vw, 5rem) clamp(1.5rem, 4vw, 4rem);\n    text-align: center;\n    border-radius: 16px;\n    margin-bottom: 4rem;\n    box-shadow: 0 15px 35px rgba(11, 25, 44, 0.2);\n  }\n\n  .nv-hero-badge {\n    display: inline-block;\n    background: rgba(255, 255, 255, 0.15) !important;\n    color: #FFFFFF !important;\n    border: 1px solid rgba(255, 255, 255, 0.4) !important;\n    padding: 0.5rem 1.5rem;\n    border-radius: 50px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 2rem;\n  }\n\n  \/* Extreme specificity and !important to guarantee readability *\/\n  #nv-landing-root .nv-hero-section h1,\n  .nv-hero-section h1 {\n    color: #FFFFFF !important;\n    font-size: clamp(2rem, 4vw, 3rem) !important;\n    margin: 0 auto 1.5rem auto;\n    max-width: 1000px;\n    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;\n  }\n\n  #nv-landing-root .nv-hero-section p,\n  .nv-hero-section p {\n    color: #F4F7FB !important;\n    font-size: clamp(1.05rem, 2vw, 1.25rem) !important;\n    max-width: 850px;\n    margin: 0 auto;\n    line-height: 1.8 !important;\n  }\n\n  \/* VISUAL SHOWCASE - Fluid Flexbox prevents squishing on narrow themes *\/\n  .nv-visual-showcase {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 3rem;\n    margin-bottom: 5rem;\n    background: var(--nv-silver-light);\n    padding: clamp(2rem, 4vw, 4rem);\n    border-radius: 16px;\n    border: 1px solid var(--nv-border);\n  }\n\n  .nv-visual-showcase.reverse {\n    flex-direction: row-reverse;\n  }\n\n  .nv-visual-content {\n    flex: 1 1 400px; \/* Will take equal space, but stack if narrower than 400px *\/\n    min-width: 0;\n  }\n\n  .nv-visual-content h2 {\n    font-size: clamp(1.8rem, 3vw, 2.5rem);\n    margin-bottom: 1.5rem;\n  }\n\n  .nv-visual-image {\n    flex: 1 1 400px;\n    min-width: 0;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n  }\n\n  .nv-visual-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n  }\n\n  .nv-visual-image img:hover {\n    transform: scale(1.02);\n  }\n\n  \/* CORE FEATURES - Auto-fitting Grid *\/\n  .nv-features-container {\n    margin-bottom: 5rem;\n  }\n\n  .nv-section-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 3rem auto;\n  }\n\n  .nv-section-header h2 {\n    font-size: clamp(2rem, 3.5vw, 2.8rem);\n  }\n\n  .nv-grid-6 {\n    display: grid;\n    \/* Automatically creates 1, 2, or 3 columns based on screen\/container width *\/\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n  }\n\n  .nv-feature-card {\n    background: #FFFFFF;\n    border: 1px solid var(--nv-border);\n    border-radius: 12px;\n    padding: 2.5rem 2rem;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.02);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .nv-feature-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 4px;\n    background: linear-gradient(90deg, var(--nv-navy), var(--nv-accent));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n\n  .nv-feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 30px rgba(11, 25, 44, 0.08);\n    border-color: var(--nv-silver);\n  }\n\n  .nv-feature-card:hover::before {\n    opacity: 1;\n  }\n\n  .nv-feature-icon {\n    font-size: 2.2rem;\n    color: var(--nv-accent);\n    margin-bottom: 1.2rem;\n    line-height: 1;\n  }\n\n  .nv-feature-card h3 {\n    font-size: 1.25rem;\n    margin-bottom: 1rem;\n    line-height: 1.4;\n  }\n\n  .nv-feature-card p {\n    font-size: 1rem;\n    color: var(--nv-text-muted);\n    margin-bottom: 0;\n  }\n\n  \/* GIFTING BANNER *\/\n  .nv-gift-banner {\n    background: linear-gradient(135deg, var(--nv-silver-light) 0%, #E8EEF5 100%);\n    border: 1px solid var(--nv-silver);\n    border-radius: 16px;\n    padding: clamp(3rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem);\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n\n  .nv-gift-banner h3 {\n    font-size: clamp(1.6rem, 3vw, 2.2rem);\n    margin-bottom: 1.5rem;\n  }\n\n  .nv-gift-banner p {\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive tweaks for mobile specifically *\/\n  @media (max-width: 768px) {\n    .nv-visual-showcase,\n    .nv-visual-showcase.reverse {\n      padding: 1.5rem;\n      gap: 2rem;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv id=\"nv-landing-root\"\u003e\n  \u003cdiv class=\"nv-container\"\u003e\n\n    \u003c!-- HERO SECTION --\u003e\n    \u003c!-- Inline styles added as absolute failsafe against stubborn Shopify themes --\u003e\n    \u003cdiv class=\"nv-hero-section\" style=\"background: linear-gradient(135deg, #06111C 0%, #0B192C 100%) !important;\"\u003e\n      \u003cdiv class=\"nv-hero-badge\" style=\"color: #FFFFFF !important; border-color: rgba(255,255,255,0.4) !important;\"\u003eNavy Blue × Silver Edition\u003c\/div\u003e\n      \u003ch1 style=\"color: #FFFFFF !important; text-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;\"\u003e\n        The front door is one of the most important transition points in a home.\n      \u003c\/h1\u003e\n      \u003cp style=\"color: #F4F7FB !important;\"\u003e\n        It is where packages arrive, guests are welcomed, children come home, neighbors stop by, and everyday routines begin and end. The Noviraryn™ Architectural Smart Doorbell is designed to make that space feel more considered—combining smart entry awareness, welcoming illumination, and refined architectural design in one cohesive home product.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SHOWCASE 1: Fluid Flexbox Layout (Image 1) --\u003e\n    \u003cdiv class=\"nv-visual-showcase\"\u003e\n      \u003cdiv class=\"nv-visual-content\"\u003e\n        \u003ch2\u003eIntentionally Integrated Design\u003c\/h2\u003e\n        \u003cp\u003e\n          Unlike conventional smart doorbells that look primarily like security electronics, this design is created to feel intentionally integrated into the exterior of a modern home. A deep navy front panel is framed by a slim brushed-silver aluminum structure, creating a clean vertical silhouette that complements contemporary siding, brick, stone, painted wood, and modern entry doors.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          Between the central body and outer frame, a narrow diffused light channel provides a soft entry glow, helping visitors locate the doorbell after dark while giving the doorway a subtle, elevated presence.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nv-visual-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1027\/1706\/3540\/files\/1_5efe5fb0-461c-460c-ab93-795126deed2a.png?v=1790180253\" alt=\"Noviraryn Architectural Smart Doorbell - Navy Blue and Silver\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CORE FEATURES: Auto-fitting Grid --\u003e\n    \u003cdiv class=\"nv-features-container\"\u003e\n      \u003cdiv class=\"nv-section-header\"\u003e\n        \u003ch2\u003eEngineered for Modern Living\u003c\/h2\u003e\n        \u003cp\u003eDiscover the design and security details that make Noviraryn™ a seamless addition to your daily routine.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nv-grid-6\"\u003e\n        \u003cdiv class=\"nv-feature-card\"\u003e\n          \u003cdiv class=\"nv-feature-icon\"\u003e◫\u003c\/div\u003e\n          \u003ch3\u003eA Smart Doorbell That Looks Built Into the Home\u003c\/h3\u003e\n          \u003cp\u003eThe deep navy center panel and brushed-silver architectural frame give the entryway a cleaner, more intentional look than a typical plastic doorbell. It feels closer to modern exterior hardware than a temporary electronic accessory.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nv-feature-card\"\u003e\n          \u003cdiv class=\"nv-feature-icon\"\u003e◉\u003c\/div\u003e\n          \u003ch3\u003eSee the Person. See the Doorstep.\u003c\/h3\u003e\n          \u003cp\u003eTwo viewing perspectives are designed around different real-life needs: one for visitors and one for the lower doorstep area. That makes everyday arrivals and deliveries easier to understand at a glance.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nv-feature-card\"\u003e\n          \u003cdiv class=\"nv-feature-icon\"\u003e✦\u003c\/div\u003e\n          \u003ch3\u003eA Warmer Welcome After Dark\u003c\/h3\u003e\n          \u003cp\u003eA softly diffused entry light helps visitors find the doorbell while adding a refined glow around the doorway. It brings atmosphere to the entrance without turning it into a decorative light show.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nv-feature-card\"\u003e\n          \u003cdiv class=\"nv-feature-icon\"\u003e⌂\u003c\/div\u003e\n          \u003ch3\u003eStay Aware Without Interrupting the Room\u003c\/h3\u003e\n          \u003cp\u003eUse the indoor chime, visual cue, or phone notification depending on the moment. It is especially useful for home offices, quiet evenings, sleeping children, entertaining, and everyday family routines.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nv-feature-card\"\u003e\n          \u003cdiv class=\"nv-feature-icon\"\u003e◆\u003c\/div\u003e\n          \u003ch3\u003eDesigned for Real Homes, Not Just One Installation\u003c\/h3\u003e\n          \u003cp\u003eThe concealed mounting and power design supports a cleaner setup across different types of homes, while the adjustable mounting angle helps the camera view feel intentional without bulky exterior hardware.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nv-feature-card\"\u003e\n          \u003cdiv class=\"nv-feature-icon\"\u003e♡\u003c\/div\u003e\n          \u003ch3\u003eAn Everyday Home Upgrade That Feels Gift-Worthy\u003c\/h3\u003e\n          \u003cp\u003eIt combines security awareness, convenience, lighting, and exterior design in one object people interact with every day. That makes it a thoughtful choice for new homeowners, couples, and families.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SHOWCASE 2: Reversed Flexbox Layout (Image 2) --\u003e\n    \u003cdiv class=\"nv-visual-showcase reverse\"\u003e\n      \u003cdiv class=\"nv-visual-content\"\u003e\n        \u003ch2\u003eDual Perspectives \u0026amp; Gentle Interaction\u003c\/h2\u003e\n        \u003cp\u003e\n          The camera system is arranged around two different viewing needs. The upper camera is positioned for natural face-level viewing when someone approaches or rings the bell, while a second downward-angled camera is integrated lower in the body to provide a clearer view of the doorstep area. Instead of forcing one extremely wide camera to cover everything at once, the two perspectives make it easier to understand both who is at the door and what has been left near the threshold.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          A recessed metal doorbell button sits naturally within the lower section. Its soft illuminated ring makes the interaction immediately understandable. Inside the home, a compact companion chime can be placed on a shelf or mounted discreetly on a wall, offering visual and audible cues perfectly suited for working from home or hosting friends.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nv-visual-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1027\/1706\/3540\/files\/2_9832d9ee-df80-481b-a169-f7cc92f2a444.png?v=1790180254\" alt=\"Noviraryn Dual Camera Doorbell Features\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SHOWCASE 3: Flexbox Layout (Image 3) --\u003e\n    \u003cdiv class=\"nv-visual-showcase\" style=\"background: #FFFFFF;\"\u003e\n      \u003cdiv class=\"nv-visual-content\"\u003e\n        \u003ch2\u003ePermanent Quality \u0026amp; Flexible Installation\u003c\/h2\u003e\n        \u003cp\u003e\n          The mounting system is designed for different American home situations. A concealed rear section can accommodate either an existing compatible doorbell power connection or a removable rechargeable power module, allowing the exterior design to remain nearly identical whether installed on a permanent home or a rental property. The mounting plate also allows the viewing angle to be adjusted without adding a bulky external wedge.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          Every visible detail is intended to feel permanent rather than temporary. The brushed metal outer frame adds rigidity and a more substantial tactile quality, while the weather-resistant front surface is designed for everyday exposure. Camera lenses, light elements, and microphone openings are organized into a restrained composition instead of competing visually.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nv-visual-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1027\/1706\/3540\/files\/3_69952c9a-c627-4605-b9ce-d0973260fee4.png?v=1790180253\" alt=\"Noviraryn Doorbell Details and Craftsmanship\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- GIFTING BANNER --\u003e\n    \u003cdiv class=\"nv-gift-banner\"\u003e\n      \u003ch3\u003eAn Entrance That Adapts to Your Life\u003c\/h3\u003e\n      \u003cp\u003e\n        It is especially suited to design-conscious homeowners, apartment and townhouse residents, busy families, remote professionals, frequent online shoppers, and anyone who wants connected-home technology without making the outside of the home feel overly technical. It makes a thoughtful gift for a housewarming, wedding, first home, new apartment, or holiday—practical enough to be used every day, but refined enough to feel like a genuine upgrade.\n      \u003c\/p\u003e\n      \u003cp style=\"margin-top: 1.5rem; font-weight: 600; color: var(--nv-navy);\"\u003e\n        More than a smart doorbell, it is a flexible layer of awareness that lets a home change with you.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":56157450764660,"sku":"Noviraryn-2","price":79.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1027\/1706\/3540\/files\/1755ba77-fdd0-4e97-9cb2-8d8d2b1f86c3.png?v=1790180251","url":"https:\/\/noviraryn.com\/products\/noviraryn%e2%84%a2-architectural-smart-doorbell-with-dual-view-camera-and-entry-light","provider":"My Store","version":"1.0","type":"link"}