{"id":9207,"date":"2025-12-12T13:45:41","date_gmt":"2025-12-12T09:45:41","guid":{"rendered":"https:\/\/via-tonic.com\/?page_id=9207"},"modified":"2026-02-09T13:58:26","modified_gmt":"2026-02-09T09:58:26","slug":"pure-collagen-offer-landing-page","status":"publish","type":"page","link":"https:\/\/via-tonic.com\/ar\/pure-collagen-offer-landing-page\/","title":{"rendered":"PURE COLLAGEN+ OFFER LANDING PAGE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9207\" class=\"elementor elementor-9207\" 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-7ec1a89 e-con-full e-flex 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<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: repeat(3, 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\/* 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 *\/\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\/* 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 *\/\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: 1100px) {\r\n    .landing-c .offer-card-c {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n}\r\n\r\n@media (max-width: 700px) {\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: 240px;\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\r\n\r\n\/* ================== PREMIUM FLOATING BADGE ================== *\/\r\n.landing-c .badge-special-c {\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 14px;\r\n    padding: 5px 22px;\r\n    border-radius: 999px;\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    color: #0f172a;\r\n    background: linear-gradient(\r\n        120deg,\r\n        #facc15,\r\n        #fde047,\r\n        #f59e0b\r\n    );\r\n    background-size: 200% 200%;\r\n    box-shadow:\r\n        0 10px 25px rgba(245,158,11,0.35),\r\n        inset 0 1px 0 rgba(255,255,255,0.6);\r\n    animation:\r\n        gradientMoveC 3s ease infinite,\r\n        floatBadgeC 2.8s ease-in-out infinite;\r\n    z-index: 3;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* SHINE EFFECT *\/\r\n.landing-c .badge-special-c::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -60%;\r\n    width: 40%;\r\n    height: 200%;\r\n    background: linear-gradient(\r\n        120deg,\r\n        rgba(255,255,255,0),\r\n        rgba(255,255,255,0.65),\r\n        rgba(255,255,255,0)\r\n    );\r\n    transform: rotate(25deg);\r\n    animation: shineC 3.5s infinite;\r\n}\r\n\r\n\/* ICON *\/\r\n.landing-c .badge-special-c span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes gradientMoveC {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n}\r\n\r\n@keyframes floatBadgeC {\r\n    0% { transform: translateY(0); }\r\n    50% { transform: translateY(-6px); }\r\n    100% { transform: translateY(0); }\r\n}\r\n\r\n@keyframes shineC {\r\n    0% { left: -60%; }\r\n    60% { left: 120%; }\r\n    100% { left: 120%; }\r\n}\r\n\r\n\r\n\/*@media (max-width: 700px) {*\/\r\n\/*    .landing-c .offer-card-c {*\/\r\n\/*        display: flex;*\/\r\n\/*        flex-direction: column-reverse;*\/\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>\u0623\u0641\u0636\u0644 \u0639\u0631\u0648\u0636 PURE COLLAGEN+<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"offer-card-c\">\r\n\r\n        <!-- OFFER 1 -->\r\n        <div class=\"card-inner-c\">\r\n            <div class=\"badge-c\">\u0639\u0631\u0636 \u0623\u0633\u0627\u0633\u064a<\/div>\r\n            <div class=\"image-box-c lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-13-at-8.17.20-PM.jpeg&#039;)\"><\/div>\r\n            <div class=\"content-c\">\r\n                <h3>PURE COLLAGEN+ (\u0639\u0644\u0628\u0629 \u0648\u0627\u062d\u062f\u0629)<\/h3\r\n                <p>\u0643\u0648\u0644\u0627\u062c\u064a\u0646 \u0628\u062d\u0631\u064a \u0646\u0642\u064a \u0644\u062f\u0639\u0645 \u0646\u0636\u0627\u0631\u0629 \u0627\u0644\u0628\u0634\u0631\u0629 \u0648\u062a\u0642\u0648\u064a\u0629 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0623\u0638\u0627\u0641\u0631.<\/p>\r\n                <ul class=\"benefits-list\">\r\n                     <li>\u0646\u062a\u0627\u0626\u062c \u0648\u0627\u0636\u062d\u0629 \u062e\u0644\u0627\u0644 \u0623\u0633\u0627\u0628\u064a\u0639<\/li>\r\n                    <li>\u0628\u0634\u0631\u0629 \u0623\u0643\u062b\u0631 \u0625\u0634\u0631\u0627\u0642\u064b\u0627<\/li>\r\n                     <li>\u0646\u0636\u0627\u0631\u0629 \u0648\u0645\u0631\u0648\u0646\u0629 \u0623\u0639\u0644\u0649<\/li>\r\n                    <li>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u062c\u0627\u0639\u064a\u062f<\/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                <\/ul>\r\n                <div class=\"price-row-c\">\r\n                    <span class=\"new-price-c\">294 \u062f\u0631\u0647\u0645<\/span>\r\n                <\/div>\r\n                <div class=\"cta-row-c\">\r\n                    <a href=\"https:\/\/via-tonic.com\/?add-to-cart=6706\" class=\"btn-main-c btn-atc-c\">\u2795 \u0623\u0636\u0641 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- OFFER 2 -->\r\n        <div class=\"card-inner-c\">\r\n            <div class=\"badge-c\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627<\/div>\r\n            <div class=\"image-box-c lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-13-at-8.15.31-PM.jpeg&#039;)\"><\/div>\r\n            <div class=\"content-c\">\r\n                <h3>PURE COLLAGEN+ (\u0639\u0644\u0628\u062a\u0627\u0646)<\/h3>\r\n                <p>\u0646\u062a\u0627\u0626\u062c \u0623\u0633\u0631\u0639 \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062e\u0627\u0635.<\/p>\r\n                <ul class=\"benefits-list\">\r\n                    <li>\u0646\u062a\u0627\u0626\u062c \u0648\u0627\u0636\u062d\u0629 \u062e\u0644\u0627\u0644 \u0623\u0633\u0627\u0628\u064a\u0639<\/li>\r\n                    <li>\u0628\u0634\u0631\u0629 \u0623\u0643\u062b\u0631 \u0625\u0634\u0631\u0627\u0642\u064b\u0627<\/li>\r\n                     <li>\u0646\u0636\u0627\u0631\u0629 \u0648\u0645\u0631\u0648\u0646\u0629 \u0623\u0639\u0644\u0649<\/li>\r\n                    <li>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u062c\u0627\u0639\u064a\u062f<\/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                <\/ul>\r\n                <div class=\"price-row-c\">\r\n                    <span class=\"old-price-c\">588 \u062f\u0631\u0647\u0645<\/span>\r\n                    <span class=\"new-price-c\">500 \u062f\u0631\u0647\u0645<\/span>\r\n                <\/div>\r\n                <div class=\"cta-row-c\">\r\n                    <a href=\"https:\/\/via-tonic.com\/?add-to-cart=9212\" class=\"btn-main-c btn-atc-c\">\u2795 \u0627\u062d\u0635\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0639\u0631\u0636<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- OFFER 3 -->\r\n        <div class=\"card-inner-c\">\r\n           <div class=\"badge-special-c\">\r\n    <span>\u2b50 \u0643\u0648\u0631\u0633 \u0627\u0644\u0634\u0647\u0631 \u0643\u0627\u0645\u0644<\/span>\r\n<\/div>\r\n            <div class=\"image-box-c lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-13-at-8.13.45-PM-1.jpeg&#039;)\"><\/div>\r\n            <div class=\"content-c\">\r\n                <h3>PURE COLLAGEN+ (3 \u0639\u0644\u0628)<\/h3>\r\n                <p>\u0623\u0641\u0636\u0644 \u062e\u064a\u0627\u0631 \u0644\u0646\u062a\u0627\u0626\u062c \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f.<\/p>\r\n                <ul class=\"benefits-list\">\r\n                  <li>\u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0633\u0639\u0631<\/li>\r\n                  <li>\u0646\u062a\u0627\u0626\u062c \u0648\u0627\u0636\u062d\u0629 \u062e\u0644\u0627\u0644 \u0623\u0633\u0627\u0628\u064a\u0639<\/li>\r\n                    <li>\u0628\u0634\u0631\u0629 \u0623\u0643\u062b\u0631 \u0625\u0634\u0631\u0627\u0642\u064b\u0627<\/li>\r\n                     <li>\u0646\u0636\u0627\u0631\u0629 \u0648\u0645\u0631\u0648\u0646\u0629 \u0623\u0639\u0644\u0649<\/li>\r\n                    <li>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u062c\u0627\u0639\u064a\u062f<\/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                <\/ul>\r\n                <div class=\"price-row-c\">\r\n                    <span class=\"old-price-c\">882 \u062f\u0631\u0647\u0645<\/span>\r\n                    <span class=\"new-price-c\">705 \u062f\u0631\u0647\u0645<\/span>\r\n                <\/div>\r\n                <div class=\"cta-row-c\">\r\n                    <a href=\"https:\/\/via-tonic.com\/?add-to-cart=9216\" class=\"btn-main-c btn-atc-c\">\u2795 \u0627\u062d\u0635\u0644\u064a \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0639\u0631\u0636<\/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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0639\u0631\u0648\u0636 \u062c\u0645\u0627\u0644\u064a\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0644\u0643 \u0623\u0641\u0636\u0644 \u0639\u0631\u0648\u0636 PURE COLLAGEN+ \u0639\u0631\u0636 \u0623\u0633\u0627\u0633\u064a PURE COLLAGEN+ (\u0639\u0644\u0628\u0629 \u0648\u0627\u062d\u062f\u0629)<\/p>\n","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-9207","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages\/9207","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=9207"}],"version-history":[{"count":32,"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages\/9207\/revisions"}],"predecessor-version":[{"id":9587,"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/pages\/9207\/revisions\/9587"}],"wp:attachment":[{"href":"https:\/\/via-tonic.com\/ar\/wp-json\/wp\/v2\/media?parent=9207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}