{"id":2,"date":"2025-02-02T15:11:29","date_gmt":"2025-02-02T15:11:29","guid":{"rendered":"https:\/\/dentalounge.info\/?page_id=2"},"modified":"2026-01-20T12:27:03","modified_gmt":"2026-01-20T12:27:03","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/dentalounge.info\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n DentaLounge | Profile<\/title>\r\n <meta name=\"description\" content=\"DentaLounge - Specialized dental practice in Amman, Jordan.\" \/>\r\n\r\n <!-- Google Font: Cairo -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <!-- Material Symbols -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght@300;400;600&display=swap\">\r\n\r\n <style>\r\n :root{\r\n color-scheme: light dark; \/* UA controls adapt [web:169] *\/\r\n\r\n --gutter: clamp(14px, 3.5vw, 28px);\r\n --radius: 28px;\r\n\r\n \/* Brand gold *\/\r\n --gold:#b08b3d;\r\n --gold2:#d8c27b;\r\n\r\n \/* Dynamic logo (swaps by theme) *\/\r\n --logo-dark: url(\"https:\/\/dentalounge.info\/wp-content\/uploads\/2025\/02\/DentaLounge-White-Logo.png\");\r\n --logo-light: url(\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/1.png\");\r\n\r\n \/* Phone (single source of truth) *\/\r\n --phone-int: \"+962777705555\";\r\n --phone-uri: \"tel:+962777705555\";\r\n --wa-uri: \"https:\/\/wa.me\/962777705555?text=Hello%20DentaLounge%2C%20I%20want%20to%20book%20an%20appointment.\";\r\n }\r\n\r\n \/* ===== DARK (default) ===== *\/\r\n html[data-theme=\"dark\"]{\r\n --bg0:#0b0b0c;\r\n --bg1:#050506;\r\n\r\n --text:#f3f3f3;\r\n --muted:rgba(255,255,255,.72);\r\n\r\n --stroke:rgba(255,255,255,.10);\r\n\r\n --cardBg: rgba(255,255,255,.02);\r\n --cardBorder: rgba(255,255,255,.08);\r\n --softBg: rgba(255,255,255,.02);\r\n --softBorder: rgba(255,255,255,.06);\r\n\r\n --btnBg: rgba(255,255,255,.02);\r\n --btnBorder: rgba(216,194,123,.22);\r\n\r\n --tint: rgba(0,0,0,.22);\r\n --dotBg: rgba(255,255,255,.22);\r\n --dotBorder: rgba(216,194,123,.30);\r\n --dotsBg: rgba(0,0,0,.28);\r\n\r\n --out1: 18px 18px 40px rgba(0,0,0,.58);\r\n --out2: -14px -14px 30px rgba(255,255,255,.03);\r\n --in1: inset 10px 10px 22px rgba(0,0,0,.55);\r\n --in2: inset -10px -10px 18px rgba(255,255,255,.035);\r\n\r\n --glow: 0 0 0 1px rgba(216,194,123,.18), 0 18px 60px rgba(176,139,61,.12);\r\n\r\n --icon: var(--gold2);\r\n --title: var(--gold2);\r\n\r\n --logo-current: var(--logo-dark);\r\n }\r\n\r\n \/* ===== LIGHT ===== *\/\r\n html[data-theme=\"light\"]{\r\n --bg0:#f6f5f2;\r\n --bg1:#ffffff;\r\n\r\n --text:#101114;\r\n --muted:rgba(16,17,20,.72);\r\n\r\n --stroke:rgba(16,17,20,.12);\r\n\r\n --cardBg: rgba(255,255,255,.92);\r\n --cardBorder: rgba(16,17,20,.10);\r\n --softBg: rgba(255,255,255,.78);\r\n --softBorder: rgba(16,17,20,.08);\r\n\r\n --btnBg: rgba(255,255,255,.86);\r\n --btnBorder: rgba(176,139,61,.24);\r\n\r\n --tint: rgba(0,0,0,.06);\r\n --dotBg: rgba(16,17,20,.14);\r\n --dotBorder: rgba(176,139,61,.22);\r\n --dotsBg: rgba(255,255,255,.60);\r\n\r\n --out1: 18px 18px 40px rgba(10,10,12,.10);\r\n --out2: -14px -14px 30px rgba(255,255,255,.92);\r\n --in1: inset 10px 10px 22px rgba(10,10,12,.06);\r\n --in2: inset -10px -10px 18px rgba(255,255,255,.78);\r\n\r\n --glow: 0 0 0 1px rgba(176,139,61,.16), 0 18px 60px rgba(176,139,61,.10);\r\n\r\n --icon: var(--gold);\r\n --title: var(--gold);\r\n\r\n --logo-current: var(--logo-light);\r\n }\r\n\r\n *{box-sizing:border-box}\r\n body{\r\n margin:0;\r\n font-family:\"Cairo\", system-ui, -apple-system, Segoe UI, Tahoma, Arial, sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 520px at 50% -10%, rgba(176,139,61,.18), transparent 62%),\r\n radial-gradient(720px 520px at 50% 25%, rgba(255,255,255,.10), transparent 60%),\r\n linear-gradient(180deg, var(--bg1), var(--bg0));\r\n min-height:100vh;\r\n }\r\n\r\n .ms{\r\n font-family: 'Material Symbols Outlined';\r\n font-size: 20px;\r\n line-height: 1;\r\n display:inline-block;\r\n color: var(--icon);\r\n font-variation-settings: \"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24;\r\n }\r\n\r\n .frame{\r\n padding: var(--gutter);\r\n min-height:100vh;\r\n display:flex;\r\n }\r\n\r\n .shell{\r\n width: min(1240px, 100%);\r\n margin: auto;\r\n border: 1px solid var(--stroke);\r\n border-radius: var(--radius);\r\n padding: clamp(12px, 1.8vw, 18px);\r\n box-shadow: var(--out1), var(--out2);\r\n background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01));\r\n position:relative;\r\n overflow:hidden;\r\n flex: 1 1 auto;\r\n }\r\n\r\n .shell:before{\r\n content:\"\";\r\n position:absolute;\r\n inset:-180px -180px auto -180px;\r\n height:320px;\r\n background:\r\n radial-gradient(760px 240px at 50% 55%, rgba(176,139,61,.18), transparent 62%),\r\n radial-gradient(980px 300px at 50% 20%, rgba(255,255,255,.12), transparent 62%);\r\n filter: blur(3px);\r\n pointer-events:none;\r\n }\r\n\r\n .layout{\r\n position:relative;\r\n display:grid;\r\n grid-template-columns: 1fr;\r\n gap: clamp(12px, 1.6vw, 16px);\r\n align-items:start;\r\n }\r\n @media (min-width: 980px){\r\n .layout{ grid-template-columns: 1.15fr .85fr; }\r\n }\r\n\r\n .card{\r\n border-radius: 24px;\r\n border:1px solid var(--cardBorder);\r\n background: var(--cardBg);\r\n box-shadow: var(--out1), var(--out2);\r\n padding: clamp(12px, 1.4vw, 16px);\r\n backdrop-filter: blur(6px);\r\n }\r\n\r\n .soft-in{\r\n box-shadow: var(--in1), var(--in2);\r\n background: var(--softBg);\r\n border-radius: 22px;\r\n border: 1px solid var(--softBorder);\r\n }\r\n\r\n .top{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n margin-bottom:12px;\r\n }\r\n\r\n .brand{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n min-width: 220px;\r\n }\r\n\r\n .logoMark{\r\n width:58px;height:58px;\r\n border-radius:18px;\r\n border:1px solid rgba(216,194,123,.18);\r\n background: linear-gradient(180deg, rgba(176,139,61,.14), rgba(255,255,255,.02));\r\n box-shadow: var(--in1), var(--in2);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n overflow:hidden;\r\n flex: 0 0 auto;\r\n position:relative;\r\n }\r\n\r\n \/* Logo swap via CSS variable *\/\r\n .logoMark::before{\r\n content:\"\";\r\n width:42px;\r\n height:42px;\r\n background-image: var(--logo-current);\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n display:block;\r\n filter: drop-shadow(0 6px 14px rgba(0,0,0,.22));\r\n }\r\n\r\n .brand h1{margin:0; font-size:20px; letter-spacing:.2px}\r\n .brand p{margin:4px 0 0; color:var(--muted); font-size:12.5px}\r\n\r\n .topActions{\r\n display:flex;\r\n gap:10px;\r\n align-items:center;\r\n flex-wrap:wrap;\r\n justify-content:flex-end;\r\n }\r\n\r\n a.pillBtn, button.pillBtn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 12px;\r\n border-radius:999px;\r\n border:1px solid var(--btnBorder);\r\n background: var(--btnBg);\r\n box-shadow: var(--in1), var(--in2);\r\n text-decoration:none;\r\n color: var(--text);\r\n font-size:12.5px;\r\n font-weight:900;\r\n white-space:nowrap;\r\n cursor:pointer;\r\n user-select:none;\r\n }\r\n a.pillBtn:hover, button.pillBtn:hover{\r\n border-color: color-mix(in srgb, var(--btnBorder) 75%, transparent);\r\n background: color-mix(in srgb, var(--btnBg) 80%, rgba(176,139,61,.10));\r\n }\r\n\r\n .desc{\r\n margin:0;\r\n color: color-mix(in srgb, var(--text) 88%, transparent);\r\n line-height:1.9;\r\n font-size:14px;\r\n padding:14px;\r\n }\r\n\r\n a.address{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-top:12px;\r\n padding:12px 14px;\r\n border-radius:18px;\r\n border:1px solid var(--cardBorder);\r\n background: var(--btnBg);\r\n box-shadow: var(--in1), var(--in2);\r\n text-decoration:none;\r\n color: color-mix(in srgb, var(--text) 85%, transparent);\r\n font-size:13px;\r\n }\r\n a.address:hover{\r\n border-color: rgba(216,194,123,.40);\r\n background: color-mix(in srgb, var(--btnBg) 80%, rgba(176,139,61,.08));\r\n }\r\n\r\n .actions{\r\n display:grid;\r\n gap:10px;\r\n margin-top:12px;\r\n }\r\n\r\n a.btn{\r\n text-decoration:none;\r\n color:var(--text);\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:10px;\r\n padding:13px 14px;\r\n border-radius:18px;\r\n border:1px solid var(--btnBorder);\r\n background: var(--btnBg);\r\n box-shadow: var(--out1), var(--out2);\r\n transition:.18s ease;\r\n font-weight:900;\r\n font-size:13.5px;\r\n }\r\n a.btn:hover{\r\n transform: translateY(-1px);\r\n border-color: rgba(216,194,123,.50);\r\n background: color-mix(in srgb, var(--btnBg) 82%, rgba(176,139,61,.10));\r\n }\r\n .btn .left{display:flex; align-items:center; gap:10px}\r\n .btn.primary{\r\n border-color: color-mix(in srgb, var(--btnBorder) 70%, rgba(216,194,123,.55));\r\n background: linear-gradient(180deg, rgba(176,139,61,.18), var(--btnBg));\r\n box-shadow: var(--glow), var(--out1), var(--out2);\r\n }\r\n\r\n .sectionTitle{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color: var(--title);\r\n font-weight:950;\r\n margin:18px 0 10px;\r\n font-size:15px;\r\n }\r\n .subNote{ margin:0 0 10px; color:var(--muted); font-size:12.5px; line-height:1.6; }\r\n\r\n .carousel{\r\n border-radius:22px;\r\n border:1px solid color-mix(in srgb, var(--btnBorder) 60%, transparent);\r\n background: var(--btnBg);\r\n box-shadow: var(--glow), var(--out1), var(--out2);\r\n overflow:hidden;\r\n position:relative;\r\n }\r\n .carouselViewport{overflow:hidden; touch-action: pan-y;}\r\n .carouselTrack{\r\n display:flex;\r\n transition: transform .45s cubic-bezier(.2,.9,.2,1);\r\n will-change: transform;\r\n }\r\n .slide{ min-width:100%; aspect-ratio: 1 \/ 1; position:relative; background: var(--tint); }\r\n .slide img{width:100%; height:100%; object-fit:cover; display:block;}\r\n .slide:after{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:\r\n radial-gradient(420px 220px at 70% 10%, rgba(176,139,61,.18), transparent 60%),\r\n linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.35));\r\n pointer-events:none;\r\n opacity: .85;\r\n }\r\n\r\n .cBtn{\r\n position:absolute;\r\n top:50%;\r\n transform: translateY(-50%);\r\n width:46px;height:46px;\r\n border-radius:18px;\r\n border:1px solid var(--btnBorder);\r\n background: var(--btnBg);\r\n box-shadow: var(--in1), var(--in2);\r\n color: var(--text);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n cursor:pointer;\r\n user-select:none;\r\n backdrop-filter: blur(6px);\r\n }\r\n .cBtn:hover{\r\n border-color: rgba(216,194,123,.50);\r\n background: color-mix(in srgb, var(--btnBg) 80%, rgba(176,139,61,.08));\r\n }\r\n .cPrev{left:12px;}\r\n .cNext{right:12px;}\r\n\r\n .dots{\r\n position:absolute;\r\n left:50%;\r\n transform: translateX(-50%);\r\n bottom:12px;\r\n display:flex;\r\n gap:8px;\r\n padding:8px 10px;\r\n border-radius:999px;\r\n border:1px solid var(--cardBorder);\r\n background: var(--dotsBg);\r\n backdrop-filter: blur(6px);\r\n }\r\n .dot{\r\n width:8px;height:8px;border-radius:99px;\r\n border:1px solid var(--dotBorder);\r\n background: var(--dotBg);\r\n cursor:pointer;\r\n }\r\n .dot.active{\r\n width:22px;\r\n background: linear-gradient(90deg, rgba(176,139,61,.92), rgba(216,194,123,.80));\r\n border-color: rgba(216,194,123,.55);\r\n }\r\n\r\n .mapwrap{\r\n margin-top:14px;\r\n overflow:hidden;\r\n border-radius:22px;\r\n border:1px solid color-mix(in srgb, var(--btnBorder) 55%, transparent);\r\n box-shadow: var(--out1), var(--out2);\r\n background: var(--btnBg);\r\n }\r\n iframe{display:block; width:100%; height:320px; border:0}\r\n\r\n .videoArea{\r\n display:grid;\r\n gap: clamp(12px, 1.4vw, 14px);\r\n }\r\n @media (min-width: 980px){\r\n .videoArea{ grid-template-columns: 1fr 1fr; }\r\n }\r\n\r\n .videoCard{\r\n border-radius:24px;\r\n border:1px solid var(--cardBorder);\r\n background: var(--cardBg);\r\n box-shadow: var(--out1), var(--out2);\r\n padding:12px;\r\n overflow:hidden;\r\n backdrop-filter: blur(6px);\r\n }\r\n .videoCard video{\r\n width:100%;\r\n height:auto;\r\n display:block;\r\n border-radius:16px;\r\n border:1px solid color-mix(in srgb, var(--btnBorder) 55%, transparent);\r\n background: var(--tint);\r\n box-shadow: var(--in1), var(--in2);\r\n }\r\n\r\n .footer{\r\n margin-top:14px;\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n color: color-mix(in srgb, var(--text) 55%, transparent);\r\n font-size:12px;\r\n padding:0 6px;\r\n position:relative;\r\n }\r\n\r\n :focus-visible{\r\n outline: 2px solid color-mix(in srgb, var(--gold2) 75%, transparent);\r\n outline-offset: 3px;\r\n border-radius: 12px;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"frame\">\r\n <main class=\"shell\">\r\n <div class=\"layout\">\r\n <section class=\"card\">\r\n <div class=\"top\">\r\n <div class=\"brand\">\r\n <div class=\"logoMark\" aria-label=\"DentaLounge logo\"><\/div>\r\n <div>\r\n <h1>Dental Lounge<\/h1>\r\n <p>Dentist & Dental Office \u2022 Amman<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"topActions\">\r\n <a class=\"pillBtn\" id=\"callBtn\" href=\"tel:+962777705555\" aria-label=\"Call DentaLounge\">\r\n <span class=\"ms\">call<\/span>\r\n <span id=\"phoneText\">+962777705555<\/span>\r\n <\/a>\r\n\r\n <a class=\"pillBtn\" href=\"https:\/\/g.page\/r\/CRuhmLu0NXS3EBM\/review\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Write a Google review\">\r\n <span class=\"ms\">star_rate<\/span>\r\n <span>Google Review<\/span>\r\n <\/a>\r\n\r\n <button class=\"pillBtn\" id=\"themeToggle\" type=\"button\" aria-label=\"Toggle theme\">\r\n <span class=\"ms\" id=\"themeIcon\">dark_mode<\/span>\r\n <span id=\"themeLabel\">Dark<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"soft-in\">\r\n <p class=\"desc\">\r\n An evidence based multidisciplinary specialized dental practice covering all departments of professional modern dental care.\r\n Our specialists are alumni of multiple international renowned dental schools from Jordan, UK, and the USA.\r\n <\/p>\r\n <\/div>\r\n\r\n <a class=\"address\" href=\"https:\/\/share.google\/r2ba60M4HHCRv9Rqm\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Open location in Google Maps\">\r\n <span class=\"ms\">location_on<\/span>\r\n <span>Al\u2011Madina Al\u2011Monawara St 219, Amman, Jordan<\/span>\r\n <span style=\"margin-left:auto; opacity:.85;\" class=\"ms\">north_east<\/span>\r\n <\/a>\r\n\r\n <h3 class=\"sectionTitle\"><span class=\"ms\">photo_library<\/span> Gallery<\/h3>\r\n <p class=\"subNote\">Swipe on mobile, or use arrows \/ dots.<\/p>\r\n\r\n <div class=\"carousel\" id=\"galleryCarousel\" aria-roledescription=\"carousel\" aria-label=\"DentaLounge gallery\">\r\n <button class=\"cBtn cPrev\" type=\"button\" aria-label=\"Previous slide\">\r\n <span class=\"ms\">chevron_left<\/span>\r\n <\/button>\r\n\r\n <div class=\"carouselViewport\">\r\n <div class=\"carouselTrack\">\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/photo_2026-01-20_14-27-31.jpg\" alt=\"Gallery photo 1\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/photo_2026-01-20_14-27-29.jpg\" alt=\"Gallery photo 2\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/photo_2026-01-20_14-27-26.jpg\" alt=\"Gallery photo 3\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/photo_2026-01-20_14-27-24.jpg\" alt=\"Gallery photo 4\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/photo_2026-01-20_14-27-21.jpg\" alt=\"Gallery photo 5\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/photo_2026-01-20_14-27-19.jpg\" alt=\"Gallery photo 6\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/photo_2026-01-20_14-27-16.jpg\" alt=\"Gallery photo 7\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/photo_2026-01-20_14-27-13.jpg\" alt=\"Gallery photo 8\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/photo_2026-01-20_14-27-07.jpg\" alt=\"Gallery photo 9\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"cBtn cNext\" type=\"button\" aria-label=\"Next slide\">\r\n <span class=\"ms\">chevron_right<\/span>\r\n <\/button>\r\n\r\n <div class=\"dots\" aria-label=\"Slide navigation\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <a class=\"btn primary\" id=\"waBtn\" href=\"https:\/\/wa.me\/962777705555?text=Hello%20DentaLounge%2C%20I%20want%20to%20book%20an%20appointment.\" target=\"_blank\" rel=\"noopener nofollow\">\r\n <span class=\"left\"><span class=\"ms\">chat<\/span> WhatsApp<\/span>\r\n <span class=\"ms\">arrow_forward<\/span>\r\n <\/a>\r\n\r\n <a class=\"btn\" href=\"https:\/\/www.instagram.com\/dentaloungejo\" target=\"_blank\" rel=\"noopener nofollow\">\r\n <span class=\"left\"><span class=\"ms\">photo_camera<\/span> Instagram<\/span>\r\n <span class=\"ms\">arrow_forward<\/span>\r\n <\/a>\r\n\r\n <a class=\"btn\" href=\"https:\/\/www.facebook.com\/dentaloungejo\" target=\"_blank\" rel=\"noopener nofollow\">\r\n <span class=\"left\"><span class=\"ms\">public<\/span> Facebook<\/span>\r\n <span class=\"ms\">arrow_forward<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"mapwrap\" aria-label=\"Google map embed\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d108281.93334004945!2d35.77614416264795!3d31.993154406328735!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151ca1cdc154acbf%3A0xb77435b4bb98a11b!2sDentaLounge!5e0!3m2!1sen!2sjo!4v1768906751632!5m2!1sen!2sjo\"\r\n allowfullscreen=\"\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n\r\n <a class=\"btn primary\" href=\"https:\/\/share.google\/r2ba60M4HHCRv9Rqm\" target=\"_blank\" rel=\"noopener nofollow\">\r\n <span class=\"left\"><span class=\"ms\">map<\/span> Open on Google Maps<\/span>\r\n <span class=\"ms\">arrow_forward<\/span>\r\n <\/a>\r\n <\/section>\r\n\r\n <aside class=\"videoArea\">\r\n <section class=\"videoCard\">\r\n <h3 class=\"sectionTitle\" style=\"margin:0 0 10px;\"><span class=\"ms\">movie<\/span> Video 1<\/h3>\r\n <video controls playsinline preload=\"metadata\">\r\n <source src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/AQPKmfF0np5PqNFIaxiyUOz7PPk3NnO5o3HeRZyddrrsWa35DQSI5IM1YpSti7d7gqvTlGZsRGZP5q.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/section>\r\n\r\n <section class=\"videoCard\">\r\n <h3 class=\"sectionTitle\" style=\"margin:0 0 10px;\"><span class=\"ms\">movie<\/span> Video 2<\/h3>\r\n <video controls playsinline preload=\"metadata\">\r\n <source src=\"https:\/\/dentalounge.info\/wp-content\/uploads\/2026\/01\/AQNXV3SCjGRSSU7cSquNxNX6bhXzQhHut_tmrli3AUew0Ms4ch8_vQmUD2XaNlhijt8YApA9v.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/section>\r\n <\/aside>\r\n <\/div>\r\n\r\n <div class=\"footer\">\r\n <span>\u00a9 <span id=\"y\"><\/span> DentaLounge<\/span>\r\n <span>Default Dark \u2022 Logo swap \u2022 Updated phone<\/span>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n <script>\r\n document.getElementById('y').textContent = new Date().getFullYear();\r\n\r\n \/\/ Phone (single source of truth)\r\n const PHONE_TEXT = \"+962777705555\";\r\n const PHONE_TEL = \"tel:+962777705555\";\r\n const WA_LINK = \"https:\/\/wa.me\/962777705555?text=Hello%20DentaLounge%2C%20I%20want%20to%20book%20an%20appointment.\";\r\n\r\n document.getElementById('phoneText').textContent = PHONE_TEXT;\r\n document.getElementById('callBtn').setAttribute('href', PHONE_TEL);\r\n document.getElementById('waBtn').setAttribute('href', WA_LINK);\r\n\r\n \/\/ Theme Toggle (default dark). [web:169]\r\n const THEME_KEY = 'dl-theme';\r\n const rootEl = document.documentElement;\r\n const btn = document.getElementById('themeToggle');\r\n const label = document.getElementById('themeLabel');\r\n const icon = document.getElementById('themeIcon');\r\n\r\n function applyTheme(theme){\r\n rootEl.setAttribute('data-theme', theme);\r\n const isDark = theme === 'dark';\r\n label.textContent = isDark ? 'Dark' : 'Light';\r\n icon.textContent = isDark ? 'dark_mode' : 'light_mode';\r\n btn.setAttribute('aria-pressed', String(isDark));\r\n }\r\n\r\n const saved = localStorage.getItem(THEME_KEY);\r\n if (saved === 'light' || saved === 'dark') applyTheme(saved);\r\n else applyTheme('dark');\r\n\r\n btn.addEventListener('click', () => {\r\n const current = rootEl.getAttribute('data-theme') || 'dark';\r\n const next = current === 'dark' ? 'light' : 'dark';\r\n localStorage.setItem(THEME_KEY, next);\r\n applyTheme(next);\r\n });\r\n\r\n \/\/ Carousel\r\n const carousel = document.getElementById('galleryCarousel');\r\n const track = carousel.querySelector('.carouselTrack');\r\n const slides = Array.from(carousel.querySelectorAll('.slide'));\r\n const prevBtn = carousel.querySelector('.cPrev');\r\n const nextBtn = carousel.querySelector('.cNext');\r\n const dotsWrap = carousel.querySelector('.dots');\r\n\r\n let index = 0;\r\n\r\n slides.forEach((_, i) => {\r\n const b = document.createElement('button');\r\n b.type = 'button';\r\n b.className = 'dot' + (i === 0 ? ' active' : '');\r\n b.setAttribute('aria-label', `Go to slide ${i + 1}`);\r\n b.addEventListener('click', () => goTo(i));\r\n dotsWrap.appendChild(b);\r\n });\r\n\r\n const dots = Array.from(dotsWrap.querySelectorAll('.dot'));\r\n\r\n function update(){\r\n track.style.transform = `translateX(-${index * 100}%)`;\r\n dots.forEach((d, i) => d.classList.toggle('active', i === index));\r\n }\r\n\r\n function goTo(i){\r\n index = (i + slides.length) % slides.length;\r\n update();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(index - 1));\r\n nextBtn.addEventListener('click', () => goTo(index + 1));\r\n\r\n \/\/ Swipe\r\n const viewport = carousel.querySelector('.carouselViewport');\r\n let startX = 0, dx = 0, dragging = false;\r\n\r\n viewport.addEventListener('pointerdown', (e) => {\r\n dragging = true;\r\n startX = e.clientX;\r\n dx = 0;\r\n viewport.setPointerCapture(e.pointerId);\r\n });\r\n\r\n viewport.addEventListener('pointermove', (e) => {\r\n if (!dragging) return;\r\n dx = e.clientX - startX;\r\n });\r\n\r\n viewport.addEventListener('pointerup', () => {\r\n if (!dragging) return;\r\n dragging = false;\r\n const threshold = 40;\r\n if (dx > threshold) goTo(index - 1);\r\n else if (dx < -threshold) goTo(index + 1);\r\n });\r\n\r\n update();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DentaLounge | Profile Dental Lounge Dentist & Dental Office \u2022 Amman call +962777705555 star_rate Google Review dark_mode Dark An evidence based multidisciplinary specialized dental practice covering all departments of professional modern dental care. Our specialists are alumni of multiple international renowned dental schools from Jordan, UK, and the USA. location_on Al\u2011Madina Al\u2011Monawara St 219, Amman, […]<\/p>\n","protected":false},"author":1,"featured_media":53,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dentalounge.info\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dentalounge.info\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalounge.info\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalounge.info\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalounge.info\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":33,"href":"https:\/\/dentalounge.info\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/dentalounge.info\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/65"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dentalounge.info\/index.php\/wp-json\/wp\/v2\/media\/53"}],"wp:attachment":[{"href":"https:\/\/dentalounge.info\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}