Terp ERP | Unified Business Management Platform<\/title>\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700;800&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n \"colors\": {\n \"heading-navy\": \"#173F6D\",\n \"surface-variant\": \"#dfe2eb\",\n \"on-tertiary\": \"#ffffff\",\n \"brand-gradient\": \"linear-gradient(120deg, #1D4F82 0%, #3CB9D5 100%)\",\n \"on-secondary-container\": \"#006375\",\n \"on-primary-fixed-variant\": \"#08497c\",\n \"background\": \"#f8f9ff\",\n \"on-secondary-fixed\": \"#001f26\",\n \"surface-container\": \"#ebeef6\",\n \"on-primary-container\": \"#a2cbff\",\n \"on-primary\": \"#ffffff\",\n \"inverse-on-surface\": \"#eef1f9\",\n \"tertiary\": \"#273b69\",\n \"surface-dim\": \"#d7dae2\",\n \"on-background\": \"#181c22\",\n \"secondary-container\": \"#6fe0fe\",\n \"cyan-light\": \"#7CD5E7\",\n \"secondary\": \"#00687a\",\n \"surface-bright\": \"#f8f9ff\",\n \"surface\": \"#f8f9ff\",\n \"on-tertiary-fixed-variant\": \"#324574\",\n \"on-tertiary-container\": \"#b3c7fd\",\n \"on-secondary-fixed-variant\": \"#004e5d\",\n \"inverse-surface\": \"#2d3137\",\n \"error-container\": \"#ffdad6\",\n \"tertiary-container\": \"#3f5281\",\n \"surface-container-highest\": \"#dfe2eb\",\n \"surface-container-low\": \"#f1f3fc\",\n \"on-error-container\": \"#93000a\",\n \"surface-alt\": \"#F5F8FB\",\n \"outline-variant\": \"#c2c7d1\",\n \"surface-container-high\": \"#e5e8f0\",\n \"error\": \"#ba1a1a\",\n \"tertiary-fixed\": \"#dae2ff\",\n \"on-secondary\": \"#ffffff\",\n \"secondary-fixed-dim\": \"#62d5f2\",\n \"primary-fixed\": \"#d2e4ff\",\n \"outline\": \"#727780\",\n \"on-error\": \"#ffffff\",\n \"secondary-fixed\": \"#adecff\",\n \"surface-container-lowest\": \"#ffffff\",\n \"inverse-primary\": \"#9fcaff\",\n \"primary\": \"#003e6d\",\n \"on-tertiary-fixed\": \"#001946\",\n \"primary-fixed-dim\": \"#9fcaff\",\n \"muted-gray\": \"#667085\",\n \"on-surface-variant\": \"#42474f\",\n \"on-surface\": \"#181c22\",\n \"surface-tint\": \"#2d6195\",\n \"primary-container\": \"#1f568a\",\n \"on-primary-fixed\": \"#001d37\",\n \"tertiary-fixed-dim\": \"#b2c5fc\",\n \"border-subtle\": \"#D9E4EC\"\n },\n \"borderRadius\": {\n \"DEFAULT\": \"0.25rem\",\n \"lg\": \"0.5rem\",\n \"xl\": \"0.75rem\",\n \"full\": \"9999px\"\n },\n \"spacing\": {\n \"section-gap\": \"8rem\",\n \"margin-mobile\": \"1rem\",\n \"component-padding\": \"2rem\",\n \"margin-desktop\": \"2.5rem\",\n \"gutter\": \"1.5rem\",\n \"container-max\": \"1320px\"\n },\n \"fontFamily\": {\n \"headline-md\": [\"Poppins\"],\n \"body-lg\": [\"Inter\"],\n \"headline-lg\": [\"Poppins\"],\n \"body-md\": [\"Inter\"],\n \"headline-xl\": [\"Poppins\"],\n \"label-caps\": [\"Inter\"],\n \"headline-lg-mobile\": [\"Poppins\"],\n \"body-sm\": [\"Inter\"],\n \"headline-xl-mobile\": [\"Poppins\"]\n },\n \"fontSize\": {\n \"headline-md\": [\"30px\", { \"lineHeight\": \"1.3\", \"fontWeight\": \"700\" }],\n \"body-lg\": [\"20px\", { \"lineHeight\": \"1.6\", \"fontWeight\": \"600\" }],\n \"headline-lg\": [\"52px\", { \"lineHeight\": \"1.2\", \"letterSpacing\": \"-0.01em\", \"fontWeight\": \"700\" }],\n \"body-md\": [\"17px\", { \"lineHeight\": \"1.6\", \"fontWeight\": \"400\" }],\n \"headline-xl\": [\"72px\", { \"lineHeight\": \"1.1\", \"letterSpacing\": \"-0.02em\", \"fontWeight\": \"800\" }],\n \"label-caps\": [\"12px\", { \"lineHeight\": \"1.2\", \"letterSpacing\": \"0.05em\", \"fontWeight\": \"700\" }],\n \"headline-lg-mobile\": [\"32px\", { \"lineHeight\": \"1.2\", \"fontWeight\": \"700\" }],\n \"body-sm\": [\"14px\", { \"lineHeight\": \"1.5\", \"fontWeight\": \"400\" }],\n \"headline-xl-mobile\": [\"44px\", { \"lineHeight\": \"1.2\", \"fontWeight\": \"800\" }]\n },\n backgroundImage: {\n 'brand-gradient-bg': 'linear-gradient(120deg, #1D4F82 0%, #3CB9D5 100%)'\n },\n boxShadow: {\n 'erp-card': '0 12px 40px rgba(23, 63, 109, 0.08)'\n }\n }\n }\n }\n <\/script>\n<style>\n .glass-panel {\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(217, 228, 236, 0.5);\n }\n <\/style>\n<\/head>\n<body class=\"bg-background text-on-background font-body-md min-h-screen pt-12\">\n\n<section class=\"pb-16 px-margin-desktop max-w-container-max mx-auto relative overflow-hidden\" id=\"overview\">\n\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n<div class=\"space-y-8 z-10\">\n<div class=\"font-label-caps text-label-caps text-secondary font-bold tracking-widest uppercase\">\n Enterprise Resource Planning\n <\/div>\n<h1 class=\"font-headline-xl text-headline-xl text-heading-navy leading-tight hidden md:block\">\n One Platform.<br><span class=\"text-transparent bg-clip-text bg-brand-gradient-bg\">Every Business Function.<\/span>\n<\/h1>\n<h1 class=\"font-headline-xl-mobile text-headline-xl-mobile text-heading-navy leading-tight md:hidden\">\n One Platform.<br><span class=\"text-transparent bg-clip-text bg-brand-gradient-bg\">Every Function.<\/span>\n<\/h1>\n<p class=\"font-body-lg text-body-lg text-muted-gray max-w-xl\">\n Terp is a unified ERP platform that connects finance, people, operations, sales, projects, commerce and customer service in one integrated system. Deploy only what you need today and activate more modules as your business grows.\n <\/p>\n<div class=\"flex flex-wrap gap-4 pt-4\">\n<button class=\"bg-brand-gradient-bg text-on-primary font-body-md text-body-md px-8 py-3 rounded-lg hover:shadow-[0_0_15px_rgba(60,185,213,0.5)] transition-all font-semibold\">\n Book a Free Demo\n <\/button>\n<button class=\"bg-on-primary text-primary border border-primary font-body-md text-body-md px-8 py-3 rounded-lg hover:border-cyan-light transition-all font-semibold\">\n Explore 20+ Modules\n <\/button>\n<\/div>\n<div class=\"flex flex-wrap items-center gap-6 pt-6 text-sm font-semibold text-heading-navy\">\n<div class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-secondary text-lg\">check_circle<\/span> 20+ Integrated Modules<\/div>\n<div class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-secondary text-lg\">check_circle<\/span> 100% Modular Architecture<\/div>\n<div class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-secondary text-lg\">check_circle<\/span> SaaS & On-Premise<\/div>\n<div class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-secondary text-lg\">check_circle<\/span> ERPNext + Odoo Foundation<\/div>\n<\/div>\n<\/div>\n<div class=\"relative h-[500px] w-full z-10\">\n\n<div class=\"absolute inset-0 bg-surface-alt rounded-[32px] border border-border-subtle shadow-erp-card overflow-hidden flex flex-col group hover:-translate-y-1 transition-transform duration-500\">\n<div class=\"h-10 bg-surface-container flex items-center px-4 gap-2 border-b border-border-subtle\">\n<div class=\"w-3 h-3 rounded-full bg-error\/50\"><\/div>\n<div class=\"w-3 h-3 rounded-full bg-secondary-container\"><\/div>\n<div class=\"w-3 h-3 rounded-full bg-cyan-light\"><\/div>\n<\/div>\n<div class=\"flex-1 p-6 grid grid-cols-3 grid-rows-3 gap-4 bg-[radial-gradient(circle_at_top_right,rgba(124,213,231,0.1)_0%,transparent_50%)]\">\n<div class=\"col-span-2 row-span-2 bg-on-primary rounded-xl border border-border-subtle p-4 shadow-sm relative overflow-hidden\">\n<div class=\"h-4 w-1\/3 bg-surface-variant rounded mb-6\"><\/div>\n<div class=\"absolute bottom-0 left-0 w-full h-2\/3 bg-gradient-to-t from-cyan-light\/20 to-transparent\"><\/div>\n<svg class=\"w-full h-24 absolute bottom-4 left-0 stroke-primary\" preserveaspectratio=\"none\" viewbox=\"0 0 100 40\">\n<path d=\"M0,35 Q10,20 20,25 T40,15 T60,20 T80,5 T100,10\" fill=\"none\" stroke-width=\"1.5\"><\/path>\n<path class=\"stroke-cyan-light\" d=\"M0,38 Q15,30 25,35 T50,25 T75,30 T100,20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/path>\n<\/svg>\n<\/div>\n<div class=\"col-span-1 row-span-1 bg-on-primary rounded-xl border border-border-subtle p-4 shadow-sm flex flex-col justify-center\">\n<span class=\"font-label-caps text-label-caps text-muted-gray uppercase\">Total Revenue<\/span>\n<span class=\"font-headline-md text-headline-md text-heading-navy\">$2.4M<\/span>\n<\/div>\n<div class=\"col-span-1 row-span-1 bg-brand-gradient-bg rounded-xl border border-border-subtle p-4 shadow-sm text-on-primary flex flex-col justify-center\">\n<span class=\"font-label-caps text-label-caps uppercase opacity-80\">Active Modules<\/span>\n<span class=\"font-headline-md text-headline-md\">12\/24<\/span>\n<\/div>\n<div class=\"col-span-3 row-span-1 bg-on-primary rounded-xl border border-border-subtle p-4 shadow-sm flex items-center gap-4\">\n<div class=\"h-10 w-10 rounded bg-surface-variant flex-shrink-0\"><\/div>\n<div class=\"space-y-2 w-full\">\n<div class=\"h-2 w-full bg-surface-container rounded\"><\/div>\n<div class=\"h-2 w-4\/5 bg-surface-container rounded\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"absolute -right-8 top-16 bg-on-primary p-4 rounded-xl shadow-erp-card border border-border-subtle flex items-center gap-3 animate-[bounce_4s_ease-in-out_infinite]\">\n<span class=\"material-symbols-outlined text-secondary\" style=\"font-variation-settings: 'FILL' 1;\">inventory_2<\/span>\n<div>\n<div class=\"font-label-caps text-label-caps text-muted-gray\">Inventory Health<\/div>\n<div class=\"font-body-md text-body-md font-bold text-heading-navy\">98.5%<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[800px] bg-cyan-light\/10 blur-[100px] rounded-full pointer-events-none -z-10\"><\/div>\n<\/section>\n\n<section class=\"py-12 bg-surface-alt border-y border-border-subtle\">\n<div class=\"max-w-container-max mx-auto px-margin-desktop grid grid-cols-2 md:grid-cols-4 gap-8\">\n<div class=\"text-center\">\n<div class=\"font-headline-md text-4xl text-heading-navy font-extrabold mb-2 text-transparent bg-clip-text bg-brand-gradient-bg\">20+<\/div>\n<div class=\"font-body-sm font-semibold text-heading-navy\">Integrated Business Modules<\/div>\n<\/div>\n<div class=\"text-center\">\n<div class=\"font-headline-md text-4xl text-heading-navy font-extrabold mb-2 text-transparent bg-clip-text bg-brand-gradient-bg\">100%<\/div>\n<div class=\"font-body-sm font-semibold text-heading-navy\">Modular Architecture<\/div>\n<\/div>\n<div class=\"text-center\">\n<div class=\"font-headline-md text-4xl text-heading-navy font-extrabold mb-2 text-transparent bg-clip-text bg-brand-gradient-bg\">2<\/div>\n<div class=\"font-body-sm font-semibold text-heading-navy\">Deployment Models<\/div>\n<\/div>\n<div class=\"text-center\">\n<div class=\"font-headline-md text-4xl text-heading-navy font-extrabold mb-2 text-transparent bg-clip-text bg-brand-gradient-bg\">One<\/div>\n<div class=\"font-body-sm font-semibold text-heading-navy\">Unified Source of Data<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap px-margin-desktop max-w-container-max mx-auto text-center relative\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy mb-6\">A Unified Business Management Platform<\/h2>\n<p class=\"font-body-lg text-body-lg text-muted-gray max-w-3xl mx-auto mb-16\">\n Terp consolidates core business functions \u2014 from accounting and HR to manufacturing and e-commerce \u2014 into one seamless interface. Instead of managing disconnected systems, teams work from a unified platform with integrated data, workflows and reporting.\n <\/p>\n<div class=\"bg-surface-container-low rounded-3xl p-12 border border-border-subtle shadow-sm relative overflow-hidden\">\n<h3 class=\"font-headline-md text-2xl text-heading-navy mb-4\">Built to Grow With Your Business<\/h3>\n<p class=\"text-muted-gray max-w-2xl mx-auto mb-12\">\n Start with the modules your organization needs now. As operations expand, activate additional capabilities without migrating to a different ERP platform or creating new data silos.\n <\/p>\n<div class=\"flex flex-wrap justify-center gap-4 relative z-10\">\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Finance<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0643\u0634\u0648\u0641 \u0627\u0644\u0645\u0631\u062a\u0628\u0627\u062a<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Manufacturing<\/div>\n<div class=\"bg-brand-gradient-bg text-on-primary rounded-full px-8 py-3 font-extrabold shadow-md transform scale-110\">Terp Core<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Sales & CRM<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Commerce<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Projects<\/div>\n<\/div>\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full h-full bg-[radial-gradient(circle_at_center,rgba(64,185,213,0.05)_0%,transparent_70%)] pointer-events-none\"><\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap bg-surface-alt px-margin-desktop\">\n<div class=\"max-w-container-max mx-auto\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy mb-16 text-center\">Modular by Design. Unified by Default.<\/h2>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n<div class=\"bg-on-primary p-8 rounded-2xl shadow-sm border border-border-subtle hover:-translate-y-2 hover:shadow-erp-card transition-all duration-300\">\n<span class=\"material-symbols-outlined text-4xl text-secondary mb-6 block\">extension<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-3\">Deploy Only What You Need<\/h3>\n<p class=\"text-muted-gray text-body-sm\">Activate individual modules based on current business requirements.<\/p>\n<\/div>\n<div class=\"bg-on-primary p-8 rounded-2xl shadow-sm border border-border-subtle hover:-translate-y-2 hover:shadow-erp-card transition-all duration-300\">\n<span class=\"material-symbols-outlined text-4xl text-secondary mb-6 block\">trending_up<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-3\">Grow Without Replatforming<\/h3>\n<p class=\"text-muted-gray text-body-sm\">Add new modules as operations expand while keeping the same integrated system.<\/p>\n<\/div>\n<div class=\"bg-on-primary p-8 rounded-2xl shadow-sm border border-border-subtle hover:-translate-y-2 hover:shadow-erp-card transition-all duration-300\">\n<span class=\"material-symbols-outlined text-4xl text-secondary mb-6 block\">visibility<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-3\">Real-Time Operational Visibility<\/h3>\n<p class=\"text-muted-gray text-body-sm\">Connected data and dashboards reduce information silos across departments.<\/p>\n<\/div>\n<div class=\"bg-on-primary p-8 rounded-2xl shadow-sm border border-border-subtle hover:-translate-y-2 hover:shadow-erp-card transition-all duration-300\">\n<span class=\"material-symbols-outlined text-4xl text-secondary mb-6 block\">cloud_sync<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-3\">Flexible Deployment<\/h3>\n<p class=\"text-muted-gray text-body-sm\">Choose fully managed SaaS \/ Cloud or deploy Terp on your own infrastructure.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap px-margin-desktop max-w-container-max mx-auto\">\n<div class=\"text-center mb-16\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy mb-4\">Everything Your Business Needs \u2014 Connected<\/h2>\n<p class=\"font-body-lg text-muted-gray max-w-3xl mx-auto\">Terp brings core business operations into one modular ERP environment. Choose individual modules or combine them into a complete enterprise suite.<\/p>\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">account_balance<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Accounting & Finance<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Complete double-entry financial management with automated reporting, reconciliation and multi-currency support.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">General Ledger<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">AR\/AP<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">groups<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Human Resources<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Manage the employee lifecycle from recruitment and onboarding through attendance and performance.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Recruitment<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Attendance<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">payments<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Payroll Management<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Automate salary processing, statutory deductions, overtime, payslips and bank disbursement.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Payslips<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Tax<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">inventory_2<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Inventory & Warehouse<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Get real-time stock visibility across warehouses with barcode, batch, serial and reorder automation.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Stock<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Barcode<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">precision_manufacturing<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Manufacturing<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Plan and control the full production lifecycle from BOM and MRP planning through work orders.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">BOM<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Work Orders<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">monitoring<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Sales & CRM<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Manage leads, opportunities, quotations, orders, and sales performance from one pipeline.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Leads<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Quotes<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">shopping_cart<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Purchase Management<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Streamline procurement from material request through purchase order, receipt and vendor payment.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Vendors<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">PO<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">account_tree<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Project Management<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Plan, execute and monitor projects using tasks, timesheets, Gantt views and kanban workflows.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Tasks<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Gantt<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">point_of_sale<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Point of Sale (POS)<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">A connected POS for retail and restaurants with online\/offline selling and real-time inventory.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Offline<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Multi-Store<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">storefront<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Website & E-Commerce<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Build websites and online stores with integrated product catalog, payments and shipping.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">\u0639\u0631\u0628\u0629 \u0627\u0644\u062a\u0633\u0648\u0642<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">CMS<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">support_agent<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Helpdesk & Support<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Centralize customer support tickets, SLAs, escalation and knowledge base content.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Tickets<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">SLA<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">directions_car<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Assets & Fleet<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Track organizational assets, depreciation, maintenance and fleet operations throughout their lifecycle.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Assets<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Fleet<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"mt-12 text-center\">\n<span class=\"text-sm font-semibold text-muted-gray mr-4\">Plus more capabilities:<\/span>\n<div class=\"inline-flex flex-wrap gap-3\">\n<span class=\"bg-surface-container px-4 py-2 rounded-full text-sm font-medium text-heading-navy\">Quality<\/span>\n<span class=\"bg-surface-container px-4 py-2 rounded-full text-sm font-medium text-heading-navy\">Maintenance<\/span>\n<span class=\"bg-surface-container px-4 py-2 rounded-full text-sm font-medium text-heading-navy\">Marketing<\/span>\n<span class=\"bg-surface-container px-4 py-2 rounded-full text-sm font-medium text-heading-navy\">Events<\/span>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap bg-brand-gradient-bg px-margin-desktop relative overflow-hidden\">\n<div class=\"max-w-container-max mx-auto relative z-10 text-center text-on-primary\">\n<h2 class=\"font-headline-lg text-headline-lg mb-6\">Built on World-Class Open-Source Enterprise Frameworks<\/h2>\n<p class=\"text-xl max-w-3xl mx-auto mb-16 opacity-90\">\n Terp is engineered on top of ERPNext and Odoo, with a unification layer designed to deliver consistent data flows, workflows and user experience across the platform.\n <\/p>\n<div class=\"relative w-full max-w-[600px] aspect-square mx-auto my-12\" id=\"architecture-wheel\">\n\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-24 h-24 md:w-32 md:h-32 bg-white rounded-full flex items-center justify-center shadow-xl z-20\">\n<span class=\"font-headline-lg text-secondary text-2xl md:text-3xl font-extrabold\">Terp<\/span>\n<\/div>\n\n<div class=\"absolute inset-0 rounded-full border border-white\/20 transition-transform duration-700 ease-in-out\" id=\"wheel-container\" style=\"transform: rotate(-72deg);\">\n\n<div style=\"transform: rotate(0deg) translateY(-220px) rotate(72deg);\" class=\"absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100\"><span class=\"px-2 leading-tight\">Presentation Layer<\/span><\/div><div style=\"transform: rotate(72deg) translateY(-220px) rotate(0deg);\" class=\"absolute top-1\/2 left-1\/2 w-28 h-28 md:w-32 md:h-32 -ml-14 -mt-14 md:-ml-16 md:-mt-16 rounded-full flex items-center justify-center text-center font-bold text-sm md:text-base cursor-pointer transition-all duration-700 z-10 shadow-[0_0_30px_rgba(255,255,255,0.4)] border-4 border-white bg-white text-secondary scale-110\"><span class=\"px-2 leading-tight\">Integration Layer<\/span><\/div><div style=\"transform: rotate(144deg) translateY(-220px) rotate(-72deg);\" class=\"absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100\"><span class=\"px-2 leading-tight\">Application Layer<\/span><\/div><div style=\"transform: rotate(216deg) translateY(-220px) rotate(-144deg);\" class=\"absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100\"><span class=\"px-2 leading-tight\">Framework Layer<\/span><\/div><div style=\"transform: rotate(288deg) translateY(-220px) rotate(-216deg);\" class=\"absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100\"><span class=\"px-2 leading-tight\">Data Layer<\/span><\/div><\/div>\n\n<div class=\"absolute -bottom-16 md:-bottom-24 left-1\/2 -translate-x-1\/2 w-[110%] max-w-2xl bg-white\/10 backdrop-blur-md border border-white\/20 p-6 rounded-xl transition-all duration-300\" id=\"info-box\">\n<h4 class=\"font-bold text-lg mb-1\" id=\"info-title\" style=\"opacity: 1;\">2. Integration Layer<\/h4>\n<p class=\"text-sm opacity-80\" id=\"info-desc\" style=\"opacity: 1;\">Terp unification layer for connected data flows, workflows and a single source of truth.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"absolute inset-0 bg-[url('data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4xKSIvPjwvc3ZnPg==')] opacity-30\"><\/div>\n<script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n const layers = [\n { title: \"1. Presentation Layer\", desc: \"Modern responsive web interface, dashboards, real-time analytics and intuitive navigation.\" },\n { title: \"2. Integration Layer\", desc: \"Terp unification layer for connected data flows, workflows and a single source of truth.\" },\n { title: \"3. Application Layer\", desc: \"20+ integrated business modules covering enterprise operations.\" },\n { title: \"4. Framework Layer\", desc: \"ERPNext + Odoo foundation.\" },\n { title: \"5. Data Layer\", desc: \"PostgreSQL \/ MariaDB with automated backups, encryption at rest and enterprise security controls.\" }\n ];\n\n const container = document.getElementById('wheel-container');\n const infoTitle = document.getElementById('info-title');\n const infoDesc = document.getElementById('info-desc');\n let activeIndex = 0;\n const total = layers.length;\n const radius = window.innerWidth < 768 ? 140 : 220;\n\n layers.forEach((layer, i) => {\n const el = document.createElement('div');\n el.innerHTML = `<span class=\"px-2 leading-tight\">${layer.title.split('.')[1].trim()}<\/span>`;\n el.onclick = () => setActive(i);\n container.appendChild(el);\n });\n\n function setActive(index) {\n activeIndex = index;\n const rotation = -(index * (360 \/ total));\n container.style.transform = `rotate(${rotation}deg)`;\n \n const nodes = container.children;\n for (let i = 0; i < total; i++) {\n const A = (i * (360 \/ total));\n nodes[i].style.transform = `rotate(${A}deg) translateY(-${radius}px) rotate(${-A - rotation}deg)`;\n \n if (i === activeIndex) {\n nodes[i].className = 'absolute top-1\/2 left-1\/2 w-28 h-28 md:w-32 md:h-32 -ml-14 -mt-14 md:-ml-16 md:-mt-16 rounded-full flex items-center justify-center text-center font-bold text-sm md:text-base cursor-pointer transition-all duration-700 z-10 shadow-[0_0_30px_rgba(255,255,255,0.4)] border-4 border-white bg-white text-secondary scale-110';\n } else {\n nodes[i].className = 'absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100';\n }\n }\n \n infoTitle.style.opacity = 0;\n infoDesc.style.opacity = 0;\n setTimeout(() => {\n infoTitle.innerText = layers[activeIndex].title;\n infoDesc.innerText = layers[activeIndex].desc;\n infoTitle.style.opacity = 1;\n infoDesc.style.opacity = 1;\n }, 300);\n }\n\n setActive(0);\n let interval = setInterval(() => {\n setActive((activeIndex + 1) % total);\n }, 5000);\n\n const wheelSection = document.getElementById('architecture-wheel');\n wheelSection.addEventListener('mouseenter', () => clearInterval(interval));\n wheelSection.addEventListener('mouseleave', () => {\n interval = setInterval(() => setActive((activeIndex + 1) % total), 5000);\n });\n });\n <\/script>\n<\/section>\n\n<section class=\"py-section-gap px-margin-desktop bg-surface-alt\">\n<div class=\"max-w-container-max mx-auto\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy text-center mb-16\">Built for Connected, Modern Operations<\/h2>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-12\">\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">database<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Unified Data<\/h4>\n<p class=\"text-muted-gray\">A unified codebase and connected modules reduce departmental data silos.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">admin_panel_settings<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Granular Access Control<\/h4>\n<p class=\"text-muted-gray\">Role-based access control with detailed permission management.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">insights<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Real-Time Reporting<\/h4>\n<p class=\"text-muted-gray\">Dashboards with configurable KPIs and operational visibility.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">account_tree<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Automated Workflows<\/h4>\n<p class=\"text-muted-gray\">Configurable business rules and workflow automation.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">public<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Global Business Support<\/h4>\n<p class=\"text-muted-gray\">Multi-company, multi-currency and multi-language capabilities.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">api<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Integration Ready<\/h4>\n<p class=\"text-muted-gray\">REST API and webhook support for third-party integrations.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap px-margin-desktop\">\n<div class=\"max-w-container-max mx-auto text-center\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy mb-6\">Pay Only for What You Need<\/h2>\n<p class=\"font-body-lg text-muted-gray max-w-3xl mx-auto mb-16\">\n Deploy individual Terp modules as standalone SaaS or on-premise solutions, then activate additional modules as business requirements grow.\n <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-left\">\n<div class=\"bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle shadow-sm flex flex-col h-full\">\n<span class=\"material-symbols-outlined text-4xl text-primary mb-4\">rocket_launch<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-2\">Startup Pack<\/h3>\n<p class=\"text-muted-gray font-medium mb-6 flex-grow\">HR + Attendance + Payroll<\/p>\n<button class=\"w-full py-2 border border-border-subtle rounded-lg text-secondary font-semibold hover:bg-surface-alt transition-colors\">Discuss This Setup<\/button>\n<\/div>\n<div class=\"bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle shadow-sm flex flex-col h-full\">\n<span class=\"material-symbols-outlined text-4xl text-primary mb-4\">store<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-2\">Retail Pack<\/h3>\n<p class=\"text-muted-gray font-medium mb-6 flex-grow\">POS + Inventory + Accounting<\/p>\n<button class=\"w-full py-2 border border-border-subtle rounded-lg text-secondary font-semibold hover:bg-surface-alt transition-colors\">Discuss This Setup<\/button>\n<\/div>\n<div class=\"bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle shadow-sm flex flex-col h-full\">\n<span class=\"material-symbols-outlined text-4xl text-primary mb-4\">precision_manufacturing<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-2\">Manufacturer Pack<\/h3>\n<p class=\"text-muted-gray font-medium mb-6 flex-grow\">Manufacturing + Inventory + Purchase + Accounting<\/p>\n<button class=\"w-full py-2 border border-border-subtle rounded-lg text-secondary font-semibold hover:bg-surface-alt transition-colors\">Discuss This Setup<\/button>\n<\/div>\n<div class=\"bg-surface-container-lowest p-6 rounded-2xl border-2 border-secondary shadow-md flex flex-col h-full relative\">\n<div class=\"absolute -top-3 right-6 bg-secondary text-white text-xs font-bold px-3 py-1 rounded-full uppercase\">Most Popular<\/div>\n<span class=\"material-symbols-outlined text-4xl text-primary mb-4\">stars<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-2\">\u062c\u0646\u0627\u062d \u0643\u0627\u0645\u0644<\/h3>\n<p class=\"text-muted-gray font-medium mb-6 flex-grow\">All 20+ modules for complete enterprise management<\/p>\n<button class=\"w-full py-2 bg-secondary text-white rounded-lg font-semibold hover:bg-primary transition-colors\">Discuss This Setup<\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap bg-surface-alt px-margin-desktop\">\n<div class=\"max-w-container-max mx-auto\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy text-center mb-16\">Choose the Model That Fits Your Business<\/h2>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n<div class=\"bg-on-primary rounded-3xl p-10 border border-border-subtle shadow-sm relative overflow-hidden\">\n<div class=\"inline-block bg-cyan-light\/20 text-secondary font-bold px-4 py-1 rounded-full text-sm uppercase tracking-wide mb-6\">Fully Managed<\/div>\n<h3 class=\"font-headline-md text-3xl text-heading-navy mb-6\">SaaS \/ Cloud<\/h3>\n<ul class=\"space-y-4 mb-10 text-muted-gray\">\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Fully managed hosting and infrastructure<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Automatic updates and security patches<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> 99.9% uptime SLA guarantee<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Daily automated backups<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> SSL encryption and DDoS protection<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Scale up or down on demand<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> No internal IT infrastructure required<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Pay-as-you-go pricing model<\/li>\n<\/ul>\n<button class=\"bg-brand-gradient-bg text-white font-semibold py-3 px-8 rounded-lg w-full hover:shadow-lg transition-shadow\">Explore Cloud Deployment<\/button>\n<\/div>\n<div class=\"bg-on-primary rounded-3xl p-10 border border-border-subtle shadow-sm relative overflow-hidden\">\n<div class=\"inline-block bg-surface-variant text-heading-navy font-bold px-4 py-1 rounded-full text-sm uppercase tracking-wide mb-6\">Maximum Control<\/div>\n<h3 class=\"font-headline-md text-3xl text-heading-navy mb-6\">On-Premise<\/h3>\n<ul class=\"space-y-4 mb-10 text-muted-gray\">\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Full control over data and infrastructure<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Deploy on your own servers<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Custom security configurations<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> No internet dependency<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Integrate with internal systems<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> One-time licensing available<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Dedicated support packages<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Compliance with local data laws<\/li>\n<\/ul>\n<button class=\"bg-surface-container text-heading-navy border border-border-subtle font-semibold py-3 px-8 rounded-lg w-full hover:bg-surface-variant transition-colors\">Discuss On-Premise<\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n\n<\/body><\/html>", "protected": false }, "excerpt": { "rendered": "<p>Terp ERP | Unified Business Management Platform Enterprise Resource Planning One Platform.Every Business Function. One Platform.Every Function. Terp is a unified ERP platform that connects finance, people, operations, sales, projects, commerce and customer service in one integrated system. Deploy only what you need today and activate more modules as your business grows. Book a Free […]<\/p>", "protected": false }, "author": 31, "featured_media": 0, "parent": 0, "menu_order": 0, "comment_status": "closed", "ping_status": "closed", "template": "", "meta": { "_gspb_post_css": "", "postBodyCss": "", "postBodyMargin": [], "postBodyPadding": [], "postBodyBackground": { "backgroundType": "classic", "gradient": "" }, "enableOnePageScrollInPage": false, "onePageScrollCss": "body.gutenkit .gkit-one-page-scroll-dots { --navigation-color: #00ff0d; --navigation-color-active: #00ff0d; --navigation-color-hover: #00ff0d; --navigation-tooltip-arrow-color: #00ff0d; --navigation-tooltip-arrow-color-hover: #00ff0d; } body.gutenkit .gkit-one-page-scroll-dots li.gkit-one-page-scroll-dot .gkit-one-page-scroll-tooltip { color: #ffffff; background-color: #00ff0d; } body.gutenkit .gkit-one-page-scroll-dots li.gkit-one-page-scroll-dot .gkit-one-page-scroll-tooltip:hover { color: #fff; background-color: #00ff0d; }", "onePageScrollSpeed": 1000, "onePageScrollAnimation": "easeInOutQuad", "onePageScrollShowDotNavigation": true, "onePageScrollNavigation": "scaleUp", "onePageScrollNavigationPosition": "right", "onePageScrollNavigationHorizontal": [], "onePageScrollNavigationVertical": [], "onePageScrollNavigationSpacing": [], "onePageScrollNavigationColor": "#00ff0d", "onePageScrollNavigationColorHover": "#00ff0d", "onePageScrollNavigationColorActive": "#00ff0d", "onePageScrollNavigationIcon": [], "onePageScrollNavigationWidth": [], "onePageScrollNavigationWidthHover": [], "onePageScrollNavigationWidthActive": [], "onePageScrollNavigationHeight": [], "onePageScrollNavigationHeightHover": [], "onePageScrollNavigationHeightActive": [], "onePageScrollNavigationBorder": [], "onePageScrollNavigationBorderHover": [], "onePageScrollNavigationBorderActive": [], "onePageScrollNavigationBorderRadius": [], "onePageScrollNavigationBorderRadiusHover": [], "onePageScrollNavigationBorderRadiusActive": [], "onePageScrollNavigationTooltipTypography": [], "onePageScrollNavigationTooltipColor": "#ffffff", "onePageScrollNavigationTooltipColorHover": "", "onePageScrollNavigationTooltipBgColor": "#00ff0d", "onePageScrollNavigationTooltipBgColorHover": "", "onePageScrollNavigationTooltipPadding": [], "onePageScrollNavigationTooltipPaddingHover": [], "onePageScrollNavigationTooltipBorderRadius": [], "onePageScrollNavigationTooltipBorderRadiusHover": [], "pageSettingsCustomCss": "", "footnotes": "" }, "class_list": [ "post-10773", "page", "type-page", "status-publish", "hentry" ], "blocksy_meta": { "has_hero_section": "disabled", "vertical_spacing_source": "custom", "content_area_spacing": "none", "styles_descriptor": { "styles": { "desktop": "", "tablet": "", "mobile": "" }, "google_fonts": [], "version": 6 } }, "_links": { "self": [ { "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/pages\/10773", "targetHints": { "allow": [ "GET" ] } } ], "collection": [ { "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/pages" } ], "about": [ { "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/types\/page" } ], "author": [ { "embeddable": true, "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/users\/31" } ], "replies": [ { "embeddable": true, "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/comments?post=10773" } ], "version-history": [ { "count": 2, "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/pages\/10773\/revisions" } ], "predecessor-version": [ { "id": 10775, "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/pages\/10773\/revisions\/10775" } ], "wp:attachment": [ { "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/media?parent=10773" } ], "curies": [ { "name": "wp", "href": "https:\/\/api.w.org\/{rel}", "templated": true } ] } }

