{"id":9017,"date":"2025-11-22T13:47:24","date_gmt":"2025-11-22T09:47:24","guid":{"rendered":"https:\/\/via-tonic.com\/?page_id=9017"},"modified":"2026-01-03T04:35:42","modified_gmt":"2026-01-03T00:35:42","slug":"product-landing-2","status":"publish","type":"page","link":"https:\/\/via-tonic.com\/ar\/product-landing-2\/","title":{"rendered":"Product Landing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9017\" class=\"elementor elementor-9017\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b859c42 e-flex e-con-boxed e-con e-parent\" data-id=\"b859c42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9e1f6a4 e-con-full e-flex e-con e-child\" data-id=\"9e1f6a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-a17d5ed e-con-full e-flex e-con e-child\" data-id=\"a17d5ed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ec1a89 e-flex e-con-boxed e-con e-parent\" data-id=\"7ec1a89\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81aadc0 elementor-widget elementor-widget-html\" data-id=\"81aadc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ================== C: BOLD E-COMMERCE CARDS ================== *\/\r\n.landing-c {\r\n    font-family: 'Tajawal', sans-serif;\r\n    direction: rtl;\r\n    background: #f3f4f8;\r\n    padding: 40px 20px;\r\n}\r\n\r\n.landing-c-wrapper {\r\n    max-width: 1150px;\r\n    margin: auto;\r\n}\r\n\r\n\/* SECTION TITLE *\/\r\n.landing-c .section-title-c {\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.landing-c .section-title-c h2 {\r\n    font-size: 36px;\r\n    font-weight: 900;\r\n    color: #111827;\r\n}\r\n\r\n.landing-c .section-title-c p {\r\n    font-size: 17px;\r\n    color: #6b7280;\r\n    margin-top: 8px;\r\n}\r\n\r\n\/* OFFER CARD GRID *\/\r\n.landing-c .offer-card-c {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n    gap: 32px;\r\n    margin-bottom: 45px;\r\n}\r\n\r\n\/* CARD INNER *\/\r\n.landing-c .card-inner-c {\r\n    background: #ffffff;\r\n    border-radius: 22px;\r\n    box-shadow: 0 20px 45px rgba(15,23,42,0.12);\r\n    overflow: hidden;\r\n    display: grid;\r\n    grid-template-rows: auto 1fr;\r\n    position: relative;\r\n}\r\n\r\n\/* BADGE *\/\r\n.landing-c .badge-c {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 16px;\r\n    background: linear-gradient(135deg, #ef4444, #f97316);\r\n    color: white;\r\n    padding: 6px 14px;\r\n    border-radius: 999px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* IMAGE BOX *\/\r\n.landing-c .image-box-c {\r\n    width: 100%;\r\n    height: 280px;\r\n    background: #e5e7eb;\r\n    background-size: contain;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.landing-c .content-c {\r\n    padding: 22px 22px 20px;\r\n}\r\n\r\n.landing-c .content-c h3 {\r\n    font-size: 22px;\r\n    margin-bottom: 8px;\r\n    color: #111827;\r\n}\r\n\r\n.landing-c .content-c p {\r\n    font-size: 15px;\r\n    color: #4b5563;\r\n    line-height: 1.9;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n\/* Added Benefits *\/\r\n.landing-c .benefits-list {\r\n    margin: 10px 0 18px;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.landing-c .benefits-list li {\r\n    font-size: 14px;\r\n    color: #374151;\r\n    background: #f3f4f6;\r\n    padding: 6px 10px;\r\n    border-radius: 8px;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n\/* PRICE ROW *\/\r\n.landing-c .price-row-c {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 8px;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.landing-c .old-price-c {\r\n    text-decoration: line-through;\r\n    color: #9ca3af;\r\n    font-size: 15px;\r\n}\r\n\r\n.landing-c .new-price-c {\r\n    color: #10b981;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* CTA AREA *\/\r\n.landing-c .cta-row-c {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.landing-c .tagline-c {\r\n    font-size: 13px;\r\n    color: #6b7280;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.landing-c .btn-main-c {\r\n    background: linear-gradient(135deg, #0f172a, #0f6ba8);\r\n    padding: 11px 22px;\r\n    border-radius: 999px;\r\n    font-size: 15px;\r\n    color: #fff;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    transition: 0.2s;\r\n    border: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.landing-c .btn-main-c:hover {\r\n    transform: translateY(-2px) scale(1.01);\r\n}\r\n\r\n\/* Loading state *\/\r\n.landing-c .btn-main-c.loading {\r\n    pointer-events: none;\r\n    color: transparent;\r\n    position: relative;\r\n}\r\n\r\n.landing-c .btn-main-c.loading::after {\r\n    content: \"\";\r\n    width: 16px;\r\n    height: 16px;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(255,255,255,0.5);\r\n    border-top-color: #ffffff;\r\n    animation: spinC 0.7s linear infinite;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    margin: -8px 0 0 -8px;\r\n}\r\n\r\n@keyframes spinC {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n    .landing-c .offer-card-c {\r\n        grid-template-columns: minmax(0, 1fr);\r\n    }\r\n\r\n    .landing-c .image-box-c {\r\n        height: 260px;\r\n    }\r\n\r\n    .landing-c .cta-row-c {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"landing-c\">\r\n  <div class=\"landing-c-wrapper\">\r\n\r\n    <div class=\"section-title-c\">\r\n        <h2>\u0639\u0631\u0648\u0636 \u062c\u0645\u0627\u0644\u064a\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0644\u0643<\/h2>\r\n        <p>\u0628\u0627\u0642\u0629 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0628\u0634\u0631\u0629 + \u0639\u0631\u0636 \u0627\u0644\u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0627\u0644\u0623\u0642\u0648\u0649<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"offer-card-c\">\r\n\r\n        <!-- CARD 1 -->\r\n        <div class=\"card-inner-c\">\r\n            <div class=\"badge-c\">\u062e\u0635\u0645 50%<\/div>\r\n            <div class=\"image-box-c lazyload\" \r\n                 style=\"background-image:inherit;\" data-bg-image=\"url(&#039;\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-22-at-1.43.40-PM.jpeg&#039;)\">\r\n            <\/div>\r\n            <div class=\"content-c\">\r\n                <h3>\u0645\u062c\u0645\u0648\u0639\u0629 Rejuvea HA \u0627\u0644\u0643\u0627\u0645\u0644\u0629<\/h3>\r\n                <p>\r\n                    \u0628\u0627\u0642\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0633\u062a\u0647\u062f\u0641 \u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0628\u0634\u0631\u0629: \u062a\u0646\u0638\u064a\u0641\u060c \u062a\u0631\u0637\u064a\u0628\u060c \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\r\n                    \u0648\u062a\u062d\u0633\u064a\u0646 \u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0628\u0634\u0631\u0629 \u0645\u0639 \u062a\u0631\u0643\u064a\u0628\u0629 \u063a\u0646\u064a\u0629 \u0628\u0645\u0636\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0643\u0633\u062f\u0629.\r\n                <\/p>\r\n\r\n                <ul class=\"benefits-list\">\r\n                    <li>\u062a\u0646\u0638\u064a\u0641 \u0644\u0637\u064a\u0641 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0631\u0637\u064a\u0628 \u0627\u0644\u0628\u0634\u0631\u0629<\/li>\r\n                    <li>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0648\u062a\u062c\u062f\u064a\u062f \u0627\u0644\u062e\u0644\u0627\u064a\u0627<\/li>\r\n                    <li>\u062a\u0641\u062a\u064a\u062d \u0627\u0644\u0647\u0627\u0644\u0627\u062a \u0648\u062a\u062d\u0633\u064a\u0646 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0639\u064a\u0646<\/li>\r\n                    <li>\u062a\u0631\u0637\u064a\u0628 \u0639\u0645\u064a\u0642 \u0648\u062a\u0623\u062b\u064a\u0631 \u062a\u0648\u0647\u062c \u0641\u0648\u0631\u064a<\/li>\r\n                    <li>\u062a\u0631\u0643\u064a\u0628\u0629 HA \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0644\u0627\u0645\u062a\u0635\u0627\u0635 \u0623\u0641\u0636\u0644<\/li>\r\n                <\/ul>\r\n\r\n                <div class=\"price-row-c\">\r\n                    <span class=\"old-price-c\">1040 \u062f\u0631\u0647\u0645<\/span>\r\n                    <span class=\"new-price-c\">520 \u062f\u0631\u0647\u0645<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"cta-row-c\">\r\n                    <span class=\"tagline-c\">\u0631\u0648\u062a\u064a\u0646 \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0628\u0634\u0631\u0629 \u0634\u0627\u0628\u0629 \u0648\u0645\u0634\u0631\u0642\u0629.<\/span>\r\n                    <a href=\"https:\/\/via-tonic.com\/?add-to-cart=9021\" \r\n                       class=\"btn-main-c btn-atc-c\">\r\n                           \u2795 \u0627\u062d\u0635\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0639\u0631\u0636\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- CARD 2 -->\r\n        <div class=\"card-inner-c\">\r\n            <div class=\"badge-c\">3 + 3 \u0645\u062c\u0627\u0646\u0627\u064b<\/div>\r\n            \r\n            <div class=\"image-box-c lazyload\" \r\n                 style=\"background-image:inherit;\" data-bg-image=\"url(&#039;\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-22-at-10.23.04-AM.jpeg&#039;)\">\r\n            <\/div>\r\n            <div class=\"content-c\">\r\n                <h3>PURE COLLAGEN+ (\u0639\u062f\u062f 2 \u0643\u0648\u0631\u0633)<\/h3>\r\n                <p>\r\n                    \u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0628\u062d\u0631\u064a \u0646\u0642\u064a \u0645\u062f\u0639\u0651\u0645 \u0628\u062d\u0645\u0636 \u0627\u0644\u0647\u064a\u0627\u0644\u0648\u0631\u0648\u0646\u064a\u0643 \u0648\u0645\u0636\u0627\u062f\u0627\u062a \u0623\u0643\u0633\u062f\u0629\u060c \u0628\u062a\u0631\u0643\u064a\u0628\u0629 UNICADOSES\u00ae  \r\n                    \u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0627\u0645\u062a\u0635\u0627\u0635 \u0623\u0639\u0644\u0649 \u0648\u0646\u062a\u0627\u0626\u062c \u0623\u0633\u0631\u0639.\r\n                <\/p>\r\n\r\n                <ul class=\"benefits-list\">\r\n                    <li>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u062c\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062f\u0642\u064a\u0642\u0629<\/li>\r\n                    <li>\u0632\u064a\u0627\u062f\u0629 \u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0628\u0634\u0631\u0629 \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0627\u0644\u062f\u0627\u062e\u0644\u064a<\/li>\r\n                    <li>\u062a\u062d\u0633\u064a\u0646 \u062a\u0631\u0637\u064a\u0628 \u0627\u0644\u0628\u0634\u0631\u0629 \u0648\u0646\u0636\u0627\u0631\u062a\u0647\u0627<\/li>\r\n                    <li>\u062a\u0642\u0648\u064a\u0629 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0623\u0638\u0627\u0641\u0631<\/li>\r\n                    <li>\u062c\u0631\u0639\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0628\u062f\u0648\u0646 \u0645\u0648\u0627\u062f \u062d\u0627\u0641\u0638\u0629<\/li>\r\n                <\/ul>\r\n\r\n                <div class=\"price-row-c\">\r\n                    <span class=\"new-price-c\">\ud83c\udf81 3 + 3 \u0645\u062c\u0627\u0646\u0627\u064b<\/span>\r\n                    <span class=\"old-price-c\">1,764 \u062f\u0631\u0647\u0645<\/span>\r\n<span class=\"new-price-c\">882 \u062f\u0631\u0647\u0645<\/span>\r\n                <\/div>\r\n                \r\n\r\n                <div class=\"cta-row-c\">\r\n                    <span class=\"tagline-c\">\u0623\u0641\u0636\u0644 \u0639\u0631\u0636 \u0644\u0644\u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f.<\/span>\r\n                    <a href=\"https:\/\/via-tonic.com\/?add-to-cart=9044\" \r\n                       class=\"btn-main-c btn-atc-c\">\r\n                       \u2795 \u0627\u062d\u0635\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0639\u0631\u0636\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    document.querySelectorAll('.landing-c .btn-atc-c').forEach(function(btn){\r\n        btn.addEventListener('click', function(){\r\n            btn.classList.add('loading');\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":536,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9017","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages\/9017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/users\/536"}],"replies":[{"embeddable":true,"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/comments?post=9017"}],"version-history":[{"count":32,"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages\/9017\/revisions"}],"predecessor-version":[{"id":9343,"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages\/9017\/revisions\/9343"}],"wp:attachment":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/media?parent=9017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}