{"id":722,"date":"2025-10-10T15:29:09","date_gmt":"2025-10-10T21:29:09","guid":{"rendered":"https:\/\/scinnovhub.com\/?page_id=722"},"modified":"2026-04-13T12:21:57","modified_gmt":"2026-04-13T18:21:57","slug":"page-price","status":"publish","type":"page","link":"https:\/\/scinnovhub.com\/ar\/page-price\/","title":{"rendered":"\u062e\u0637\u0637 \u0627\u0644\u0623\u0633\u0639\u0627\u0631"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"722\" class=\"elementor elementor-722\">\n\t\t\t\t<div class=\"elementor-element elementor-element-381ac08 e-con-full e-flex e-con e-parent\" data-id=\"381ac08\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06d0389 elementor-widget elementor-widget-html\" data-id=\"06d0389\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Course Pricing - ScInnovHub<\/title>\n    <!-- Google Fonts for Poppins -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome for icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" integrity=\"sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n    <style>\n        \/* Base Styles - Mobile-first approach *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Poppins', sans-serif;\n            background-color: #F3F4F6; \/* Light gray accent *\/\n            color: #333;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        main {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 2rem 1rem;\n        }\n\n        \/* Hero Section - Centered, inspirational header *\/\n        .hero {\n            text-align: center;\n            padding: 4rem 1rem;\n            background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%); \/* Futuristic gradient with primary blue *\/\n            color: #FFFFFF;\n            border-radius: 12px;\n            margin-bottom: 3rem;\n            box-shadow: 0 4px 20px rgba(37, 99, 235, 0.2); \/* Subtle glow *\/\n            transition: all 0.3s ease;\n        }\n\n        .hero h1 {\n            font-size: 2.5rem;\n            font-weight: 700;\n            margin-bottom: 0.5rem;\n        }\n\n        .hero .subtitle {\n            font-size: 1.2rem;\n            font-weight: 500;\n            margin-bottom: 1rem;\n        }\n\n        .hero p {\n            font-size: 1rem;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        \/* Pricing Section - Grid layout for cards *\/\n        .pricing {\n            display: grid;\n            grid-template-columns: 1fr; \/* Stack on mobile *\/\n            gap: 2rem;\n            justify-items: center;\n        }\n\n        .card {\n            background-color: #FFFFFF;\n            border-radius: 12px;\n            padding: 2rem;\n            max-width: 350px;\n            width: 100%;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease; \/* Smooth hover animation *\/\n            position: relative; \/* For recommended badge *\/\n            overflow: hidden;\n        }\n\n        .card:hover {\n            transform: scale(1.05); \/* Scale-up on hover *\/\n            box-shadow: 0 6px 25px rgba(37, 99, 235, 0.3); \/* Glowing shadow *\/\n        }\n\n        \/* Recommended Highlight - Glowing border and badge *\/\n        .card.recommended {\n            border: 2px solid #2563EB; \/* Primary blue border *\/\n            box-shadow: 0 0 15px rgba(37, 99, 235, 0.4); \/* Subtle glow *\/\n        }\n\n        .card.recommended::before {\n            content: \"Recommended\";\n            position: absolute;\n            top: -1rem;\n            right: -1rem;\n            background: #2563EB;\n            color: #FFFFFF;\n            padding: 0.5rem 1rem;\n            font-size: 0.8rem;\n            font-weight: 600;\n            transform: rotate(45deg);\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n        }\n\n        \/* Card Header - Title, Badge, Tagline *\/\n        .card-header {\n            text-align: center;\n            margin-bottom: 1.5rem;\n        }\n\n        .card-header h2 {\n            font-size: 1.8rem;\n            font-weight: 600;\n            color: #2563EB; \/* Primary color *\/\n            margin-bottom: 0.5rem;\n        }\n\n        .card-header .badge {\n            font-size: 1.2rem;\n            margin-right: 0.5rem;\n        }\n\n        .card-header .tagline {\n            font-size: 1rem;\n            font-style: italic;\n            color: #666;\n        }\n\n        \/* Feature List - Bullet points with icons *\/\n        .features {\n            list-style: none;\n            margin-bottom: 1.5rem;\n        }\n\n        .features li {\n            display: flex;\n            align-items: center;\n            margin-bottom: 0.75rem;\n            font-size: 0.95rem;\n        }\n\n        .features li i {\n            color: #2563EB;\n            margin-right: 0.75rem;\n            font-size: 1rem;\n        }\n\n        \/* Price Section *\/\n        .price {\n            text-align: center;\n            margin-bottom: 1.5rem;\n        }\n\n        .price span {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #2563EB;\n        }\n\n        .price small {\n            font-size: 0.99rem;\n            color: #666;\n        }\n\n        \/* CTA Button - Inviting, with hover effect *\/\n        .cta {\n            display: block;\n            text-align: center;\n            background-color: #2563EB;\n            color: #FFFFFF;\n            padding: 1rem;\n            border-radius: 8px;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n\n        .cta:hover {\n            background-color: #1E40AF; \/* Darker blue on hover *\/\n            transform: translateY(-2px); \/* Slight lift *\/\n        }\n\n        \/* Responsive Design - Side-by-side on larger screens *\/\n        @media (min-width: 768px) {\n            .pricing {\n                grid-template-columns: repeat(3, 1fr); \/* Three columns on desktop *\/\n            }\n\n            .hero h1 {\n                font-size: 1.5rem;\n            }\n\n            .hero .subtitle {\n                font-size: 1rem;\n            }\n\n            .card.recommended {\n                transform: scale(1.05); \/* Slightly larger for emphasis *\/\n            }\n\n            .card.recommended:hover {\n                transform: scale(1.1); \/* Enhanced hover *\/\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <main>\n        <!-- Hero Section: Introduces the pricing page with motivational copy -->\n        <section class=\"hero\">\n            <h1>\u0627\u062e\u062a\u0631 \u062e\u0637\u0629 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643<\/h1>\n            <p class=\"subtitle\">\u0639\u0632\u0651\u0632 \u0631\u062d\u0644\u0629 \u0627\u0628\u062a\u0643\u0627\u0631\u0643 \u0645\u0639 ScInnovHub<\/p>\n            <p>\u0627\u0643\u062a\u0634\u0641 \u0625\u0645\u0643\u0627\u0646\u0627\u062a\u0643 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u0637\u0637 \u062a\u0639\u0644\u0645 \u0645\u062e\u0635\u0651\u0635\u0629 \u062a\u0644\u0627\u0626\u0645 \u0644\u0644\u0627\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f  \u0648\u0627\u0644\u0645\u0628\u062f\u0639\u064a\u0646. \u0627\u0628\u062f\u0623 \u0627\u0644\u064a\u0648\u0645 \u0628\u062a\u062d\u0648\u064a\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639<\/p>\n        <\/section>\n\n     <!-- Pricing Section: Contains the three cards -->\n<section class=\"pricing\">\n    <!-- Individual Plan Card -->\n    <article class=\"card individual\" data-plan='{\"title\":\"Individual\",\"price\":\"199.5 EGP\",\"features\":[\"One to One\",\"Access to core learning materials\",\"Community forum support\",\"Certificate of completion\"]}' data-link=\"https:\/\/scinnovhub.com\/individual-plan\/\">\n        <div class=\"card-header\">\n            <h2>\u0641\u0631\u062f\u064a<\/h2>\n            <span class=\"badge\">\ud83e\udde9<\/span>\n            <span class=\"tagline\">\u0623\u0641\u0636\u0644 \u062a\u0648\u0641\u064a\u0631<\/span>\n        <\/div>\n        <ul class=\"features\">\n       \n            <li><i class=\"fas fa-check\"><\/i>\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0645\u062a\u0627\u062d\u0629 \u0644\u0643<\/li>\n        \n            <li><i class=\"fas fa-check\"><\/i>\u0634\u0647\u0627\u062f\u0629 \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u062f\u0648\u0631\u0629<\/li>\n        <\/ul>\n        <div class=\"price\">\n            <span>199.5 \u062c\u0646\u064a\u0629<small>\/\u062c\u0644\u0633\u0629<\/small><\/span> \n        <\/div>\n        <a href=\"https:\/\/scinnovhub.com\/ar\/individual-plan\/\" class=\"cta\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n    <\/article>\n\n    <!-- Group Plan Card -->\n    <article class=\"card group recommended\" data-plan='{\"title\":\"Group\",\"price\":\"99 EGP\",\"features\":[\"Team access for up to 7 users\",\"Collaborative learning tools\",\"Progress tracking dashboard\",\"Priority email support\"]}' data-link=\"https:\/\/scinnovhub.com\/page-group-price\/\">\n        <div class=\"card-header\">\n            <h2>\u062c\u0645\u0627\u0639\u064a<\/h2>\n            <span class=\"badge\">\ud83d\udc65<\/span>\n            <span class=\"tagline\">\u0642\u064a\u0645\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629<\/span>\n        <\/div>\n        <ul class=\"features\">\n            <li><i class=\"fas fa-check\"><\/i>\u062e\u0637\u0629 \u0627\u0644\u0641\u0631\u064a\u0642 (\u062d\u062a\u0649 10 \u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646)<\/li>\n            <li><i class=\"fas fa-check\"><\/i>\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0645\u062a\u0627\u062d\u0629 \u0644\u0643<\/li>\n        <li><i class=\"fas fa-check\"><\/i>\u0634\u0647\u0627\u062f\u0629 \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u062f\u0648\u0631\u0629<\/li>\n        <\/ul>\n        <div class=\"price\">\n            <span>99 \u062c\u0646\u064a\u0629<small>\/\u062c\u0644\u0633\u0629<\/small><\/span> \n        <\/div>\n        <a href=\"https:\/\/scinnovhub.com\/ar\/page-group-price\/\" class=\"cta\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n    <\/article>\n\n    <!-- Premium Plan Card -->\n    <article class=\"card premium\" data-plan='{\"title\":\"Premium\",\"price\":\"399 EGP\",\"features\":[\"Unlimited course access\",\"Live Q&A sessions\",\"Offline learning resources\",\"Personalized instructor support\"]}' data-link=\"https:\/\/scinnovhub.com\/premium-plan\/\">\n        <div class=\"card-header\">\n            <h2>\u062c\u0644\u0633\u0627\u062a \u062e\u0627\u0635\u0629<\/h2>\n            <span class=\"badge\">\ud83d\ude80<\/span>\n            <span class=\"tagline\">\u0648\u0635\u0648\u0644 \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f<\/span>\n        <\/div>\n        <ul class=\"features\">\n            <li><i class=\"fas fa-check\"><\/i>\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u062f\u0648\u0631\u0627\u062a \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\u0629<\/li>\n            <li><i class=\"fas fa-check\"><\/i>\u062c\u0644\u0633\u0627\u062a \u0623\u0633\u0626\u0644\u0629 \u0648\u0623\u062c\u0648\u0628\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0627\u0644\u062e\u0628\u0631\u0627\u0621<\/li>\n            <li><i class=\"fas fa-check\"><\/i>\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0645\u062a\u0627\u062d\u0629 \u0644\u0643<\/li>\n            <li><i class=\"fas fa-check\"><\/i>\u062f\u0639\u0645 \u0634\u062e\u0635\u064a \u0648\u0645\u0628\u0627\u0634\u0631 \u0645\u0646 \u0627\u0644\u0645\u062f\u0631\u0651\u0628<\/li>\n        <\/ul>\n        <div class=\"price\">\n            <span>399 EGP<small>\/\u062c\u0644\u0633\u0629<\/small><\/span> \n        <\/div>\n        <a href=\"https:\/\/scinnovhub.com\/ar\/premium-plan\/\" class=\"cta\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n    <\/article>\n<\/section>\n    <\/main>\n    \n   \n<script>\n  \/\/ Select all CTA buttons\n  const ctas = document.querySelectorAll('.cta');\n\n  ctas.forEach(button => {\n    button.addEventListener('click', (e) => {\n      const card = button.closest('.card');\n      const planData = card.dataset.plan;\n      \n      \/\/ Save plan info to localStorage\n      localStorage.setItem('selectedPlan_pricingpage', planData);\n      \n      \/\/ Navigation happens naturally via the <a> link, no JS redirect needed\n    });\n  });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Course Pricing &#8211; ScInnovHub Choose Your Learning Plan Empower your innovation journey with ScInnovHub Unlock your potential<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_tutorstarter_page_metadata":[],"footnotes":""},"class_list":["post-722","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":39,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages\/722\/revisions"}],"predecessor-version":[{"id":1978,"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/pages\/722\/revisions\/1978"}],"wp:attachment":[{"href":"https:\/\/scinnovhub.com\/ar\/wp-json\/wp\/v2\/media?parent=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}