{"title":"Home page","description":null,"products":[{"product_id":"dispensmart-toothbrush-sanitizer-automatic-toothpaste-dispenser-wall-mounted-bathroom-organizer","title":"Dentiva™ Smart Brush Guard","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- =========================================\n     VELORA™ SMART BRUSH GUARD\n     PREMIUM BLACK \u0026 WHITE EDITION\n========================================= --\u003e\n\u003csection class=\"velora-product\"\u003e\u003c!-- BACKGROUND GLOWS --\u003e\n\u003cdiv class=\"velora-glow velora-glow-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"velora-glow velora-glow-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- ================= HERO ================= --\u003e\n\u003cdiv class=\"velora-hero\"\u003e\n\u003cdiv class=\"velora-hero-content\"\u003e\n\u003cdiv class=\"velora-badge\"\u003e\n\u003cspan class=\"pulse-dot\"\u003e\u003c\/span\u003e SMART BATHROOM TECHNOLOGY\u003c\/div\u003e\n\u003ch1\u003eA Cleaner. \u003cspan\u003eSmarter.\u003c\/span\u003e Bathroom.\u003c\/h1\u003e\n\u003cp class=\"velora-subtitle\"\u003eMeet the \u003cstrong\u003eVelora™ Smart Brush Guard\u003c\/strong\u003e — the all-in-one toothbrush sanitizer, automatic toothpaste dispenser, and wall-mounted organizer designed to elevate your daily routine.\u003c\/p\u003e\n\u003cdiv class=\"velora-buttons\"\u003e\n\u003ca href=\"#velora-features\" class=\"velora-btn primary\"\u003e Discover Velora \u003cspan\u003e↓\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"#velora-box\" class=\"velora-btn secondary\"\u003e What's Included \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"velora-trust\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e5\u003c\/strong\u003e \u003cspan\u003eBrush Slots\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUV\u003c\/strong\u003e \u003cspan\u003eSanitizing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUSB\u003c\/strong\u003e \u003cspan\u003eRechargeable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGE --\u003e\n\u003cdiv class=\"velora-product-visual\"\u003e\n\u003cdiv class=\"floating-orb orb-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-orb orb-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- REPLACE WITH YOUR PRODUCT IMAGE --\u003e \u003cimg alt=\"Velora Smart Brush Guard\" class=\"velora-product-image\"\u003e\n\u003cdiv class=\"floating-card card-top\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUV Sanitizing\u003c\/strong\u003e \u003csmall\u003eFresh \u0026amp; protected\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floating-card card-bottom\"\u003e\n\u003cspan\u003e🪥\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e5 Brush Slots\u003c\/strong\u003e \u003csmall\u003ePerfect for families\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= STATEMENT ================= --\u003e\n\u003cdiv class=\"velora-statement reveal\"\u003e\n\u003cspan\u003eTHE DAILY UPGRADE\u003c\/span\u003e\n\u003ch2\u003eYour toothbrush deserves \u003cem\u003ebetter.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSay goodbye to messy countertops, toothpaste buildup and toothbrushes sitting exposed in your bathroom.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ================= FEATURES ================= --\u003e\n\u003cdiv id=\"velora-features\" class=\"velora-features\"\u003e\n\u003cdiv class=\"feature-intro reveal\"\u003e\n\u003cspan class=\"eyebrow\"\u003e ENGINEERED FOR EVERYDAY LIFE \u003c\/span\u003e\n\u003ch2\u003eEverything you need.\u003cbr\u003e\u003cspan\u003eNothing you don't.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card reveal\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🪥\u003c\/div\u003e\n\u003cdiv class=\"feature-number\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eAutomatic Toothpaste\u003c\/h3\u003e\n\u003cp\u003eGet a smooth, mess-free toothpaste dispense with a simple touch. Less squeezing. Less mess.\u003c\/p\u003e\n\u003cdiv class=\"feature-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card featured reveal\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"feature-number\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eUV Toothbrush Sanitizer\u003c\/h3\u003e\n\u003cp\u003eBuilt-in UV sanitizing technology helps keep your toothbrush heads cleaner between uses.\u003c\/p\u003e\n\u003cdiv class=\"feature-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card reveal\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e👨👩👧👦\u003c\/div\u003e\n\u003cdiv class=\"feature-number\"\u003e03\u003c\/div\u003e\n\u003ch3\u003e5-Slot Storage\u003c\/h3\u003e\n\u003cp\u003eKeep toothbrushes separated, organized and ready for the whole family.\u003c\/p\u003e\n\u003cdiv class=\"feature-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card reveal\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"feature-number\"\u003e04\u003c\/div\u003e\n\u003ch3\u003eUSB Rechargeable\u003c\/h3\u003e\n\u003cp\u003eEnjoy convenient cordless operation with a rechargeable battery and no disposable batteries.\u003c\/p\u003e\n\u003cdiv class=\"feature-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card reveal\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⌖\u003c\/div\u003e\n\u003cdiv class=\"feature-number\"\u003e05\u003c\/div\u003e\n\u003ch3\u003eWall Mounted\u003c\/h3\u003e\n\u003cp\u003eFree up valuable counter space with a sleek wall-mounted design made for modern bathrooms.\u003c\/p\u003e\n\u003cdiv class=\"feature-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card reveal\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"feature-number\"\u003e06\u003c\/div\u003e\n\u003ch3\u003ePremium Design\u003c\/h3\u003e\n\u003cp\u003eA minimalist aesthetic designed to blend beautifully into your bathroom while keeping your essentials organized.\u003c\/p\u003e\n\u003cdiv class=\"feature-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= BEFORE \/ AFTER ================= --\u003e\n\u003cdiv class=\"velora-transformation reveal\"\u003e\n\u003cdiv class=\"transformation-header\"\u003e\n\u003cspan class=\"eyebrow\"\u003e THE VELORA DIFFERENCE \u003c\/span\u003e\n\u003ch2\u003eFrom cluttered \u003cspan\u003eto clean.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison\"\u003e\n\u003cdiv class=\"comparison-card before\"\u003e\n\u003cdiv class=\"comparison-label\"\u003eBEFORE\u003c\/div\u003e\n\u003cdiv class=\"comparison-emoji\"\u003e😩\u003c\/div\u003e\n\u003ch3\u003eBathroom Chaos\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e× Toothbrushes everywhere\u003c\/li\u003e\n\u003cli\u003e× Messy toothpaste tubes\u003c\/li\u003e\n\u003cli\u003e× Limited counter space\u003c\/li\u003e\n\u003cli\u003e× Brushes exposed\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-arrow\"\u003e→\u003c\/div\u003e\n\u003cdiv class=\"comparison-card after\"\u003e\n\u003cdiv class=\"comparison-label\"\u003eAFTER VELORA\u003c\/div\u003e\n\u003cdiv class=\"comparison-emoji\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eSmart Organization\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✓ Everything in one place\u003c\/li\u003e\n\u003cli\u003e✓ Automatic dispensing\u003c\/li\u003e\n\u003cli\u003e✓ Countertop stays clear\u003c\/li\u003e\n\u003cli\u003e✓ UV sanitizing technology\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= QUOTE ================= --\u003e\n\u003cdiv class=\"velora-quote reveal\"\u003e\n\u003cdiv class=\"quote-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan\u003e YOUR MORNING, UPGRADED. \u003c\/span\u003e\n\u003ch2\u003e“Clean starts\u003cbr\u003e\u003cem\u003ehere.\u003c\/em\u003e”\u003c\/h2\u003e\n\u003cp\u003eUpgrade your bathroom routine with smart organization, effortless dispensing and modern hygiene technology.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ================= PERFECT FOR ================= --\u003e\n\u003cdiv class=\"velora-perfect reveal\"\u003e\n\u003cdiv class=\"perfect-content\"\u003e\n\u003cspan class=\"eyebrow\"\u003e MADE FOR MODERN HOMES \u003c\/span\u003e\n\u003ch2\u003eOne smart station.\u003cbr\u003e\u003cspan\u003eThe whole family.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you're upgrading your own bathroom, moving into a new home, or searching for a practical gift, Velora™ brings convenience and organization into one beautiful system.\u003c\/p\u003e\n\u003cdiv class=\"perfect-list\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e⌂\u003c\/span\u003e \u003cstrong\u003eModern Homes\u003c\/strong\u003e \u003csmall\u003e Keep your bathroom beautifully organized. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e♧\u003c\/span\u003e \u003cstrong\u003eFamilies\u003c\/strong\u003e \u003csmall\u003e Five dedicated toothbrush slots for everyone. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e◇\u003c\/span\u003e \u003cstrong\u003ePerfect Gift\u003c\/strong\u003e \u003csmall\u003e A practical upgrade they'll actually use. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= WHAT'S IN THE BOX ================= --\u003e\n\u003cdiv id=\"velora-box\" class=\"velora-box reveal\"\u003e\n\u003cspan class=\"eyebrow\"\u003e WHAT YOU'LL RECEIVE \u003c\/span\u003e\n\u003ch2\u003eEverything you need\u003cbr\u003e\u003cspan\u003eto get started.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"box-grid\"\u003e\n\u003cdiv class=\"box-item\"\u003e\n\u003cdiv class=\"box-icon\"\u003e🪥\u003c\/div\u003e\n\u003cstrong\u003e Velora™ Smart Brush Guard \u003c\/strong\u003e \u003cspan\u003e 1 × Wall-Mounted Unit \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-item\"\u003e\n\u003cdiv class=\"box-icon\"\u003e⚡\u003c\/div\u003e\n\u003cstrong\u003e USB Charging Cable \u003c\/strong\u003e \u003cspan\u003e 1 × Charging Cable \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-item\"\u003e\n\u003cdiv class=\"box-icon\"\u003e⌘\u003c\/div\u003e\n\u003cstrong\u003e Mounting Hardware \u003c\/strong\u003e \u003cspan\u003e Easy Installation \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-item\"\u003e\n\u003cdiv class=\"box-icon\"\u003e▤\u003c\/div\u003e\n\u003cstrong\u003e Instructions \u003c\/strong\u003e \u003cspan\u003e Quick Setup Guide \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= FINAL CTA ================= --\u003e\n\u003cdiv class=\"velora-final reveal\"\u003e\n\u003cdiv class=\"final-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan\u003e VELORA™ SMART BRUSH GUARD \u003c\/span\u003e\n\u003ch2\u003eUpgrade your bathroom. \u003cbr\u003e\u003cem\u003eUpgrade your routine.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA cleaner space. A smarter routine. A better start to every morning.\u003c\/p\u003e\n\u003c!-- CHANGE LINK TO YOUR PRODUCT PAGE --\u003e \u003ca href=\"\/products\/velora-smart-brush-guard\" class=\"velora-btn final-btn\"\u003e Get Your Velora™ \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003cdiv class=\"secure\"\u003e🔒 Secure Checkout   •   📦 Fast Shipping   •   ◆ Premium Design\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================\n   VELORA™ MONOCHROME COLOR SYSTEM\n========================================= *\/\n\n.velora-product {\n\n  --black: #050505;\n  --black-soft: #0b0b0b;\n  --charcoal: #111111;\n  --dark-gray: #181818;\n  --gray: #777777;\n  --light-gray: #b7b7b7;\n  --silver: #d8d8d8;\n  --white: #ffffff;\n\n  --border: rgba(255,255,255,.10);\n  --border-bright: rgba(255,255,255,.22);\n\n  position: relative;\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 20% 10%,\n      rgba(255,255,255,.045),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 80% 45%,\n      rgba(255,255,255,.035),\n      transparent 30%\n    ),\n    var(--black);\n\n  color: var(--white);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n  padding-bottom: 100px;\n}\n\n\n.velora-product * {\n  box-sizing: border-box;\n}\n\n\n.velora-product h1,\n.velora-product h2,\n.velora-product h3,\n.velora-product p {\n  margin-top: 0;\n}\n\n\n.velora-product a {\n  text-decoration: none;\n}\n\n\n\/* =========================================\n   MONOCHROME GLOW\n========================================= *\/\n\n.velora-glow {\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  border-radius: 50%;\n\n  filter: blur(120px);\n\n  pointer-events: none;\n\n  opacity: .07;\n}\n\n\n.velora-glow-1 {\n\n  background: #ffffff;\n\n  top: 0;\n  left: -250px;\n\n  animation:\n    drift 9s ease-in-out infinite alternate;\n}\n\n\n.velora-glow-2 {\n\n  background: #777777;\n\n  top: 700px;\n  right: -300px;\n\n  animation:\n    drift 11s ease-in-out infinite alternate-reverse;\n}\n\n\n@keyframes drift {\n\n  from {\n    transform: translate(0,0);\n  }\n\n  to {\n    transform: translate(80px,50px);\n  }\n\n}\n\n\n\/* =========================================\n   HERO\n========================================= *\/\n\n.velora-hero {\n\n  max-width: 1250px;\n\n  min-height: 760px;\n\n  margin: auto;\n\n  padding: 100px 30px 80px;\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  align-items: center;\n\n  gap: 60px;\n\n}\n\n\n\/* BADGE *\/\n\n.velora-badge {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  border:\n    1px solid rgba(255,255,255,.18);\n\n  background:\n    rgba(255,255,255,.035);\n\n  padding:\n    9px 14px;\n\n  border-radius: 100px;\n\n  color: #ffffff;\n\n  font-size: 11px;\n\n  letter-spacing: 2px;\n\n  font-weight: 700;\n\n  animation:\n    fadeDown .8s ease forwards;\n\n}\n\n\n.pulse-dot {\n\n  width: 7px;\n  height: 7px;\n\n  background: #ffffff;\n\n  border-radius: 50%;\n\n  box-shadow:\n    0 0 15px rgba(255,255,255,.8);\n\n  animation:\n    pulse 1.8s infinite;\n\n}\n\n\n@keyframes pulse {\n\n  0%,100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: .35;\n    transform: scale(.7);\n  }\n\n}\n\n\n\/* HERO HEADING *\/\n\n.velora-hero h1 {\n\n  margin: 25px 0 20px;\n\n  font-size:\n    clamp(50px, 6vw, 82px);\n\n  line-height: .95;\n\n  letter-spacing: -4px;\n\n  font-weight: 800;\n\n  animation:\n    fadeUp .9s ease .15s both;\n\n}\n\n\n.velora-hero h1 span {\n\n  display: block;\n\n  background:\n    linear-gradient(\n      100deg,\n      #ffffff 0%,\n      #777777 45%,\n      #ffffff 70%,\n      #bcbcbc 100%\n    );\n\n  background-size: 250% auto;\n\n  -webkit-background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  animation:\n    monochromeShine 5s linear infinite;\n\n}\n\n\n@keyframes monochromeShine {\n\n  to {\n    background-position: 250% center;\n  }\n\n}\n\n\n.velora-subtitle {\n\n  max-width: 570px;\n\n  color: #9b9b9b;\n\n  font-size: 17px;\n\n  line-height: 1.75;\n\n  animation:\n    fadeUp .9s ease .3s both;\n\n}\n\n\n.velora-subtitle strong {\n  color: #ffffff;\n}\n\n\n\/* =========================================\n   BUTTONS\n========================================= *\/\n\n.velora-buttons {\n\n  display: flex;\n\n  gap: 12px;\n\n  flex-wrap: wrap;\n\n  margin-top: 35px;\n\n  animation:\n    fadeUp .9s ease .45s both;\n\n}\n\n\n.velora-btn {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 15px;\n\n  padding: 16px 25px;\n\n  border-radius: 100px;\n\n  font-size: 14px;\n\n  font-weight: 700;\n\n  transition:\n    .35s ease;\n\n}\n\n\n\/* WHITE BUTTON *\/\n\n.velora-btn.primary {\n\n  position: relative;\n\n  overflow: hidden;\n\n  color: #050505;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 10px 35px rgba(255,255,255,.08);\n\n}\n\n\n.velora-btn.primary::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: -100%;\n\n  width: 60%;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.8),\n      transparent\n    );\n\n  transform: skewX(-20deg);\n\n  transition: .6s;\n\n}\n\n\n.velora-btn.primary:hover::after {\n  left: 150%;\n}\n\n\n.velora-btn.primary:hover {\n\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 15px 45px rgba(255,255,255,.15);\n\n}\n\n\n\/* OUTLINE BUTTON *\/\n\n.velora-btn.secondary {\n\n  color: #ffffff;\n\n  border:\n    1px solid rgba(255,255,255,.16);\n\n  background:\n    rgba(255,255,255,.025);\n\n}\n\n\n.velora-btn.secondary:hover {\n\n  background:\n    rgba(255,255,255,.08);\n\n  border-color:\n    rgba(255,255,255,.35);\n\n  transform:\n    translateY(-4px);\n\n}\n\n\n\/* TRUST *\/\n\n.velora-trust {\n\n  display: flex;\n\n  gap: 35px;\n\n  margin-top: 55px;\n\n}\n\n\n.velora-trust div {\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 4px;\n\n}\n\n\n.velora-trust strong {\n  font-size: 20px;\n}\n\n\n.velora-trust span {\n\n  font-size: 10px;\n\n  color: #666666;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n\n}\n\n\n\/* =========================================\n   PRODUCT VISUAL\n========================================= *\/\n\n.velora-product-visual {\n\n  position: relative;\n\n  min-height: 580px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  animation:\n    productAppear 1.2s ease .3s both;\n\n}\n\n\n@keyframes productAppear {\n\n  from {\n\n    opacity: 0;\n\n    transform:\n      translateY(40px)\n      scale(.95);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      translateY(0)\n      scale(1);\n\n  }\n\n}\n\n\n\/* PRODUCT IMAGE *\/\n\n.velora-product-image {\n\n  position: relative;\n\n  z-index: 3;\n\n  width:\n    min(90%, 480px);\n\n  height: auto;\n\n  object-fit: contain;\n\n  filter:\n    drop-shadow(\n      0 30px 60px rgba(0,0,0,.8)\n    )\n    drop-shadow(\n      0 0 35px rgba(255,255,255,.07)\n    );\n\n  animation:\n    floatProduct 5s ease-in-out infinite;\n\n}\n\n\n@keyframes floatProduct {\n\n  0%,100% {\n    transform:\n      translateY(0)\n      rotate(0deg);\n  }\n\n  50% {\n    transform:\n      translateY(-14px)\n      rotate(.5deg);\n  }\n\n}\n\n\n\/* RING *\/\n\n.product-ring {\n\n  position: absolute;\n\n  width: 440px;\n  height: 440px;\n\n  border:\n    1px solid rgba(255,255,255,.10);\n\n  border-radius: 50%;\n\n  box-shadow:\n\n    0 0 100px rgba(255,255,255,.05),\n\n    inset\n    0 0 80px rgba(255,255,255,.025);\n\n  animation:\n    ringPulse 4s ease-in-out infinite;\n\n}\n\n\n@keyframes ringPulse {\n\n  0%,100% {\n\n    transform: scale(1);\n\n    opacity: .5;\n\n  }\n\n  50% {\n\n    transform: scale(1.08);\n\n    opacity: 1;\n\n  }\n\n}\n\n\n\/* FLOATING ORBS *\/\n\n.floating-orb {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 0 30px rgba(255,255,255,.8);\n\n}\n\n\n.orb-one {\n\n  width: 7px;\n  height: 7px;\n\n  top: 20%;\n  right: 15%;\n\n  animation:\n    orbFloat 4s infinite;\n\n}\n\n\n.orb-two {\n\n  width: 4px;\n  height: 4px;\n\n  bottom: 22%;\n  left: 15%;\n\n  animation:\n    orbFloat 5s 1s infinite;\n\n}\n\n\n@keyframes orbFloat {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n    opacity: .35;\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-25px);\n\n    opacity: 1;\n\n  }\n\n}\n\n\n\/* FLOATING CARDS *\/\n\n.floating-card {\n\n  position: absolute;\n\n  z-index: 5;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  padding: 13px 17px;\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  border-radius: 16px;\n\n  background:\n    rgba(18,18,18,.75);\n\n  backdrop-filter:\n    blur(18px);\n\n  box-shadow:\n    0 20px 50px rgba(0,0,0,.55);\n\n  animation:\n    cardFloat 4s ease-in-out infinite;\n\n}\n\n\n.floating-card span {\n  font-size: 22px;\n}\n\n\n.floating-card strong {\n\n  display: block;\n\n  font-size: 12px;\n\n}\n\n\n.floating-card small {\n\n  display: block;\n\n  color: #777777;\n\n  font-size: 10px;\n\n  margin-top: 3px;\n\n}\n\n\n.card-top {\n\n  top: 19%;\n\n  right: 2%;\n\n}\n\n\n.card-bottom {\n\n  bottom: 18%;\n\n  left: 0;\n\n  animation-delay: 1.2s;\n\n}\n\n\n@keyframes cardFloat {\n\n  0%,100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-9px);\n  }\n\n}\n\n\n\/* =========================================\n   STATEMENT\n========================================= *\/\n\n.velora-statement {\n\n  max-width: 850px;\n\n  text-align: center;\n\n  margin:\n    70px auto 160px;\n\n  padding:\n    0 25px;\n\n}\n\n\n.velora-statement span,\n.eyebrow,\n.velora-final \u003e span {\n\n  color: #ffffff;\n\n  font-size: 10px;\n\n  letter-spacing: 3px;\n\n  font-weight: 700;\n\n}\n\n\n.velora-statement h2 {\n\n  font-size:\n    clamp(38px,5vw,64px);\n\n  letter-spacing: -3px;\n\n  line-height: 1;\n\n  margin: 18px 0;\n\n}\n\n\n.velora-statement em,\n.velora-quote em {\n\n  color: #ffffff;\n\n  font-style: normal;\n\n}\n\n\n.velora-statement p {\n\n  color: #858585;\n\n  font-size: 16px;\n\n  line-height: 1.7;\n\n}\n\n\n\/* =========================================\n   FEATURES\n========================================= *\/\n\n.velora-features {\n\n  max-width: 1200px;\n\n  margin: auto;\n\n  padding:\n    0 25px;\n\n}\n\n\n.feature-intro {\n\n  margin-bottom: 60px;\n\n}\n\n\n.feature-intro h2 {\n\n  margin-top: 15px;\n\n  font-size:\n    clamp(38px,5vw,60px);\n\n  line-height: 1;\n\n  letter-spacing: -3px;\n\n}\n\n\n.feature-intro h2 span {\n\n  color: #666666;\n\n}\n\n\n.feature-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 14px;\n\n}\n\n\n.feature-card {\n\n  position: relative;\n\n  overflow: hidden;\n\n  min-height: 300px;\n\n  padding: 30px;\n\n  border:\n    1px solid rgba(255,255,255,.08);\n\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.045),\n      rgba(255,255,255,.012)\n    );\n\n  transition:\n    .45s ease;\n\n}\n\n\n.feature-card:hover {\n\n  transform:\n    translateY(-8px);\n\n  border-color:\n    rgba(255,255,255,.28);\n\n  box-shadow:\n    0 25px 60px rgba(0,0,0,.35);\n\n}\n\n\n.feature-card.featured {\n\n  border-color:\n    rgba(255,255,255,.20);\n\n  background:\n    radial-gradient(\n      circle at 80% 20%,\n      rgba(255,255,255,.09),\n      transparent 50%\n    ),\n    rgba(255,255,255,.025);\n\n}\n\n\n.feature-icon {\n\n  font-size: 28px;\n\n  margin-bottom: 45px;\n\n  filter:\n    grayscale(1);\n\n}\n\n\n.feature-number {\n\n  position: absolute;\n\n  right: 25px;\n  top: 25px;\n\n  color: #3d3d3d;\n\n  font-size: 12px;\n\n  letter-spacing: 2px;\n\n}\n\n\n.feature-card h3 {\n\n  font-size: 21px;\n\n  margin-bottom: 12px;\n\n}\n\n\n.feature-card p {\n\n  color: #818181;\n\n  font-size: 13px;\n\n  line-height: 1.7;\n\n}\n\n\n.feature-line {\n\n  position: absolute;\n\n  bottom: 0;\n  left: 0;\n\n  width: 0;\n\n  height: 1px;\n\n  background: #ffffff;\n\n  transition:\n    .5s ease;\n\n}\n\n\n.feature-card:hover .feature-line {\n\n  width: 100%;\n\n}\n\n\n.feature-glow {\n\n  position: absolute;\n\n  width: 150px;\n  height: 150px;\n\n  right: -70px;\n  top: -70px;\n\n  background: #ffffff;\n\n  filter: blur(80px);\n\n  opacity: .035;\n\n}\n\n\n\/* =========================================\n   COMPARISON\n========================================= *\/\n\n.velora-transformation {\n\n  max-width: 1100px;\n\n  margin:\n    180px auto;\n\n  padding:\n    0 25px;\n\n}\n\n\n.transformation-header {\n\n  text-align: center;\n\n  margin-bottom: 55px;\n\n}\n\n\n.transformation-header h2 {\n\n  font-size:\n    clamp(40px,5vw,60px);\n\n  letter-spacing: -3px;\n\n  line-height: 1;\n\n  margin-top: 15px;\n\n}\n\n\n.transformation-header h2 span {\n\n  color: #ffffff;\n\n}\n\n\n.comparison {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 80px 1fr;\n\n  align-items: center;\n\n  gap: 20px;\n\n}\n\n\n.comparison-card {\n\n  min-height: 360px;\n\n  padding: 35px;\n\n  border-radius: 28px;\n\n  border:\n    1px solid rgba(255,255,255,.08);\n\n  background: #101010;\n\n}\n\n\n.comparison-card.after {\n\n  border-color:\n    rgba(255,255,255,.20);\n\n  background:\n    radial-gradient(\n      circle at 70% 20%,\n      rgba(255,255,255,.08),\n      transparent 55%\n    ),\n    #101010;\n\n}\n\n\n.comparison-label {\n\n  font-size: 10px;\n\n  letter-spacing: 2px;\n\n  color: #666666;\n\n}\n\n\n.after .comparison-label {\n\n  color: #ffffff;\n\n}\n\n\n.comparison-emoji {\n\n  font-size: 50px;\n\n  margin:\n    35px 0 20px;\n\n  filter:\n    grayscale(1);\n\n}\n\n\n.comparison-card h3 {\n\n  font-size: 25px;\n\n}\n\n\n.comparison-card ul {\n\n  padding: 0;\n\n  margin: 20px 0 0;\n\n  list-style: none;\n\n}\n\n\n.comparison-card li {\n\n  color: #858585;\n\n  margin: 12px 0;\n\n  font-size: 13px;\n\n}\n\n\n.comparison-arrow {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 55px;\n  height: 55px;\n\n  margin: auto;\n\n  border-radius: 50%;\n\n  color: #000000;\n\n  background: #ffffff;\n\n  font-size: 22px;\n\n  box-shadow:\n    0 0 30px rgba(255,255,255,.10);\n\n}\n\n\n\/* =========================================\n   QUOTE\n========================================= *\/\n\n.velora-quote {\n\n  position: relative;\n\n  overflow: hidden;\n\n  max-width: 900px;\n\n  margin:\n    150px auto;\n\n  padding:\n    90px 30px;\n\n  text-align: center;\n\n  border-top:\n    1px solid rgba(255,255,255,.08);\n\n  border-bottom:\n    1px solid rgba(255,255,255,.08);\n\n}\n\n\n.velora-quote h2 {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin:\n    20px 0;\n\n  font-size:\n    clamp(55px,8vw,90px);\n\n  line-height: .9;\n\n  letter-spacing: -5px;\n\n}\n\n\n.velora-quote p {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 500px;\n\n  margin: auto;\n\n  color: #858585;\n\n  line-height: 1.7;\n\n}\n\n\n.quote-glow {\n\n  position: absolute;\n\n  width: 300px;\n  height: 300px;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  background: #ffffff;\n\n  filter: blur(150px);\n\n  opacity: .035;\n\n}\n\n\n\/* =========================================\n   PERFECT FOR\n========================================= *\/\n\n.velora-perfect {\n\n  max-width: 1100px;\n\n  margin:\n    160px auto;\n\n  padding:\n    0 25px;\n\n}\n\n\n.perfect-content {\n\n  max-width: 750px;\n\n}\n\n\n.perfect-content h2 {\n\n  font-size:\n    clamp(40px,5vw,65px);\n\n  line-height: .95;\n\n  letter-spacing: -3px;\n\n  margin: 20px 0;\n\n}\n\n\n.perfect-content h2 span {\n\n  color: #777777;\n\n}\n\n\n.perfect-content \u003e p {\n\n  color: #858585;\n\n  line-height: 1.8;\n\n  max-width: 650px;\n\n}\n\n\n.perfect-list {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 12px;\n\n  margin-top: 45px;\n\n}\n\n\n.perfect-list \u003e div {\n\n  padding: 25px;\n\n  border:\n    1px solid rgba(255,255,255,.08);\n\n  border-radius: 20px;\n\n  background:\n    rgba(255,255,255,.02);\n\n  transition:\n    .35s ease;\n\n}\n\n\n.perfect-list \u003e div:hover {\n\n  transform:\n    translateY(-6px);\n\n  background:\n    rgba(255,255,255,.05);\n\n  border-color:\n    rgba(255,255,255,.20);\n\n}\n\n\n.perfect-list span {\n\n  display: block;\n\n  font-size: 25px;\n\n  margin-bottom: 20px;\n\n}\n\n\n.perfect-list strong {\n\n  display: block;\n\n  font-size: 14px;\n\n}\n\n\n.perfect-list small {\n\n  display: block;\n\n  color: #707070;\n\n  font-size: 11px;\n\n  line-height: 1.6;\n\n  margin-top: 7px;\n\n}\n\n\n\/* =========================================\n   BOX\n========================================= *\/\n\n.velora-box {\n\n  max-width: 1100px;\n\n  margin:\n    170px auto;\n\n  padding:\n    0 25px;\n\n  text-align: center;\n\n}\n\n\n.velora-box h2 {\n\n  font-size:\n    clamp(40px,5vw,60px);\n\n  line-height: .95;\n\n  letter-spacing: -3px;\n\n  margin:\n    20px 0 60px;\n\n}\n\n\n.velora-box h2 span {\n\n  color: #666666;\n\n}\n\n\n.box-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 12px;\n\n}\n\n\n.box-item {\n\n  padding:\n    30px 20px;\n\n  border:\n    1px solid rgba(255,255,255,.08);\n\n  border-radius: 22px;\n\n  background:\n    rgba(255,255,255,.02);\n\n  transition:\n    .35s ease;\n\n}\n\n\n.box-item:hover {\n\n  transform:\n    translateY(-7px);\n\n  border-color:\n    rgba(255,255,255,.22);\n\n}\n\n\n.box-icon {\n\n  font-size: 32px;\n\n  margin-bottom: 20px;\n\n  filter:\n    grayscale(1);\n\n}\n\n\n.box-item strong {\n\n  display: block;\n\n  font-size: 13px;\n\n}\n\n\n.box-item span {\n\n  display: block;\n\n  color: #707070;\n\n  font-size: 11px;\n\n  margin-top: 7px;\n\n}\n\n\n\/* =========================================\n   FINAL CTA\n========================================= *\/\n\n.velora-final {\n\n  position: relative;\n\n  overflow: hidden;\n\n  max-width: 1100px;\n\n  margin:\n    150px auto 0;\n\n  padding:\n    110px 30px;\n\n  text-align: center;\n\n  border:\n    1px solid rgba(255,255,255,.14);\n\n  border-radius: 35px;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(255,255,255,.07),\n      transparent 55%\n    ),\n    #0d0d0d;\n\n}\n\n\n.velora-final h2 {\n\n  position: relative;\n\n  z-index: 2;\n\n  font-size:\n    clamp(42px,6vw,72px);\n\n  line-height: .95;\n\n  letter-spacing: -4px;\n\n  margin:\n    22px 0;\n\n}\n\n\n.velora-final h2 em {\n\n  color: #ffffff;\n\n  font-style: normal;\n\n}\n\n\n.velora-final p {\n\n  position: relative;\n\n  z-index: 2;\n\n  color: #858585;\n\n  margin-bottom: 35px;\n\n}\n\n\n\/* FINAL WHITE CTA *\/\n\n.final-btn {\n\n  position: relative;\n\n  z-index: 2;\n\n  color: #000000;\n\n  background: #ffffff;\n\n  padding:\n    18px 30px;\n\n  box-shadow:\n    0 15px 50px rgba(255,255,255,.10);\n\n}\n\n\n.final-btn:hover {\n\n  transform:\n    translateY(-5px)\n    scale(1.02);\n\n  box-shadow:\n    0 20px 60px rgba(255,255,255,.16);\n\n}\n\n\n.secure {\n\n  position: relative;\n\n  z-index: 2;\n\n  color: #555555;\n\n  font-size: 10px;\n\n  margin-top: 25px;\n\n}\n\n\n.final-glow {\n\n  position: absolute;\n\n  width: 300px;\n  height: 300px;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  background: #ffffff;\n\n  filter: blur(150px);\n\n  opacity: .035;\n\n}\n\n\n\/* =========================================\n   SCROLL REVEAL\n========================================= *\/\n\n.reveal {\n\n  opacity: 0;\n\n  transform:\n    translateY(35px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s ease;\n\n}\n\n\n.reveal.visible {\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n\n}\n\n\n\/* =========================================\n   GENERAL ANIMATIONS\n========================================= *\/\n\n@keyframes fadeUp {\n\n  from {\n\n    opacity: 0;\n\n    transform:\n      translateY(25px);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n  }\n\n}\n\n\n@keyframes fadeDown {\n\n  from {\n\n    opacity: 0;\n\n    transform:\n      translateY(-15px);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n  }\n\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media(max-width: 850px) {\n\n  .velora-hero {\n\n    grid-template-columns: 1fr;\n\n    text-align: center;\n\n    padding-top: 70px;\n\n  }\n\n\n  .velora-subtitle {\n\n    margin-left: auto;\n\n    margin-right: auto;\n\n  }\n\n\n  .velora-buttons {\n\n    justify-content: center;\n\n  }\n\n\n  .velora-trust {\n\n    justify-content: center;\n\n  }\n\n\n  .velora-product-visual {\n\n    min-height: 450px;\n\n  }\n\n\n  .product-ring {\n\n    width: 330px;\n    height: 330px;\n\n  }\n\n\n  .card-top {\n    right: 0;\n  }\n\n\n  .card-bottom {\n    left: 0;\n  }\n\n\n  .feature-grid {\n\n    grid-template-columns:\n      1fr 1fr;\n\n  }\n\n\n  .perfect-list {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n\n  .box-grid {\n\n    grid-template-columns:\n      1fr 1fr;\n\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media(max-width: 600px) {\n\n  .velora-hero {\n\n    padding-left: 18px;\n\n    padding-right: 18px;\n\n  }\n\n\n  .velora-hero h1 {\n\n    font-size: 52px;\n\n    letter-spacing: -3px;\n\n  }\n\n\n  .velora-product-visual {\n\n    min-height: 400px;\n\n  }\n\n\n  .product-ring {\n\n    width: 280px;\n    height: 280px;\n\n  }\n\n\n  .floating-card {\n\n    transform:\n      scale(.85);\n\n  }\n\n\n  .card-top {\n\n    right: -10px;\n\n  }\n\n\n  .card-bottom {\n\n    left: -10px;\n\n  }\n\n\n  .feature-grid {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n\n  .comparison {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n\n  .comparison-arrow {\n\n    transform:\n      rotate(90deg);\n\n  }\n\n\n  .box-grid {\n\n    grid-template-columns:\n      1fr 1fr;\n\n  }\n\n\n  .velora-quote {\n\n    margin:\n      100px 20px;\n\n  }\n\n\n  .velora-quote h2 {\n\n    font-size: 55px;\n\n  }\n\n\n  .velora-final {\n\n    margin-left: 15px;\n\n    margin-right: 15px;\n\n    padding:\n      80px 20px;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e\u003cscript\u003e\n\n\/* =========================================\n   VELORA™ SCROLL ANIMATION\n========================================= *\/\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function () {\n\n    const revealElements =\n      document.querySelectorAll(\".reveal\");\n\n\n    const revealObserver =\n      new IntersectionObserver(\n\n        function(entries) {\n\n          entries.forEach(\n            function(entry) {\n\n              if (\n                entry.isIntersecting\n              ) {\n\n                entry.target.classList.add(\n                  \"visible\"\n                );\n\n                revealObserver.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n          );\n\n        },\n\n        {\n          threshold: 0.12\n        }\n\n      );\n\n\n    revealElements.forEach(\n      function(element) {\n\n        revealObserver.observe(\n          element\n        );\n\n      }\n    );\n\n\n    \/* =====================================\n       PRODUCT MOUSE PARALLAX\n    ===================================== *\/\n\n    const productVisual =\n      document.querySelector(\n        \".velora-product-visual\"\n      );\n\n\n    const productImage =\n      document.querySelector(\n        \".velora-product-image\"\n      );\n\n\n    if (\n      productVisual \u0026\u0026\n      productImage \u0026\u0026\n      window.innerWidth \u003e 800\n    ) {\n\n      productVisual.addEventListener(\n        \"mousemove\",\n        function(e) {\n\n          const rect =\n            productVisual.getBoundingClientRect();\n\n\n          const x =\n            (e.clientX - rect.left) \/\n            rect.width - .5;\n\n\n          const y =\n            (e.clientY - rect.top) \/\n            rect.height - .5;\n\n\n          productImage.style.transform =\n            `translate(${x * 12}px, ${y * 12}px)`;\n\n        }\n      );\n\n\n      productVisual.addEventListener(\n        \"mouseleave\",\n        function() {\n\n          productImage.style.transform =\n            \"translate(0,0)\";\n\n        }\n      );\n\n    }\n\n  }\n);\n\n\u003c\/script\u003e ```\u003c\/p\u003e","brand":"My Store 6","offers":[{"title":"Default Title","offer_id":46289799741497,"sku":null,"price":100.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/3263\/3657\/files\/ChatGPT_Image_Aug_16_2026_12_20_11_PM.png?v=1786874998"}],"url":"https:\/\/dentiva.co.za\/collections\/frontpage.oembed","provider":"Dentiva™","version":"1.0","type":"link"}