{ "id": 10773, "date": "2026-08-13T17:12:17", "date_gmt": "2026-08-13T13:12:17", "guid": { "rendered": "https:\/\/tamimahdigital.com\/?page_id=10773" }, "modified": "2026-08-13T17:35:34", "modified_gmt": "2026-08-13T13:35:34", "slug": "terp", "status": "publish", "type": "page", "link": "https:\/\/tamimahdigital.com\/ar\/terp\/", "title": { "rendered": "Terp" }, "content": { "rendered": "\n\n\nTerp ERP | Unified Business Management Platform<\/title>\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700;800&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n \"colors\": {\n \"heading-navy\": \"#173F6D\",\n \"surface-variant\": \"#dfe2eb\",\n \"on-tertiary\": \"#ffffff\",\n \"brand-gradient\": \"linear-gradient(120deg, #1D4F82 0%, #3CB9D5 100%)\",\n \"on-secondary-container\": \"#006375\",\n \"on-primary-fixed-variant\": \"#08497c\",\n \"background\": \"#f8f9ff\",\n \"on-secondary-fixed\": \"#001f26\",\n \"surface-container\": \"#ebeef6\",\n \"on-primary-container\": \"#a2cbff\",\n \"on-primary\": \"#ffffff\",\n \"inverse-on-surface\": \"#eef1f9\",\n \"tertiary\": \"#273b69\",\n \"surface-dim\": \"#d7dae2\",\n \"on-background\": \"#181c22\",\n \"secondary-container\": \"#6fe0fe\",\n \"cyan-light\": \"#7CD5E7\",\n \"secondary\": \"#00687a\",\n \"surface-bright\": \"#f8f9ff\",\n \"surface\": \"#f8f9ff\",\n \"on-tertiary-fixed-variant\": \"#324574\",\n \"on-tertiary-container\": \"#b3c7fd\",\n \"on-secondary-fixed-variant\": \"#004e5d\",\n \"inverse-surface\": \"#2d3137\",\n \"error-container\": \"#ffdad6\",\n \"tertiary-container\": \"#3f5281\",\n \"surface-container-highest\": \"#dfe2eb\",\n \"surface-container-low\": \"#f1f3fc\",\n \"on-error-container\": \"#93000a\",\n \"surface-alt\": \"#F5F8FB\",\n \"outline-variant\": \"#c2c7d1\",\n \"surface-container-high\": \"#e5e8f0\",\n \"error\": \"#ba1a1a\",\n \"tertiary-fixed\": \"#dae2ff\",\n \"on-secondary\": \"#ffffff\",\n \"secondary-fixed-dim\": \"#62d5f2\",\n \"primary-fixed\": \"#d2e4ff\",\n \"outline\": \"#727780\",\n \"on-error\": \"#ffffff\",\n \"secondary-fixed\": \"#adecff\",\n \"surface-container-lowest\": \"#ffffff\",\n \"inverse-primary\": \"#9fcaff\",\n \"primary\": \"#003e6d\",\n \"on-tertiary-fixed\": \"#001946\",\n \"primary-fixed-dim\": \"#9fcaff\",\n \"muted-gray\": \"#667085\",\n \"on-surface-variant\": \"#42474f\",\n \"on-surface\": \"#181c22\",\n \"surface-tint\": \"#2d6195\",\n \"primary-container\": \"#1f568a\",\n \"on-primary-fixed\": \"#001d37\",\n \"tertiary-fixed-dim\": \"#b2c5fc\",\n \"border-subtle\": \"#D9E4EC\"\n },\n \"borderRadius\": {\n \"DEFAULT\": \"0.25rem\",\n \"lg\": \"0.5rem\",\n \"xl\": \"0.75rem\",\n \"full\": \"9999px\"\n },\n \"spacing\": {\n \"section-gap\": \"8rem\",\n \"margin-mobile\": \"1rem\",\n \"component-padding\": \"2rem\",\n \"margin-desktop\": \"2.5rem\",\n \"gutter\": \"1.5rem\",\n \"container-max\": \"1320px\"\n },\n \"fontFamily\": {\n \"headline-md\": [\"Poppins\"],\n \"body-lg\": [\"Inter\"],\n \"headline-lg\": [\"Poppins\"],\n \"body-md\": [\"Inter\"],\n \"headline-xl\": [\"Poppins\"],\n \"label-caps\": [\"Inter\"],\n \"headline-lg-mobile\": [\"Poppins\"],\n \"body-sm\": [\"Inter\"],\n \"headline-xl-mobile\": [\"Poppins\"]\n },\n \"fontSize\": {\n \"headline-md\": [\"30px\", { \"lineHeight\": \"1.3\", \"fontWeight\": \"700\" }],\n \"body-lg\": [\"20px\", { \"lineHeight\": \"1.6\", \"fontWeight\": \"600\" }],\n \"headline-lg\": [\"52px\", { \"lineHeight\": \"1.2\", \"letterSpacing\": \"-0.01em\", \"fontWeight\": \"700\" }],\n \"body-md\": [\"17px\", { \"lineHeight\": \"1.6\", \"fontWeight\": \"400\" }],\n \"headline-xl\": [\"72px\", { \"lineHeight\": \"1.1\", \"letterSpacing\": \"-0.02em\", \"fontWeight\": \"800\" }],\n \"label-caps\": [\"12px\", { \"lineHeight\": \"1.2\", \"letterSpacing\": \"0.05em\", \"fontWeight\": \"700\" }],\n \"headline-lg-mobile\": [\"32px\", { \"lineHeight\": \"1.2\", \"fontWeight\": \"700\" }],\n \"body-sm\": [\"14px\", { \"lineHeight\": \"1.5\", \"fontWeight\": \"400\" }],\n \"headline-xl-mobile\": [\"44px\", { \"lineHeight\": \"1.2\", \"fontWeight\": \"800\" }]\n },\n backgroundImage: {\n 'brand-gradient-bg': 'linear-gradient(120deg, #1D4F82 0%, #3CB9D5 100%)'\n },\n boxShadow: {\n 'erp-card': '0 12px 40px rgba(23, 63, 109, 0.08)'\n }\n }\n }\n }\n <\/script>\n<style>\n .glass-panel {\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(217, 228, 236, 0.5);\n }\n <\/style>\n<\/head>\n<body class=\"bg-background text-on-background font-body-md min-h-screen pt-12\">\n\n<section class=\"pb-16 px-margin-desktop max-w-container-max mx-auto relative overflow-hidden\" id=\"overview\">\n\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n<div class=\"space-y-8 z-10\">\n<div class=\"font-label-caps text-label-caps text-secondary font-bold tracking-widest uppercase\">\n Enterprise Resource Planning\n <\/div>\n<h1 class=\"font-headline-xl text-headline-xl text-heading-navy leading-tight hidden md:block\">\n One Platform.<br><span class=\"text-transparent bg-clip-text bg-brand-gradient-bg\">Every Business Function.<\/span>\n<\/h1>\n<h1 class=\"font-headline-xl-mobile text-headline-xl-mobile text-heading-navy leading-tight md:hidden\">\n One Platform.<br><span class=\"text-transparent bg-clip-text bg-brand-gradient-bg\">Every Function.<\/span>\n<\/h1>\n<p class=\"font-body-lg text-body-lg text-muted-gray max-w-xl\">\n Terp is a unified ERP platform that connects finance, people, operations, sales, projects, commerce and customer service in one integrated system. Deploy only what you need today and activate more modules as your business grows.\n <\/p>\n<div class=\"flex flex-wrap gap-4 pt-4\">\n<button class=\"bg-brand-gradient-bg text-on-primary font-body-md text-body-md px-8 py-3 rounded-lg hover:shadow-[0_0_15px_rgba(60,185,213,0.5)] transition-all font-semibold\">\n Book a Free Demo\n <\/button>\n<button class=\"bg-on-primary text-primary border border-primary font-body-md text-body-md px-8 py-3 rounded-lg hover:border-cyan-light transition-all font-semibold\">\n Explore 20+ Modules\n <\/button>\n<\/div>\n<div class=\"flex flex-wrap items-center gap-6 pt-6 text-sm font-semibold text-heading-navy\">\n<div class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-secondary text-lg\">check_circle<\/span> 20+ Integrated Modules<\/div>\n<div class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-secondary text-lg\">check_circle<\/span> 100% Modular Architecture<\/div>\n<div class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-secondary text-lg\">check_circle<\/span> SaaS & On-Premise<\/div>\n<div class=\"flex items-center gap-2\"><span class=\"material-symbols-outlined text-secondary text-lg\">check_circle<\/span> ERPNext + Odoo Foundation<\/div>\n<\/div>\n<\/div>\n<div class=\"relative h-[500px] w-full z-10\">\n\n<div class=\"absolute inset-0 bg-surface-alt rounded-[32px] border border-border-subtle shadow-erp-card overflow-hidden flex flex-col group hover:-translate-y-1 transition-transform duration-500\">\n<div class=\"h-10 bg-surface-container flex items-center px-4 gap-2 border-b border-border-subtle\">\n<div class=\"w-3 h-3 rounded-full bg-error\/50\"><\/div>\n<div class=\"w-3 h-3 rounded-full bg-secondary-container\"><\/div>\n<div class=\"w-3 h-3 rounded-full bg-cyan-light\"><\/div>\n<\/div>\n<div class=\"flex-1 p-6 grid grid-cols-3 grid-rows-3 gap-4 bg-[radial-gradient(circle_at_top_right,rgba(124,213,231,0.1)_0%,transparent_50%)]\">\n<div class=\"col-span-2 row-span-2 bg-on-primary rounded-xl border border-border-subtle p-4 shadow-sm relative overflow-hidden\">\n<div class=\"h-4 w-1\/3 bg-surface-variant rounded mb-6\"><\/div>\n<div class=\"absolute bottom-0 left-0 w-full h-2\/3 bg-gradient-to-t from-cyan-light\/20 to-transparent\"><\/div>\n<svg class=\"w-full h-24 absolute bottom-4 left-0 stroke-primary\" preserveaspectratio=\"none\" viewbox=\"0 0 100 40\">\n<path d=\"M0,35 Q10,20 20,25 T40,15 T60,20 T80,5 T100,10\" fill=\"none\" stroke-width=\"1.5\"><\/path>\n<path class=\"stroke-cyan-light\" d=\"M0,38 Q15,30 25,35 T50,25 T75,30 T100,20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/path>\n<\/svg>\n<\/div>\n<div class=\"col-span-1 row-span-1 bg-on-primary rounded-xl border border-border-subtle p-4 shadow-sm flex flex-col justify-center\">\n<span class=\"font-label-caps text-label-caps text-muted-gray uppercase\">Total Revenue<\/span>\n<span class=\"font-headline-md text-headline-md text-heading-navy\">$2.4M<\/span>\n<\/div>\n<div class=\"col-span-1 row-span-1 bg-brand-gradient-bg rounded-xl border border-border-subtle p-4 shadow-sm text-on-primary flex flex-col justify-center\">\n<span class=\"font-label-caps text-label-caps uppercase opacity-80\">Active Modules<\/span>\n<span class=\"font-headline-md text-headline-md\">12\/24<\/span>\n<\/div>\n<div class=\"col-span-3 row-span-1 bg-on-primary rounded-xl border border-border-subtle p-4 shadow-sm flex items-center gap-4\">\n<div class=\"h-10 w-10 rounded bg-surface-variant flex-shrink-0\"><\/div>\n<div class=\"space-y-2 w-full\">\n<div class=\"h-2 w-full bg-surface-container rounded\"><\/div>\n<div class=\"h-2 w-4\/5 bg-surface-container rounded\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"absolute -right-8 top-16 bg-on-primary p-4 rounded-xl shadow-erp-card border border-border-subtle flex items-center gap-3 animate-[bounce_4s_ease-in-out_infinite]\">\n<span class=\"material-symbols-outlined text-secondary\" style=\"font-variation-settings: 'FILL' 1;\">inventory_2<\/span>\n<div>\n<div class=\"font-label-caps text-label-caps text-muted-gray\">Inventory Health<\/div>\n<div class=\"font-body-md text-body-md font-bold text-heading-navy\">98.5%<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[800px] bg-cyan-light\/10 blur-[100px] rounded-full pointer-events-none -z-10\"><\/div>\n<\/section>\n\n<section class=\"py-12 bg-surface-alt border-y border-border-subtle\">\n<div class=\"max-w-container-max mx-auto px-margin-desktop grid grid-cols-2 md:grid-cols-4 gap-8\">\n<div class=\"text-center\">\n<div class=\"font-headline-md text-4xl text-heading-navy font-extrabold mb-2 text-transparent bg-clip-text bg-brand-gradient-bg\">20+<\/div>\n<div class=\"font-body-sm font-semibold text-heading-navy\">Integrated Business Modules<\/div>\n<\/div>\n<div class=\"text-center\">\n<div class=\"font-headline-md text-4xl text-heading-navy font-extrabold mb-2 text-transparent bg-clip-text bg-brand-gradient-bg\">100%<\/div>\n<div class=\"font-body-sm font-semibold text-heading-navy\">Modular Architecture<\/div>\n<\/div>\n<div class=\"text-center\">\n<div class=\"font-headline-md text-4xl text-heading-navy font-extrabold mb-2 text-transparent bg-clip-text bg-brand-gradient-bg\">2<\/div>\n<div class=\"font-body-sm font-semibold text-heading-navy\">Deployment Models<\/div>\n<\/div>\n<div class=\"text-center\">\n<div class=\"font-headline-md text-4xl text-heading-navy font-extrabold mb-2 text-transparent bg-clip-text bg-brand-gradient-bg\">One<\/div>\n<div class=\"font-body-sm font-semibold text-heading-navy\">Unified Source of Data<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap px-margin-desktop max-w-container-max mx-auto text-center relative\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy mb-6\">A Unified Business Management Platform<\/h2>\n<p class=\"font-body-lg text-body-lg text-muted-gray max-w-3xl mx-auto mb-16\">\n Terp consolidates core business functions \u2014 from accounting and HR to manufacturing and e-commerce \u2014 into one seamless interface. Instead of managing disconnected systems, teams work from a unified platform with integrated data, workflows and reporting.\n <\/p>\n<div class=\"bg-surface-container-low rounded-3xl p-12 border border-border-subtle shadow-sm relative overflow-hidden\">\n<h3 class=\"font-headline-md text-2xl text-heading-navy mb-4\">Built to Grow With Your Business<\/h3>\n<p class=\"text-muted-gray max-w-2xl mx-auto mb-12\">\n Start with the modules your organization needs now. As operations expand, activate additional capabilities without migrating to a different ERP platform or creating new data silos.\n <\/p>\n<div class=\"flex flex-wrap justify-center gap-4 relative z-10\">\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Finance<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0643\u0634\u0648\u0641 \u0627\u0644\u0645\u0631\u062a\u0628\u0627\u062a<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Manufacturing<\/div>\n<div class=\"bg-brand-gradient-bg text-on-primary rounded-full px-8 py-3 font-extrabold shadow-md transform scale-110\">Terp Core<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Sales & CRM<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Commerce<\/div>\n<div class=\"bg-on-primary border border-border-subtle rounded-full px-6 py-3 font-semibold text-heading-navy shadow-sm\">Projects<\/div>\n<\/div>\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full h-full bg-[radial-gradient(circle_at_center,rgba(64,185,213,0.05)_0%,transparent_70%)] pointer-events-none\"><\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap bg-surface-alt px-margin-desktop\">\n<div class=\"max-w-container-max mx-auto\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy mb-16 text-center\">Modular by Design. Unified by Default.<\/h2>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n<div class=\"bg-on-primary p-8 rounded-2xl shadow-sm border border-border-subtle hover:-translate-y-2 hover:shadow-erp-card transition-all duration-300\">\n<span class=\"material-symbols-outlined text-4xl text-secondary mb-6 block\">extension<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-3\">Deploy Only What You Need<\/h3>\n<p class=\"text-muted-gray text-body-sm\">Activate individual modules based on current business requirements.<\/p>\n<\/div>\n<div class=\"bg-on-primary p-8 rounded-2xl shadow-sm border border-border-subtle hover:-translate-y-2 hover:shadow-erp-card transition-all duration-300\">\n<span class=\"material-symbols-outlined text-4xl text-secondary mb-6 block\">trending_up<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-3\">Grow Without Replatforming<\/h3>\n<p class=\"text-muted-gray text-body-sm\">Add new modules as operations expand while keeping the same integrated system.<\/p>\n<\/div>\n<div class=\"bg-on-primary p-8 rounded-2xl shadow-sm border border-border-subtle hover:-translate-y-2 hover:shadow-erp-card transition-all duration-300\">\n<span class=\"material-symbols-outlined text-4xl text-secondary mb-6 block\">visibility<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-3\">Real-Time Operational Visibility<\/h3>\n<p class=\"text-muted-gray text-body-sm\">Connected data and dashboards reduce information silos across departments.<\/p>\n<\/div>\n<div class=\"bg-on-primary p-8 rounded-2xl shadow-sm border border-border-subtle hover:-translate-y-2 hover:shadow-erp-card transition-all duration-300\">\n<span class=\"material-symbols-outlined text-4xl text-secondary mb-6 block\">cloud_sync<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-3\">Flexible Deployment<\/h3>\n<p class=\"text-muted-gray text-body-sm\">Choose fully managed SaaS \/ Cloud or deploy Terp on your own infrastructure.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap px-margin-desktop max-w-container-max mx-auto\">\n<div class=\"text-center mb-16\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy mb-4\">Everything Your Business Needs \u2014 Connected<\/h2>\n<p class=\"font-body-lg text-muted-gray max-w-3xl mx-auto\">Terp brings core business operations into one modular ERP environment. Choose individual modules or combine them into a complete enterprise suite.<\/p>\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">account_balance<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Accounting & Finance<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Complete double-entry financial management with automated reporting, reconciliation and multi-currency support.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">General Ledger<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">AR\/AP<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">groups<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Human Resources<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Manage the employee lifecycle from recruitment and onboarding through attendance and performance.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Recruitment<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Attendance<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">payments<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Payroll Management<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Automate salary processing, statutory deductions, overtime, payslips and bank disbursement.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Payslips<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Tax<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">inventory_2<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Inventory & Warehouse<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Get real-time stock visibility across warehouses with barcode, batch, serial and reorder automation.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Stock<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Barcode<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">precision_manufacturing<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Manufacturing<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Plan and control the full production lifecycle from BOM and MRP planning through work orders.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">BOM<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Work Orders<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">monitoring<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Sales & CRM<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Manage leads, opportunities, quotations, orders, and sales performance from one pipeline.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Leads<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Quotes<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">shopping_cart<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Purchase Management<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Streamline procurement from material request through purchase order, receipt and vendor payment.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Vendors<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">PO<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">account_tree<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Project Management<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Plan, execute and monitor projects using tasks, timesheets, Gantt views and kanban workflows.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Tasks<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Gantt<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">point_of_sale<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Point of Sale (POS)<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">A connected POS for retail and restaurants with online\/offline selling and real-time inventory.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Offline<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Multi-Store<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">storefront<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Website & E-Commerce<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Build websites and online stores with integrated product catalog, payments and shipping.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">\u0639\u0631\u0628\u0629 \u0627\u0644\u062a\u0633\u0648\u0642<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">CMS<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">support_agent<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Helpdesk & Support<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Centralize customer support tickets, SLAs, escalation and knowledge base content.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Tickets<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">SLA<\/span><\/div>\n<\/div>\n<div class=\"group bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle hover:border-cyan-light hover:shadow-erp-card hover:-translate-y-1 transition-all\">\n<span class=\"material-symbols-outlined text-3xl text-primary mb-4\">directions_car<\/span>\n<h4 class=\"font-bold text-heading-navy text-lg mb-2\">Assets & Fleet<\/h4>\n<p class=\"text-muted-gray text-sm mb-4\">Track organizational assets, depreciation, maintenance and fleet operations throughout their lifecycle.<\/p>\n<div class=\"flex flex-wrap gap-2\"><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Assets<\/span><span class=\"text-[10px] bg-surface-alt px-2 py-1 rounded text-secondary font-bold uppercase tracking-wider\">Fleet<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"mt-12 text-center\">\n<span class=\"text-sm font-semibold text-muted-gray mr-4\">Plus more capabilities:<\/span>\n<div class=\"inline-flex flex-wrap gap-3\">\n<span class=\"bg-surface-container px-4 py-2 rounded-full text-sm font-medium text-heading-navy\">Quality<\/span>\n<span class=\"bg-surface-container px-4 py-2 rounded-full text-sm font-medium text-heading-navy\">Maintenance<\/span>\n<span class=\"bg-surface-container px-4 py-2 rounded-full text-sm font-medium text-heading-navy\">Marketing<\/span>\n<span class=\"bg-surface-container px-4 py-2 rounded-full text-sm font-medium text-heading-navy\">Events<\/span>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap bg-brand-gradient-bg px-margin-desktop relative overflow-hidden\">\n<div class=\"max-w-container-max mx-auto relative z-10 text-center text-on-primary\">\n<h2 class=\"font-headline-lg text-headline-lg mb-6\">Built on World-Class Open-Source Enterprise Frameworks<\/h2>\n<p class=\"text-xl max-w-3xl mx-auto mb-16 opacity-90\">\n Terp is engineered on top of ERPNext and Odoo, with a unification layer designed to deliver consistent data flows, workflows and user experience across the platform.\n <\/p>\n<div class=\"relative w-full max-w-[600px] aspect-square mx-auto my-12\" id=\"architecture-wheel\">\n\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-24 h-24 md:w-32 md:h-32 bg-white rounded-full flex items-center justify-center shadow-xl z-20\">\n<span class=\"font-headline-lg text-secondary text-2xl md:text-3xl font-extrabold\">Terp<\/span>\n<\/div>\n\n<div class=\"absolute inset-0 rounded-full border border-white\/20 transition-transform duration-700 ease-in-out\" id=\"wheel-container\" style=\"transform: rotate(-72deg);\">\n\n<div style=\"transform: rotate(0deg) translateY(-220px) rotate(72deg);\" class=\"absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100\"><span class=\"px-2 leading-tight\">Presentation Layer<\/span><\/div><div style=\"transform: rotate(72deg) translateY(-220px) rotate(0deg);\" class=\"absolute top-1\/2 left-1\/2 w-28 h-28 md:w-32 md:h-32 -ml-14 -mt-14 md:-ml-16 md:-mt-16 rounded-full flex items-center justify-center text-center font-bold text-sm md:text-base cursor-pointer transition-all duration-700 z-10 shadow-[0_0_30px_rgba(255,255,255,0.4)] border-4 border-white bg-white text-secondary scale-110\"><span class=\"px-2 leading-tight\">Integration Layer<\/span><\/div><div style=\"transform: rotate(144deg) translateY(-220px) rotate(-72deg);\" class=\"absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100\"><span class=\"px-2 leading-tight\">Application Layer<\/span><\/div><div style=\"transform: rotate(216deg) translateY(-220px) rotate(-144deg);\" class=\"absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100\"><span class=\"px-2 leading-tight\">Framework Layer<\/span><\/div><div style=\"transform: rotate(288deg) translateY(-220px) rotate(-216deg);\" class=\"absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100\"><span class=\"px-2 leading-tight\">Data Layer<\/span><\/div><\/div>\n\n<div class=\"absolute -bottom-16 md:-bottom-24 left-1\/2 -translate-x-1\/2 w-[110%] max-w-2xl bg-white\/10 backdrop-blur-md border border-white\/20 p-6 rounded-xl transition-all duration-300\" id=\"info-box\">\n<h4 class=\"font-bold text-lg mb-1\" id=\"info-title\" style=\"opacity: 1;\">2. Integration Layer<\/h4>\n<p class=\"text-sm opacity-80\" id=\"info-desc\" style=\"opacity: 1;\">Terp unification layer for connected data flows, workflows and a single source of truth.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"absolute inset-0 bg-[url('data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4xKSIvPjwvc3ZnPg==')] opacity-30\"><\/div>\n<script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n const layers = [\n { title: \"1. Presentation Layer\", desc: \"Modern responsive web interface, dashboards, real-time analytics and intuitive navigation.\" },\n { title: \"2. Integration Layer\", desc: \"Terp unification layer for connected data flows, workflows and a single source of truth.\" },\n { title: \"3. Application Layer\", desc: \"20+ integrated business modules covering enterprise operations.\" },\n { title: \"4. Framework Layer\", desc: \"ERPNext + Odoo foundation.\" },\n { title: \"5. Data Layer\", desc: \"PostgreSQL \/ MariaDB with automated backups, encryption at rest and enterprise security controls.\" }\n ];\n\n const container = document.getElementById('wheel-container');\n const infoTitle = document.getElementById('info-title');\n const infoDesc = document.getElementById('info-desc');\n let activeIndex = 0;\n const total = layers.length;\n const radius = window.innerWidth < 768 ? 140 : 220;\n\n layers.forEach((layer, i) => {\n const el = document.createElement('div');\n el.innerHTML = `<span class=\"px-2 leading-tight\">${layer.title.split('.')[1].trim()}<\/span>`;\n el.onclick = () => setActive(i);\n container.appendChild(el);\n });\n\n function setActive(index) {\n activeIndex = index;\n const rotation = -(index * (360 \/ total));\n container.style.transform = `rotate(${rotation}deg)`;\n \n const nodes = container.children;\n for (let i = 0; i < total; i++) {\n const A = (i * (360 \/ total));\n nodes[i].style.transform = `rotate(${A}deg) translateY(-${radius}px) rotate(${-A - rotation}deg)`;\n \n if (i === activeIndex) {\n nodes[i].className = 'absolute top-1\/2 left-1\/2 w-28 h-28 md:w-32 md:h-32 -ml-14 -mt-14 md:-ml-16 md:-mt-16 rounded-full flex items-center justify-center text-center font-bold text-sm md:text-base cursor-pointer transition-all duration-700 z-10 shadow-[0_0_30px_rgba(255,255,255,0.4)] border-4 border-white bg-white text-secondary scale-110';\n } else {\n nodes[i].className = 'absolute top-1\/2 left-1\/2 w-20 h-20 md:w-24 md:h-24 -ml-10 -mt-10 md:-ml-12 md:-mt-12 rounded-full flex items-center justify-center text-center font-semibold text-xs cursor-pointer transition-all duration-700 z-10 shadow-lg border border-white\/30 bg-white\/10 backdrop-blur-md text-white hover:bg-white\/20 hover:scale-105 opacity-80 hover:opacity-100';\n }\n }\n \n infoTitle.style.opacity = 0;\n infoDesc.style.opacity = 0;\n setTimeout(() => {\n infoTitle.innerText = layers[activeIndex].title;\n infoDesc.innerText = layers[activeIndex].desc;\n infoTitle.style.opacity = 1;\n infoDesc.style.opacity = 1;\n }, 300);\n }\n\n setActive(0);\n let interval = setInterval(() => {\n setActive((activeIndex + 1) % total);\n }, 5000);\n\n const wheelSection = document.getElementById('architecture-wheel');\n wheelSection.addEventListener('mouseenter', () => clearInterval(interval));\n wheelSection.addEventListener('mouseleave', () => {\n interval = setInterval(() => setActive((activeIndex + 1) % total), 5000);\n });\n });\n <\/script>\n<\/section>\n\n<section class=\"py-section-gap px-margin-desktop bg-surface-alt\">\n<div class=\"max-w-container-max mx-auto\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy text-center mb-16\">Built for Connected, Modern Operations<\/h2>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-12\">\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">database<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Unified Data<\/h4>\n<p class=\"text-muted-gray\">A unified codebase and connected modules reduce departmental data silos.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">admin_panel_settings<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Granular Access Control<\/h4>\n<p class=\"text-muted-gray\">Role-based access control with detailed permission management.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">insights<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Real-Time Reporting<\/h4>\n<p class=\"text-muted-gray\">Dashboards with configurable KPIs and operational visibility.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">account_tree<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Automated Workflows<\/h4>\n<p class=\"text-muted-gray\">Configurable business rules and workflow automation.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">public<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Global Business Support<\/h4>\n<p class=\"text-muted-gray\">Multi-company, multi-currency and multi-language capabilities.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex gap-4\">\n<span class=\"material-symbols-outlined text-3xl text-secondary\">api<\/span>\n<div>\n<h4 class=\"font-bold text-heading-navy text-xl mb-2\">Integration Ready<\/h4>\n<p class=\"text-muted-gray\">REST API and webhook support for third-party integrations.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap px-margin-desktop\">\n<div class=\"max-w-container-max mx-auto text-center\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy mb-6\">Pay Only for What You Need<\/h2>\n<p class=\"font-body-lg text-muted-gray max-w-3xl mx-auto mb-16\">\n Deploy individual Terp modules as standalone SaaS or on-premise solutions, then activate additional modules as business requirements grow.\n <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-left\">\n<div class=\"bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle shadow-sm flex flex-col h-full\">\n<span class=\"material-symbols-outlined text-4xl text-primary mb-4\">rocket_launch<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-2\">Startup Pack<\/h3>\n<p class=\"text-muted-gray font-medium mb-6 flex-grow\">HR + Attendance + Payroll<\/p>\n<button class=\"w-full py-2 border border-border-subtle rounded-lg text-secondary font-semibold hover:bg-surface-alt transition-colors\">Discuss This Setup<\/button>\n<\/div>\n<div class=\"bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle shadow-sm flex flex-col h-full\">\n<span class=\"material-symbols-outlined text-4xl text-primary mb-4\">store<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-2\">Retail Pack<\/h3>\n<p class=\"text-muted-gray font-medium mb-6 flex-grow\">POS + Inventory + Accounting<\/p>\n<button class=\"w-full py-2 border border-border-subtle rounded-lg text-secondary font-semibold hover:bg-surface-alt transition-colors\">Discuss This Setup<\/button>\n<\/div>\n<div class=\"bg-surface-container-lowest p-6 rounded-2xl border border-border-subtle shadow-sm flex flex-col h-full\">\n<span class=\"material-symbols-outlined text-4xl text-primary mb-4\">precision_manufacturing<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-2\">Manufacturer Pack<\/h3>\n<p class=\"text-muted-gray font-medium mb-6 flex-grow\">Manufacturing + Inventory + Purchase + Accounting<\/p>\n<button class=\"w-full py-2 border border-border-subtle rounded-lg text-secondary font-semibold hover:bg-surface-alt transition-colors\">Discuss This Setup<\/button>\n<\/div>\n<div class=\"bg-surface-container-lowest p-6 rounded-2xl border-2 border-secondary shadow-md flex flex-col h-full relative\">\n<div class=\"absolute -top-3 right-6 bg-secondary text-white text-xs font-bold px-3 py-1 rounded-full uppercase\">Most Popular<\/div>\n<span class=\"material-symbols-outlined text-4xl text-primary mb-4\">stars<\/span>\n<h3 class=\"font-headline-md text-xl text-heading-navy mb-2\">\u062c\u0646\u0627\u062d \u0643\u0627\u0645\u0644<\/h3>\n<p class=\"text-muted-gray font-medium mb-6 flex-grow\">All 20+ modules for complete enterprise management<\/p>\n<button class=\"w-full py-2 bg-secondary text-white rounded-lg font-semibold hover:bg-primary transition-colors\">Discuss This Setup<\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"py-section-gap bg-surface-alt px-margin-desktop\">\n<div class=\"max-w-container-max mx-auto\">\n<h2 class=\"font-headline-lg text-headline-lg text-heading-navy text-center mb-16\">Choose the Model That Fits Your Business<\/h2>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n<div class=\"bg-on-primary rounded-3xl p-10 border border-border-subtle shadow-sm relative overflow-hidden\">\n<div class=\"inline-block bg-cyan-light\/20 text-secondary font-bold px-4 py-1 rounded-full text-sm uppercase tracking-wide mb-6\">Fully Managed<\/div>\n<h3 class=\"font-headline-md text-3xl text-heading-navy mb-6\">SaaS \/ Cloud<\/h3>\n<ul class=\"space-y-4 mb-10 text-muted-gray\">\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Fully managed hosting and infrastructure<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Automatic updates and security patches<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> 99.9% uptime SLA guarantee<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Daily automated backups<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> SSL encryption and DDoS protection<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Scale up or down on demand<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> No internal IT infrastructure required<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-secondary\">check<\/span> Pay-as-you-go pricing model<\/li>\n<\/ul>\n<button class=\"bg-brand-gradient-bg text-white font-semibold py-3 px-8 rounded-lg w-full hover:shadow-lg transition-shadow\">Explore Cloud Deployment<\/button>\n<\/div>\n<div class=\"bg-on-primary rounded-3xl p-10 border border-border-subtle shadow-sm relative overflow-hidden\">\n<div class=\"inline-block bg-surface-variant text-heading-navy font-bold px-4 py-1 rounded-full text-sm uppercase tracking-wide mb-6\">Maximum Control<\/div>\n<h3 class=\"font-headline-md text-3xl text-heading-navy mb-6\">On-Premise<\/h3>\n<ul class=\"space-y-4 mb-10 text-muted-gray\">\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Full control over data and infrastructure<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Deploy on your own servers<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Custom security configurations<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> No internet dependency<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Integrate with internal systems<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> One-time licensing available<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Dedicated support packages<\/li>\n<li class=\"flex items-start gap-3\"><span class=\"material-symbols-outlined text-heading-navy\">check<\/span> Compliance with local data laws<\/li>\n<\/ul>\n<button class=\"bg-surface-container text-heading-navy border border-border-subtle font-semibold py-3 px-8 rounded-lg w-full hover:bg-surface-variant transition-colors\">Discuss On-Premise<\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n\n<\/body><\/html>", "protected": false }, "excerpt": { "rendered": "<p>Terp ERP | Unified Business Management Platform Enterprise Resource Planning One Platform.Every Business Function. One Platform.Every Function. Terp is a unified ERP platform that connects finance, people, operations, sales, projects, commerce and customer service in one integrated system. Deploy only what you need today and activate more modules as your business grows. Book a Free […]<\/p>", "protected": false }, "author": 31, "featured_media": 0, "parent": 0, "menu_order": 0, "comment_status": "closed", "ping_status": "closed", "template": "", "meta": { "_gspb_post_css": "", "postBodyCss": "", "postBodyMargin": [], "postBodyPadding": [], "postBodyBackground": { "backgroundType": "classic", "gradient": "" }, "enableOnePageScrollInPage": false, "onePageScrollCss": "body.gutenkit .gkit-one-page-scroll-dots { --navigation-color: #00ff0d; --navigation-color-active: #00ff0d; --navigation-color-hover: #00ff0d; --navigation-tooltip-arrow-color: #00ff0d; --navigation-tooltip-arrow-color-hover: #00ff0d; } body.gutenkit .gkit-one-page-scroll-dots li.gkit-one-page-scroll-dot .gkit-one-page-scroll-tooltip { color: #ffffff; background-color: #00ff0d; } body.gutenkit .gkit-one-page-scroll-dots li.gkit-one-page-scroll-dot .gkit-one-page-scroll-tooltip:hover { color: #fff; background-color: #00ff0d; }", "onePageScrollSpeed": 1000, "onePageScrollAnimation": "easeInOutQuad", "onePageScrollShowDotNavigation": true, "onePageScrollNavigation": "scaleUp", "onePageScrollNavigationPosition": "right", "onePageScrollNavigationHorizontal": [], "onePageScrollNavigationVertical": [], "onePageScrollNavigationSpacing": [], "onePageScrollNavigationColor": "#00ff0d", "onePageScrollNavigationColorHover": "#00ff0d", "onePageScrollNavigationColorActive": "#00ff0d", "onePageScrollNavigationIcon": [], "onePageScrollNavigationWidth": [], "onePageScrollNavigationWidthHover": [], "onePageScrollNavigationWidthActive": [], "onePageScrollNavigationHeight": [], "onePageScrollNavigationHeightHover": [], "onePageScrollNavigationHeightActive": [], "onePageScrollNavigationBorder": [], "onePageScrollNavigationBorderHover": [], "onePageScrollNavigationBorderActive": [], "onePageScrollNavigationBorderRadius": [], "onePageScrollNavigationBorderRadiusHover": [], "onePageScrollNavigationBorderRadiusActive": [], "onePageScrollNavigationTooltipTypography": [], "onePageScrollNavigationTooltipColor": "#ffffff", "onePageScrollNavigationTooltipColorHover": "", "onePageScrollNavigationTooltipBgColor": "#00ff0d", "onePageScrollNavigationTooltipBgColorHover": "", "onePageScrollNavigationTooltipPadding": [], "onePageScrollNavigationTooltipPaddingHover": [], "onePageScrollNavigationTooltipBorderRadius": [], "onePageScrollNavigationTooltipBorderRadiusHover": [], "pageSettingsCustomCss": "", "footnotes": "" }, "class_list": [ "post-10773", "page", "type-page", "status-publish", "hentry" ], "blocksy_meta": { "has_hero_section": "disabled", "vertical_spacing_source": "custom", "content_area_spacing": "none", "styles_descriptor": { "styles": { "desktop": "", "tablet": "", "mobile": "" }, "google_fonts": [], "version": 6 } }, "_links": { "self": [ { "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/pages\/10773", "targetHints": { "allow": [ "GET" ] } } ], "collection": [ { "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/pages" } ], "about": [ { "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/types\/page" } ], "author": [ { "embeddable": true, "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/users\/31" } ], "replies": [ { "embeddable": true, "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/comments?post=10773" } ], "version-history": [ { "count": 2, "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/pages\/10773\/revisions" } ], "predecessor-version": [ { "id": 10775, "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/pages\/10773\/revisions\/10775" } ], "wp:attachment": [ { "href": "https:\/\/tamimahdigital.com\/ar\/wp-json\/wp\/v2\/media?parent=10773" } ], "curies": [ { "name": "wp", "href": "https:\/\/api.w.org\/{rel}", "templated": true } ] } }