PageSourceSearch

https://octella.com/pricing

html octella.com collected 2026-10-02 00:32:07 UTC 81,870 bytes, 1,342 lines download raw bytes

1<!DOCTYPE html>
2<html>
3  <head>
4    <title>Pricing and plans  - Octella</title>
5    <meta property="og:title" content="Pricing and plans  - Octella">
6      <meta name="description" content="Choose Octella for seamless communication solutions. Pricing starts from €15/month, ensuring you connect with customers anytime, anywhere. Explore now! ">
7    <meta property="og:image" content="https://ik.imagekit.io/7bh3lokok/octella-logo-horizontal-purple.png">
8    <meta property="og:image:width" content="1200">
9    <meta property="og:image:height" content="630">
10      <meta property="og:type" content="website">
11    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no">
12    <meta name="theme-color" content="#6C66E7">
13    <meta name="production" content="true" />
14      <link rel="alternate" hreflang="en" href="https://octella.com/pricing" />
15      <link rel="alternate" hreflang="lv" href="https://octella.com/lv/pricing" />
16      <link rel="alternate" hreflang="ru" href="https://octella.com/ru/pricing" />
17    <meta property="og:url" content="https://octella.com/pricing" /><link href="https://octella.com/pricing" rel="canonical" />    
17<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Octella","url":"https://octella.com","logo":{"@type":"ImageObject","url":"https://ik.imagekit.io/7bh3lokok/octella-logo-horizontal-purple.png"},"address":{"@type":"PostalAddress","streetAddress":"Elemental Business Centre, Tower Blue, 25 Skanstes str., Riga, LV-1013, Latvia"},"sameAs":["https://www.linkedin.com/company/octella/","https://www.facebook.com/profile.php?id=61559585889098","https://www.instagram.com/octella_contactcentersolutions/","https://www.youtube.com/channel/UC6OtVPjVdftC2E7DmSc5TTQ"]}</script>
17
18    
19    <meta name="csrf-param" content="authenticity_token" />
20<meta name="csrf-token" content="2MamUPAST8KHV0AnWxlSwHcBmy_4lnPFwCkCINyVHt3S3NCBNJgIUqFXnEg_Gltwzfl4Gi-37uSKoJeAne-B4Q" />
21    <link rel="preconnect" href="https://fonts.googleapis.com">
22    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
23    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500&family=Lexend+Deca:wght@200;400;500&display=swap&subset=cyrillic" rel="stylesheet">
24    <link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/swiffy-slider.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
25    <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/swiffy-slider.min.css"></noscript>
26    
26<script>
27      // Initialize dataLayer and default consent=denied (Consent Mode v2)
28      window.dataLayer = window.dataLayer || [];
29      window.gtag = window.gtag || function(){ window.dataLayer.push(arguments); };
30      window.gtag('consent', 'default', {
31        ad_storage: 'denied',
32        analytics_storage: 'denied',
33        ad_user_data: 'denied',
34        ad_personalization: 'denied'
35      });
36    </script>
36
37    <link rel="stylesheet" href="/assets/application-10345f0dc10fb1966443151d16306329737c3fe61b8ee72772325c20baede4ae.css" data-turbo-track="reload" />
38    
38<script src="/assets/application-6468064a1e39918448825009fab88871df63b5f7a26ca6c28dd90b00e3b39c15.js" data-turbo-track="reload" defer="defer"></script>
38
39      <link rel="stylesheet" href="/assets/pricing-f8875c2f256df0e35149abc0a893ffe8127ceeaaeca4ac4de733299f50107e92.css" data-turbo-track="reload" />
40  <link rel="stylesheet" href="/assets/breadcrumb-bfefbce73e97e362668f01e616090f5e39da744cc724df103dede3059b233000.css" data-turbo-track="reload" />
41
42        <meta name="robots" content="noimageindex">
43  </head>
44  <body class="en">
45    <div class="main-wrapper" data-controller="modal cta" data-modal-param="">
46      <!--desktop nav-->
47<div class="hidden md:block">
48  <nav class="fixed w-full z-40" data-controller="navbar">
49    <div class="max-w-full md:max-w-[85rem] mx-auto custom-md:px-1 md:px-4 lg:px-8">
50      <div class="flex navbar-content transition-all duration-300 h-24 items-end pt-2" data-navbar-target="navbar">
51        <div class="flex-shrink-0">
52          <a href="/">
53            <img class="pb-3.5 ml-1.5 octella-logo custom-md:max-w-[65px] md:max-w-[80px]" data-navbar-target="logo" data-small-logo="https://ik.imagekit.io/7bh3lokok/octella-logo-small.png" src="https://ik.imagekit.io/7bh3lokok/octella-logo-white.png" />
54</a>        </div>
55        <div class="flex items-end justify-end flex-grow custom-md:ml-4 md:ml-8">
56          <ul class="flex md:space-x-4 lg:space-x-6 mr-auto" >
57              <li class="pb-2 custom-md:text-[14px] md:text-md transition duration-300 cursor-pointer group hover" data-navbar-target="navList" >
58                  <div class="nav-button group-hover:underline group-hover:text-gray-300">
59                    Products
60                    <div class="nav-dropdown bg-[#F6F7FA] z-10" data-navbar-target="dropdown">
61  <div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 pb-3">
62    <div class="heading-2 mt-14 text-[#6C66E7] pb-1">Products</div>
63    <div class="flex py-6 nav-dropdown-links items-start max-w-screen-lg ">
64        <div class="grid grid-cols-3 flex-grow">
65              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/standard-pbx-features">Standard PBX features</a>
66              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/autodialer">Autodialer</a>
67              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/social-media">Social media</a>
68              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/chats">Chats</a>
69              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/dids-phone-numbers">DIDs phone numbers</a>
70              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/call-tracking">Call tracking</a>
71              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/callback">Callback</a>
72              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/e-mails">E-mails</a>
73              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/ai-features">AI Features</a>
74              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/sms">SMS</a>
75              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/mobile-app-and-softphone">Mobile app and softphone</a>
76              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/products/sip-trunk">SIP Trunk</a>
77        </div>
78      <div class="flex-initial">
79      </div>
80    </div>
81  </div>
82    <a class="flex items-center text-[#6C66E7] all-products" href="/products">
83      <span class="mr-1.5 hover:underline">Products</span>
84      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none">
85<path d="M5 12H19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
86<path d="M13 5L20 12L13 19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
87</svg>
88
89</a></div>
90
91                  </div>
92              </li>
93              <li class="pb-2 custom-md:text-[14px] md:text-md transition duration-300 cursor-pointer group hover" data-navbar-target="navList" >
94                  <div class="nav-button group-hover:underline group-hover:text-gray-300">
95                    Solutions
96                    <div class="nav-dropdown bg-[#F6F7FA] z-10" data-navbar-target="dropdown">
97  <div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 pb-3">
98    <div class="heading-2 mt-14 text-[#6C66E7] pb-1">Solutions</div>
99    <div class="flex py-6 nav-dropdown-links items-start max-w-screen-lg flex-wrap">
100            <a class="flex items-center border border-[#D2D8E9] text-[#2C3346] rounded-xl hover:bg-[#
100E9EBF3] transition-colors m-3 max-w-[277px] h-[64px]" href="/solutions/lending">
101                <div class="flex items-center justify-center border-r border-r-[#D2D8E9] h-full">
102                  <img width="46" height="46" class="m-2" alt="Hand holding a coin icon representing fintech lending services, consumer loan management, secure financial transactions, and automated customer acquisition solutions." src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdWNCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--723a56ed9de0d60b1925d8c64b0769dcedafe94b/lending-navigation-icon.svg" />
103                </div>
104              <span class="flex-1 p-2 items-center justify-center">
105                Lending
106              </span>
107</a>            <a class="flex items-center border border-[#D2D8E9] text-[#2C3346] rounded-xl hover:bg-[#E9EBF3] transition-colors m-3 max-w-[277px] h-[64px]" href="/solutions/debt-collection">
108                <div class="flex items-center justify-center border-r border-r-[#D2D8E9] h-full">
109                  <img width="46" height="46" class="m-2" alt="Handshake icon with dollar coin representing debt collection partnerships, secure financial recovery services, and automated soft collection strategies." src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdUlCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--e59e265c41fb52491f214880477c97243818c207/debt-collection-navigation-icon.svg" />
110                </div>
111              <span class="flex-1 p-2 items-center justify-center">
112                Debt collection
113              </span>
114</a>            <a class="flex items-center border border-[#D2D8E9] text-[#2C3346] rounded-xl hover:bg-[#E9EBF3] transition-colors m-3 max-w-[277px] h-[64px]" href="/solutions/games-and-gambling">
115                <div class="flex items-center justify-center border-r border-r-[#D2D8E9] h-full">
116                  <img width="46" height="46" class="m-2" alt="Gaming dice icon representing online gambling communication solutions, premium telecom routing, and customer support for gaming platforms." src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdVFCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--6b44f9a12696e0365802fc624a0f833681edaa6f/gambling-navigation-icon.svg" />
117                </div>
118              <span class="flex-1 p-2 items-center justify-center">
119                Games and gambling
120              </span>
121</a>            <a class="flex items-center border border-[#D2D8E9] text-[#2C3346] rounded-xl hover:bg-[#E9EBF3] transition-colors m-3 max-w-[277px] h-[64px]" href="/solutions/bpo-and-telemarketing-agencies">
122                <div class="flex items-center justify-center border-r border-r-[#D2D8E9] h-full">
123                  <img width="46" height="46" class="m-2" alt="Headset icon representing call center support, outbound telemarketing services, and automated sales communication solutions." src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdUVCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--5f05299e340c82130fc5d62df27a60d4fbcd7e37/bpo-telemarketing-navigation-icon.svg" />
124                </div>
125              <span class="flex-1 p-2 items-center justify-center">
126                BPO and telemarketing agencies
127              </span>
128</a>            <a class="flex items-center border border-[#D2D8E9] text-[#2C3346] rounded-xl hover:bg-[#E9EBF3] transition-colors m-3 max-w-[277px] h-[64px]" href="/solutions/e-commerce-and-retail">
129                <div class="flex items-center justify-center border-r border-r-[#D2D8E9] h-full">
130                  <img width="46" height="46" class="m-2" alt="Shopping basket icon with coin representing Octella fintech solutions for secure e-commerce transactions, automated order processing, and customer payment management." src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdU1CIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--30dba8d84501a44e4b8556b1afa04b5270810195/ecommerce-navigation-icon.svg" />
131                </div>
132              <span class="flex-1 p-2 items-center justify-center">
133                E-commerce and retail
134              </span>
135</a>            <a class="flex items-center border border-[#D2D8E9] text-[#2C3346] rounded-xl hover:bg-[#E9EBF3] transition-colors m-3 max-w-[277px] h-[64px]" href="/solutions/healthcare">
136                <div class="flex items-center justify-center border-r border-r-[#D2D8E9] h-full">
137                  <img width="46" height="46" class="m-2" alt="Medical kit icon with heart symbol representing Octella fintech healthcare solutions for empathetic patient communication, secure call management, and personalized customer engagement." src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdVVCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--064ea16eec2d536cad54e9c2e75157032a5c37d5/healthcare-navigation-icon.svg" />
138                </div>
139              <span class="flex-1 p-2 items-center justify-center">
140                Healthcare
141              </span>
142</a>            <a class="flex items-center border border-[#D2D8E9] text-[#2C3346] rounded-xl hover:bg-[#E9EBF3] transition-colors m-3 max-w-[277px] h-[64px]" href="/solutions/it">
143                <div class="flex items-center justify-center border-r border-r-[#D2D8E9] h-full">
144                  <img width="46" height="46" class="m-2" alt="Laptop icon with code representing Octella fintech API integration, secure VoIP development, and custom communication solutions for technology companies." src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdVlCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--dedae134ec6ee0fdc5d80c1b64f176e128527dea/it-navigation-icon.svg" />
145                </div>
146              <span class="flex-1 p-2 items-center justify-center">
147                IT
148              </span>
149</a>            <a class="flex items-center border border-[#D2D8E9] text-[#2C3346] rounded-xl hover:bg-[#E9EBF3] transition-colors m-3 max-w-[277px] h-[64px]" href="/solutions/tourism-and-hospitality">
150                <div class="flex items-center justify-center border-r border-r-[#D2D8E9] h-full">
151                  <img width="46" height="46" class="m-2" alt="Laptop icon with code representing Octella fintech travel communication solutions, API integration for booking systems, and secure customer data management." src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdWdCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ca3326b62196a29b1ad0209252eecd67a1a9d245/travel-navigation-icon.svg" />
152                </div>
153              <span class="flex-1 p-2 items-center justify-center">
154                Tourism and Hospitality
155              </span>
156</a>      <div class="flex-initial">
157      </div>
158    </div>
159  </div>
160    <a class="flex items-center text-[#6C66E7] all-products" href="/solutions">
161      <span class="mr-1.5 hover:underline">Solutions</span>
162      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none">
163<path d="M5 12H19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
164<path d="M13 5L20 12L13 19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
165</svg>
166
167</a></div>
168
169                  </div>
170              </li>
171              <li class="pb-2 custom-md:text-[14px] md:text-md transition duration-300 cursor-pointer group hover" data-navbar-target="navList" >
172                  <div class="nav-button group-hover:underline group-hover:text-gray-300">
173                    Integrations
174                    <div class="nav-dropdown bg-[#F6F7FA] z-10" data-navbar-target="dropdown">
175  <div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 pb-3">
176    <div class="heading-2 mt-14 text-[#6C66E7] pb-1">Integrations</div>
177    <div class="flex py-6 nav-dropdown-links items-start max-w-screen-lg ">
178        <div class="grid grid-cols-3 flex-grow">
179              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/api">API</a>
180              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#
180E9EBF3]" href="/integrations/pipedrive">Pipedrive</a>
181              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/zoho">Zoho</a>
182              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/amocrm">AmoCRM</a>
183              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/bitrix24">Bitrix24</a>
184              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/hubspot">HubSpot</a>
185              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/zapier">Zapier</a>
186              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/yandex-direct">Yandex Direct</a>
187              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/google-analytics">Google Analytics</a>
188              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/microsoft-bing">Microsoft Bing</a>
189              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/google-ads">Google Ads</a>
190              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/facebook-ads">Facebook Ads</a>
191              <a class="text-[#414859] p-[5px] mr-[4rem] hover:rounded-lg hover:bg-[#E9EBF3]" href="/integrations/kommo">Kommo</a>
192        </div>
193      <div class="flex-initial">
194      </div>
195    </div>
196  </div>
197    <a class="flex items-center text-[#6C66E7] all-products" href="/integrations">
198      <span class="mr-1.5 hover:underline">Integrations</span>
199      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none">
200<path d="M5 12H19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
201<path d="M13 5L20 12L13 19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
202</svg>
203
204</a></div>
205
206                  </div>
207              </li>
208              <li class="pb-2 custom-md:text-[14px] md:text-md transition duration-300 cursor-pointer group hover" data-navbar-target="navList" >
209                  <a class="hover:underline hover:text-gray-300" href="/pricing">Pricing</a>
210              </li>
211              <li class="pb-2 custom-md:text-[14px] md:text-md transition duration-300 cursor-pointer group hover" data-navbar-target="navList" >
212                  <div class="nav-button group-hover:underline group-hover:text-gray-300">
213                    Resources
214                    <div class="nav-dropdown bg-[#F6F7FA] z-10" data-navbar-target="dropdown">
215  <div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 pb-3">
216    <div class="heading-2 mt-14 text-[#6C66E7] pb-1">Resources</div>
217    <div class="flex py-6 nav-dropdown-links items-start max-w-screen-lg ">
218        <div class="grid grid-cols-3 flex-grow">
219
220            <div class="col-span-1">
221              <div class="heading-5 text-[#414859] p-[5px] mb-2">Support</div>
222                <div class="mb-1">
223                  <a class="text-[#414859] p-[5px] hover:rounded-lg hover:bg-[#E9EBF3]" href="/resources/questions-and-answers">Questions and Answers</a>
224                </div>
225                <div class="mb-1">
226                  <a class="text-[#414859] p-[5px] hover:rounded-lg hover:bg-[#E9EBF3]" href="/resources/onboarding">Onboarding</a>
227                </div>
228                <div class="mb-1">
229                  <a class="text-[#414859] p-[5px] hover:rounded-lg hover:bg-[#E9EBF3]" href="/resources/status-page">Status Page</a>
230                </div>
231            </div>
232
233            <div class="col-span-1">
234              <div class="heading-5 text-[#414859] p-[5px] mb-2">Know More</div>
235                <div class="mb-1">
236                  <a class="text-[#414859] p-[5px] hover:rounded-lg hover:bg-[#E9EBF3]" href="/resources/blog">Blog</a>
237                </div>
238            </div>
239
240            <div class="col-span-1">
241              <div class="heading-5 text-[#414859] p-[5px] mb-2">Other</div>
242                <div class="mb-1">
243                  <a class="text-[#414859] p-[5px] hover:rounded-lg hover:bg-[#
243E9EBF3]" href="/resources/partner-program">Partner program</a>
244                </div>
245            </div>
246        </div>
247      <div class="flex-initial">
248          <div class="coming-soon">
249            <p class="text pb-2">Latest in the blog</p>
250            <p class="page">How AI Assessment reveals hidden sales problems</p>
251            <a id="coming-soon-link" href="/blog/how-ai-assessment-reveals-hidden-sales-problems">
252              <span class="flex items-center text">
253                Read
254                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 ml-2">
255<path d="M3 4H8.4C9.35478 4 10.2705 4.3746 10.9456 5.0414C11.6207 5.70819 12 6.61256 12 7.55556V20C12 19.2928 11.7155 18.6145 11.2092 18.1144C10.7028 17.6143 10.0161 17.3333 9.3 17.3333H3V4Z" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="round"></path>
256<path d="M21 4H15.6C14.6452 4 13.7295 4.3746 13.0544 5.0414C12.3793 5.70819 12 6.61256 12 7.55556V20C12 19.2928 12.2845 18.6145 12.7908 18.1144C13.2972 17.6143 13.9839 17.3333 14.7 17.3333H21V4Z" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="round"></path>
257</svg>
258
259              </span>
260</a>          </div>
261      </div>
262    </div>
263  </div>
264</div>
265
266                  </div>
267              </li>
268              <li class="pb-2 custom-md:text-[14px] md:text-md transition duration-300 cursor-pointer group hover" data-navbar-target="navList" >
269                  <a class="hover:underline hover:text-gray-300" href="/about-us">About Us</a>
270              </li>
271          </ul>
272          <div class="flex items-center flex-none pb-2">
273            <div class="custom-md:ml-0 md:ml-4 flex flex-col items-center justify-center">
274              <div class="contact-info-header custom-md:text-xs md:text-sm mb-2 custom-md:ml-4 md:ml-28">Contact us: <span class="hover:underline"><a href="mailto:[email protected]">[email protected]</a></span> </div>
275              <div class="flex mt-2">
276                
277<div class="lang-dropdown-container relative" data-controller="language-dropdown">
278  <button class="flex items-center language-selector dropdown-toggle" data-language-dropdown-target="selected" data-action="click->language-dropdown#toggleMenu">
279    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
280<path d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
281<path d="M4 12H20" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
282<path d="M12 4C13.876 6.19068 14.9421 9.03363 15 12C14.9421 14.9664 13.876 17.8093 12 20C10.124 17.8093 9.05794 14.9664 9 12C9.05794 9.03363 10.124 6.19068 12 4Z" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
283</svg>
284
285    <span class="selected-language align-middle">ENG</span>
286  </button>
287  <div class="hidden lang-dropdown-menu" data-language-dropdown-target="menu">
288    <ul class="pr-1 text-sm bg-[#6C66E7]">
289          <li>
290            <a class="block pl-2 pr-2 py-2 hover:underline" id="lv" href="/lv/pricing">Latviešu</a>
291          </li>
292          <li>
293            <a class="block pl-2 pr-2 py-2 hover:underline" id="ru" href="/ru/pricing">Русский</a>
294          </li>
295    </ul>
296  </div>
297</div>
298
299                <a class="base-nav-button nav-primary custom-md:ml-1 md:ml-4" rel="nofollow" data-turbo="true" data-turbo-frame="modal" data-action="click-&gt;modal#openModal" href="/contacts/contact_us">Sign Up</a>
300                <a rel="nofollow" class="base-nav-button nav-secondary custom-md:ml-1 md:ml-4" data-turbo="true" data-turbo-frame="modal" data-action="click-&gt;modal#openModal" href="/login">Login</a>
301              </div>
302            </div>
303          </div>
304        </div>
305      </div>
306      <div class="border-b border-[#B4B0FD] nav-border" data-navbar-target="border"></div>
307    </div>
308  </nav>
309</div>
310<!--mobile nav-->
311<div class="mobile-nav md:hidden fixed top-0 left-0 w-full z-50 bg-[#6C66E7] shadow-lg" data-controller="mobile-nav mobile-dropdown">
312  <div class="flex justify-between items-center p-4">
313    <div>
314      <a href="/">
315        <img class="h-8" alt="Logo" src="https://ik.imagekit.io/7bh3lokok/octella-logo-horizontal-white.svg" />
316</a>    </div>
317
318    <div>
319      <button data-action="mobile-nav#toggleMenu" class="mobile-nav-button focus:outline-none flex flex-col justify-between w-5 h-5">
320        <span class="w-full h-0.5 bar" data-mobile-nav-target="bar"></span>
321        <span class="w-full h-0.5 bar" data-mobile-nav-target="bar"></span>
322        <span class="w-full h-0.5 bar" data-mobile-nav-target="bar"></span>
323      </button>
324    </div>
325
326  </div>
327
328  <div
329    class="absolute shadow-lg top-0 left-0 w-full mt-12 bg-[#6C66E7] transform scale-y-0 origin-top opacity-0 pointer-events-none transition-transform duration-300 ease-in-out transition-opacity mobile-navbar-menu"
330    data-mobile-nav-target="menu">
331
332    <div class="flex justify-between items-center px-4 pt-4 pb-2">
333      <div class="relative">
334        <button class="flex items-center language-selector" data-language-dropdown-target="selected" data-action="mobile-dropdown#toggleDropdown">
335          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
336<path d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
337<path d="M4 12H20" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
338<path d="M12 4C13.876 6.19068 14.9421 9.03363 15 12C14.9421 14.9664 13.876 17.8093 12 20C10.124 17.8093 9.05794 14.9664 9 12C9.05794 9.03363 10.124 6.19068 12 4Z" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
339</svg>
340
341          <span class="selected-language align-middle">ENG</span>
342        </button>
343        <div
344          data-mobile-dropdown-target="dropdownMenu"
345          class="overflow-hidden transition-all duration-300"
346          style="height: 0;">
347
348              <a class="text-[#D2D8E9] block pl-2 pr-2 py-2 hover:underline" id="lv" href="/lv/pricing">Latviešu</a>
349
350
351              <a class="text-[#D2D8E9] block pl-2 pr-2 py-2 hover:underline" id="ru" href="/ru/pricing">Русский</a>
352
353        </div>
354      </div>
355
356
357      <span class="text-[#F6F7FA] text-[12px]">
358        Contact us: <a href="mailto:[email protected]">[email protected]</a>
359      </span>
360    </div>
361
362        <div class="relative">
363          <button
364            data-action="mobile-dropdown#toggleDropdown"
365            class="block text-large text-[#F6F7FA] px-4 py-2 w-full text-left focus:outline-none">
366            Products
367            <span class="float-right toggle-icon plus" style="--icon-color: #F6F7FA" data-mobile-dropdown-target="icon"></span>
368          </button>
369          <div
370            data-mobile-dropdown-target="dropdownMenu"
371            class="overflow-hidden transition-all duration-300"
372            style="height: 0;">
373                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/standard-pbx-features">Standard PBX features</a>
374                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/autodialer">Autodialer</a>
375                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/social-media">Social media</a>
376                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/chats">Chats</a>
377                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/dids-phone-numbers">DIDs phone numbers</a>
378                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/call-tracking">Call tracking</a>
379                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/callback">Callback</a>
380                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/e-mails">E-mails</a>
381                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/ai-features">AI Features</a>
382                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/sms">SMS</a>
383                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/mobile-app-and-softphone">Mobile app and softphone</a>
384                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/products/sip-trunk">SIP Trunk</a>
385          </div>
386        </div>
387        <div class="relative">
388          <button
389            data-action="mobile-dropdown#toggleDropdown"
390            class="block text-large text-[#F6F7FA] px-4 py-2 w-full text-left focus:outline-none">
391            Solutions
392            <span class="float-right toggle-icon plus" style="--icon-color: #F6F7FA" data-mobile-dropdown-target="icon"></span>
393          </button>
394          <div
395            data-mobile-dropdown-target="dropdownMenu"
396            class="overflow-hidden transition-all duration-300"
397            style="height: 0;">
398                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/solutions/lending">Lending</a>
399                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/solutions/debt-collection">Debt collection</a>
400                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/solutions/games-and-gambling">Games and gambling</a>
401                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/solutions/bpo-and-telemarketing-agencies">BPO and telemarketing agencies</a>
402                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/solutions/e-commerce-and-retail">E-commerce and retail</a>
403                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/solutions/healthcare">Healthcare</a>
404                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/solutions/it">IT</a>
405                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/solutions/tourism-and-hospitality">Tourism and Hospitality</a>
406          </div>
407        </div>
408        <div class="relative">
409          <button
410            data-action="mobile-dropdown#toggleDropdown"
411            class="block text-large text-[#F6F7FA] px-4 py-2 w-full text-left focus:outline-none">
412            Integrations
413            <span class="float-right toggle-icon plus" style="--icon-color: #F6F7FA" data-mobile-dropdown-target="icon"></span>
414          </button>
415          <div
416            data-mobile-dropdown-target="dropdownMenu"
417            class="overflow-hidden transition-all duration-300"
418            style="height: 0;">
419                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/api">API</a>
420                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/pipedrive">Pipedrive</a>
421                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/zoho">Zoho</a>
422                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/amocrm">AmoCRM</a>
423                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/bitrix24">Bitrix24</a>
424                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/hubspot">HubSpot</a>
425                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/zapier">Zapier</a>
426                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/yandex-direct">Yandex Direct</a>
427                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/google-analytics">Google Analytics</a>
428                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/microsoft-bing">Microsoft Bing</a>
429                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/google-ads">Google Ads</a>
430                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/facebook-ads">Facebook Ads</a>
431                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/integrations/kommo">Kommo</a>
432          </div>
433        </div>
434        <a class="block text-large text-[#F6F7FA] hover:underline px-4 py-2" href="/pricing">Pricing</a>
435        <div class="relative">
436          <button
437            data-action="mobile-dropdown#toggleDropdown"
438            class="block text-large text-[#F6F7FA] px-4 py-2 w-full text-left focus:outline-none">
439            Resources
440            <span class="float-right toggle-icon plus" style="--icon-color: #F6F7FA" data-mobile-dropdown-target="icon"></span>
441          </button>
442          <div
443            data-mobile-dropdown-target="dropdownMenu"
444            class="overflow-hidden transition-all duration-300"
445            style="height: 0;">
446                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/resources/questions-and-answers">Questions and Answers</a>
447                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/resources/onboarding">Onboarding</a>
448                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/resources/partner-program">Partner program</a>
449                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/resources/blog">Blog</a>
450                <a class="block text-[#D2D8E9] hover:underline px-4 py-2" href="/resources/status-page">Status Page</a>
451          </div>
452        </div>
453        <a class="block text-large text-[#F6F7FA] hover:underline px-4 py-2" href="/about-us">About Us</a>
454    <div class="flex justify-center gap-4 mb-8 mt-14">
455      <a rel="nofollow" class="base-nav-button mobile-nav-primary" data-turbo="true" data-turbo-frame="modal" data-action="click-&gt;modal#openModal" href="/contacts/contact_us">Sign Up</a>
456      <a rel="nofollow" class="base-nav-button mobile-nav-secondary" data-turbo="true" data-turbo-frame="modal" data-action="click-&gt;modal#openModal" href="/login">Login</a>
457    </div>
458  </div>
459
460</div>
461
462
463
464
465
466
467
468      <div class="">
469        <div class="flex flex-col h-screen w-full main-content ">
470          
471
472<div class="bg-[#F6F7FA] flex-1 z-10">
473  <div class="breadcrumb mt-20 md:mt-28 mb-10">
474  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pl-4 sm:pl-6 md:pl-8 lg:pl-16 xl:pl-36 flex items-center space-x-2">
475        <span class="flex items-center">
476          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="15px" viewBox="0 0 20 20" fill="none">
477<path d="M9.99967 2.5L3.33301 7.75V17.5H16.6663V7.75L9.99967 2.5Z" stroke="#B4B0FD" stroke-width="1.5" stroke-linecap="round"></path>
478<path d="M7.5 17.5002V10.8335H12.5V17.5002" stroke="#B4B0FD" stroke-width="1.5" stroke-linecap="square"></path>
479</svg>
480
481          <a class="centered-text hover:underline" href="/">Home</a>
482        </span>
483        <span class="mx-2">></span>
484        <span class="centered-text current-page-dark">Pricing</span>
485
486
487  </div>
488</div>
489  <div class="max-w-6xl mx-auto mt-10 md:mt-16" data-controller="price-toggle">
490    <div class="grid grid-cols-5 px-4 md:px-0">
491      <div class="col-span-5 md:col-span-4 text-left">
492        <h1 class="heading-3 md:heading-1 text-[#191C23]">Pricing</h1>
493        <p class="text-[#414859] mt-4">Choose the Octella solution that suits your needs and reach your customers anytime, anywhere</p>
494      </div>
495      <div class="col-span-5 md:col-span-1 self-end text-right mt-6 md:mt-0">
496        <p class="text-[#414859] mb-2">Currency</p>
497        <div class="currency-switch">
498          <input type="radio" class="currency-switch-input" name="currency" id="eur" checked data-action="price-toggle#switchCurrency">
499          <label for="eur" class="currency-switch-label">EUR</label>
500
501          <input type="radio" class="currency-switch-input" name="currency" id="usd" data-action="price-toggle#switchCurrency">
502          <label for="usd" class="currency-switch-label">USD</label>
503        </div>
504      </div>
505    </div>
506    <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mt-16">
507      <div class="pricing-card-wrapper">
508  <div class="pricing-card-container">
509    <div class="pricing-card">
510      <h4 class="heading-4 text-[#6C66E7] mb-4">Starter</h4>
511      <p class="text-[#707687] md:mb-2 pricing-description">Incoming and outgoing call management</p>
512      <div class="flex flex-col">
513        <span class="text-[#414859]">from
514          <span class="currency-symbol" data-price-toggle-target="symbol" data-eur="€" data-usd="$">€</span>
515          <span class="text-4xl text-[#2C3346] price-transition"
516                data-price-toggle-target="amount"
517                data-eur="15.00"
518                data-usd="15.00">
519            15.00
520          </span>
521        </span>
522        <span class="text-[#414859]">per user per month</span>
523      </div>
524      
525  <a class="button secondary-button mt-8" rel="nofollow" data-action="click-&gt;modal#openModal click-&gt;cta#sendCTA" data-turbo="true" data-turbo-frame="modal" data-cta-text="Pricing plan - Starter" href="/contacts/cta">
526    <span class="flex items-center justify-center">
527      Apply
528      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 ml-2 ">
529<path d="M5 12H19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
530<path d="M13 5L20 12L13 19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
531</svg>
532
533    </span>
534</a>
535      <div class="pricing-products-section">
536          <p class="text-[#2C3346]">Products:</p>
537          <ul>
538              <li class="text-[#707687]">Standard PBX features</li>
539          </ul>
540      </div>
541    </div>
542  </div>
543</div>
544      <div class="pricing-card-wrapper">
545  <div class="pricing-card-container">
546    <div class="pricing-card">
547      <h4 class="heading-4 text-[#6C66E7] mb-4">Call center</h4>
548      <p class="text-[#707687] md:mb-2 pricing-description">Comprehensive call center solution</p>
549      <div class="flex flex-col">
550        <span class="text-[#414859]">from
551          <span class="currency-symbol" data-price-toggle-target="symbol" data-eur="€" data-usd="$">€</span>
552          <span class="text-4xl text-[#2C3346] price-transition"
553                data-price-toggle-target="amount"
554                data-eur="40.00"
555                data-usd="45.00">
556            40.00
557          </span>
558        </span>
559        <span class="text-[#414859]">per user per month</span>
560      </div>
561      
562  <a class="button secondary-button mt-8" rel="nofollow" data-action="click-&gt;
562modal#openModal click-&gt;cta#sendCTA" data-turbo="true" data-turbo-frame="modal" data-cta-text="Pricing plan - Call center" href="/contacts/cta">
563    <span class="flex items-center justify-center">
564      Apply
565      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 ml-2 ">
566<path d="M5 12H19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
567<path d="M13 5L20 12L13 19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
568</svg>
569
570    </span>
571</a>
572      <div class="pricing-products-section">
573          <p class="text-[#2C3346]">Products:</p>
574          <ul>
575              <li class="text-[#707687]">Standard PBX features</li>
576              <li class="text-[#707687]">Autodialer</li>
577          </ul>
578      </div>
579    </div>
580  </div>
581</div>
582      <div class="pricing-card-wrapper">
583  <div class="pricing-card-container">
584    <div class="pricing-card">
585      <h4 class="heading-4 text-[#6C66E7] mb-4">Omnichannel</h4>
586      <p class="text-[#707687] md:mb-2 pricing-description">All communication channels and latest integrations in one place - always</p>
587      <div class="flex flex-col">
588        <span class="text-[#414859]">from
589          <span class="currency-symbol" data-price-toggle-target="symbol" data-eur="€" data-usd="$">€</span>
590          <span class="text-4xl text-[#2C3346] price-transition"
591                data-price-toggle-target="amount"
592                data-eur="69.00"
593                data-usd="75.00">
594            69.00
595          </span>
596        </span>
597        <span class="text-[#414859]">per user per month</span>
598      </div>
599      
600  <a class="button secondary-button mt-8" rel="nofollow" data-action="click-&gt;modal#openModal click-&gt;cta#sendCTA" data-turbo="true" data-turbo-frame="modal" data-cta-text="Pricing plan - Omnichannel" href="/contacts/cta">
601    <span class="flex items-center justify-center">
602      Apply
603      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 ml-2 ">
604<path d="M5 12H19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
605<path d="M13 5L20 12L13 19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
606</svg>
607
608    </span>
609</a>
610      <div class="pricing-products-section">
611          <p class="text-[#2C3346]">Products:</p>
612          <ul>
613              <li class="text-[#707687]">Standard PBX features</li>
614              <li class="text-[#707687]">Autodialer</li>
615              <li class="text-[#707687]">Social media</li>
616              <li class="text-[#707687]">Chats</li>
617              <li class="text-[#707687]">DIDs phone numbers</li>
618              <li class="text-[#707687]">Call tracking</li>
619              <li class="text-[#707687]">Callback</li>
620              <li class="text-[#707687]">E-mails</li>
621              <li class="text-[#707687]">AI Features</li>
622              <li class="text-[#707687]">SMS</li>
623              <li class="text-[#707687]">Mobile app and softphone</li>
624              <li class="text-[#707687]">SIP Trunk</li>
625          </ul>
626      </div>
627    </div>
628  </div>
629</div>
630      <div class="pricing-card-wrapper">
631  <div class="pricing-card-container">
632    <div class="pricing-card">
633      <h4 class="heading-4 text-[#6C66E7] mb-4">Individual</h4>
634      <p class="text-[#707687] md:mb-2 pricing-description">Don&#39;t see a suitable solution for your business? Contact us, and we will prepare a customized offer for you</p>
635      <div class="flex flex-col">
636        <span class="text-[#414859]">from
637          <span class="currency-symbol" data-price-toggle-target="symbol" data-eur="€" data-usd="$">€</span>
638          <span class="text-4xl text-[#2C3346] price-transition"
639                data-price-toggle-target="amount"
640                data-eur="15.00"
641                data-usd="15.00">
642            15.00
643          </span>
644        </span>
645        <span class="text-[#414859]">per user per month</span>
646      </div>
647      
648  <a class="button secondary-button mt-8" rel="nofollow" data-action="click-&gt;
648modal#openModal click-&gt;cta#sendCTA" data-turbo="true" data-turbo-frame="modal" data-cta-text="Pricing plan - Individual" href="/contacts/cta">
649    <span class="flex items-center justify-center">
650      Apply
651      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 ml-2 ">
652<path d="M5 12H19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
653<path d="M13 5L20 12L13 19" stroke="#6C66E7" stroke-width="1.5" stroke-linecap="square"></path>
654</svg>
655
656    </span>
657</a>
658      <div class="pricing-products-section">
659      </div>
660    </div>
661  </div>
662</div>
663    </div>
664  </div>
665  <div class="comparison-section max-w-6xl mx-auto mt-32">
666    <h2 class="heading-2 text-center">Plan Summary</h2>
667
668    <div class="overflow-x-auto">
669      <table class="w-full min-w-[600px] text-center text-[#707687] mt-12 mb-12 md:mb-36">
670        <thead>
671        <tr class="grid grid-cols-4">
672          <th class="text-left text-[#414859] heading-4"></th>
673          <th class="py-4 heading-5 md:heading-4 text-[#414859] col-span-1">Starter</th>
674          <th class="py-4 heading-5 md:heading-4 text-[#414859] col-span-1">Call center</th>
675          <th class="py-4 heading-5 md:heading-4 text-[#414859] col-span-1">Omnichannel</th>
676        </tr>
677        </thead>
678        <tbody>
679        <tr class="border-t border-b border-gray-400 grid grid-cols-4">
680          <td class="pl-2 py-3 text-left text-[#414859]">Integrations</td>
681          <td class="py-3 col-span-1">3</td>
682          <td class="py-3 col-span-1">5</td>
683          <td class="py-3 col-span-1">15+</td>
684        </tr>
685          <tr class="border-b border-gray-400 grid grid-cols-4">
686            <td class="pl-2 py-3 text-left text-[#414859]">Standard PBX features</td>
687            <td class="py-3 col-span-1">
688              <div class="flex justify-center items-center">
689                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
690<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
691<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
692</svg>
693
694              </div>
695            </td>
696            <td class="py-3 col-span-1">
697              <div class="flex justify-center items-center">
698                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
699<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
700<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
701</svg>
702
703              </div>
704            </td>
705            <td class="py-3 col-span-1">
706              <div class="flex justify-center items-center">
707                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
708<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
709<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
710</svg>
711
712              </div>
713            </td>
714          </tr>
715          <tr class="border-b border-gray-400 grid grid-cols-4">
716            <td class="pl-2 py-3 text-left text-[#414859]">Autodialer</td>
717            <td class="py-3 col-span-1">
718              <div class="flex justify-center items-center">
719                  -
720              </div>
721            </td>
722            <td class="py-3 col-span-1">
723              <div class="flex justify-center items-center">
724                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
725<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
726<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
727</svg>
728
729              </div>
730            </td>
731            <td class="py-3 col-span-1">
732              <div class="flex justify-center items-center">
733                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
734<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
735<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
736</svg>
737
738              </div>
739            </td>
740          </tr>
741          <tr class="border-b border-gray-400 grid grid-cols-4">
742            <td class="pl-2 py-3 text-left text-[#414859]">Social media</td>
743            <td class="py-3 col-span-1">
744              <div class="flex justify-center items-center">
745                  -
746              </div>
747            </td>
748            <td class="py-3 col-span-1">
749              <div class="flex justify-center items-center">
750                  -
751              </div>
752            </td>
753            <td class="py-3 col-span-1">
754              <div class="flex justify-center items-center">
755                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
756<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
757<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
758</svg>
759
760              </div>
761            </td>
762          </tr>
763          <tr class="border-b border-gray-400 grid grid-cols-4">
764            <td class="pl-2 py-3 text-left text-[#414859]">Chats</td>
765            <td class="py-3 col-span-1">
766              <div class="flex justify-center items-center">
767                  -
768              </div>
769            </td>
770            <td class="py-3 col-span-1">
771              <div class="flex justify-center items-center">
772                  -
773              </div>
774            </td>
775            <td class="py-3 col-span-1">
776              <div class="flex justify-center items-center">
777                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
778<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
779<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
780</svg>
781
782              </div>
783            </td>
784          </tr>
785          <tr class="border-b border-gray-400 grid grid-cols-4">
786            <td class="pl-2 py-3 text-left text-[#414859]">DIDs phone numbers</td>
787            <td class="py-3 col-span-1">
788              <div class="flex justify-center items-center">
789                  -
790              </div>
791            </td>
792            <td class="py-3 col-span-1">
793              <div class="flex justify-center items-center">
794                  -
795              </div>
796            </td>
797            <td class="py-3 col-span-1">
798              <div class="flex justify-center items-center">
799                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
800<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
801<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
802</svg>
803
804              </div>
805            </td>
806          </tr>
807          <tr class="border-b border-gray-400 grid grid-cols-4">
808            <td class="pl-2 py-3 text-left text-[#414859]">Call tracking</td>
809            <td class="py-3 col-span-1">
810              <div class="flex justify-center items-center">
811                  -
812              </div>
813            </td>
814            <td class="py-3 col-span-1">
815              <div class="flex justify-center items-center">
816                  -
817              </div>
818            </td>
819            <td class="py-3 col-span-1">
820              <div class="flex justify-center items-center">
821                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
822<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
823<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
824</svg>
825
826              </div>
827            </td>
828          </tr>
829          <tr class="border-b border-gray-400 grid grid-cols-4">
830            <td class="pl-2 py-3 text-left text-[#414859]">Callback</td>
831            <td class="py-3 col-span-1">
832              <div class="flex justify-center items-center">
833                  -
834              </div>
835            </td>
836            <td class="py-3 col-span-1">
837              <div class="flex justify-center items-center">
838                  -
839              </div>
840            </td>
841            <td class="py-3 col-span-1">
842              <div class="flex justify-center items-center">
843                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
844<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
845<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
846</svg>
847
848              </div>
849            </td>
850          </tr>
851          <tr class="border-b border-gray-400 grid grid-cols-4">
852            <td class="pl-2 py-3 text-left text-[#414859]">E-mails</td>
853            <td class="py-3 col-span-1">
854              <div class="flex justify-center items-center">
855                  -
856              </div>
857            </td>
858            <td class="py-3 col-span-1">
859              <div class="flex justify-center items-center">
860                  -
861              </div>
862            </td>
863            <td class="py-3 col-span-1">
864              <div class="flex justify-center items-center">
865                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
866<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
867<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
868</svg>
869
870              </div>
871            </td>
872          </tr>
873          <tr class="border-b border-gray-400 grid grid-cols-4">
874            <td class="pl-2 py-3 text-left text-[#414859]">AI Features</td>
875            <td class="py-3 col-span-1">
876              <div class="flex justify-center items-center">
877                  -
878              </div>
879            </td>
880            <td class="py-3 col-span-1">
881              <div class="flex justify-center items-center">
882                  -
883              </div>
884            </td>
885            <td class="py-3 col-span-1">
886              <div class="flex justify-center items-center">
887                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
888<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
889<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
890</svg>
891
892              </div>
893            </td>
894          </tr>
895          <tr class="border-b border-gray-400 grid grid-cols-4">
896            <td class="pl-2 py-3 text-left text-[#414859]">SMS</td>
897            <td class="py-3 col-span-1">
898              <div class="flex justify-center items-center">
899                  -
900              </div>
901            </td>
902            <td class="py-3 col-span-1">
903              <div class="flex justify-center items-center">
904                  -
905              </div>
906            </td>
907            <td class="py-3 col-span-1">
908              <div class="flex justify-center items-center">
909                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
910<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
911<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
912</svg>
913
914              </div>
915            </td>
916          </tr>
917          <tr class="border-b border-gray-400 grid grid-cols-4">
918            <td class="pl-2 py-3 text-left text-[#414859]">
918Mobile app and softphone</td>
919            <td class="py-3 col-span-1">
920              <div class="flex justify-center items-center">
921                  -
922              </div>
923            </td>
924            <td class="py-3 col-span-1">
925              <div class="flex justify-center items-center">
926                  -
927              </div>
928            </td>
929            <td class="py-3 col-span-1">
930              <div class="flex justify-center items-center">
931                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
932<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
933<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
934</svg>
935
936              </div>
937            </td>
938          </tr>
939          <tr class="border-b border-gray-400 grid grid-cols-4">
940            <td class="pl-2 py-3 text-left text-[#414859]">SIP Trunk</td>
941            <td class="py-3 col-span-1">
942              <div class="flex justify-center items-center">
943                  -
944              </div>
945            </td>
946            <td class="py-3 col-span-1">
947              <div class="flex justify-center items-center">
948                  -
949              </div>
950            </td>
951            <td class="py-3 col-span-1">
952              <div class="flex justify-center items-center">
953                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
954<rect width="24" height="24" rx="12" fill="#6C66E7"></rect>
955<path d="M6 12.4076L9.94411 16L18 8" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="square"></path>
956</svg>
957
958              </div>
959            </td>
960          </tr>
961        </tbody>
962      </table>
963    </div>
964  </div>
965</div>
966<div class="landing-background-light text-center py-24 md:py-32">
967  <div class="company-section">
968
969  <h2 class="heading-3 md:heading-2 dark-text max-w-4xl mx-auto">
970    Octella is the right choice for your company
971  </h2>
972
973  <div class="grid grid-cols-1 md:grid-cols-2 items-center max-w-[85rem] mt-0 md:mt-10 mx-auto">
974    <div class="flex justify-center items-center">
975      <img alt="Company-crown" loading="lazy" data-controller="lazy-fade-in" src="https://ik.imagekit.io/7bh3lokok/company-crown.png" />
976    </div>
977
978    <div class="grid grid-rows-3 gap-y-10 md:gap-y-20">
979        <div class="border-b border-gray-300 pb-4 mx-4">
980          <h4 class="heading-4 dark-text text-left m-4 mb-2 md:m-0">Beneficial for everyone</h4>
981          <p class="text-[#5D6374] text-left mt-0 mb-4 mx-4 md:m-0">
982            Octella wants to change the principles of operation of the classic call center. Our solutions make processes understandable not only to technical people but to everyone- regardless of whether they are marketing, sales, or other field specialists
983          </p>
984        </div>
985        <div class="border-b border-gray-300 pb-4 mx-4">
986          <h4 class="heading-4 dark-text text-left m-4 mb-2 md:m-0">Streamlining processes</h4>
987          <p class="text-[#5D6374] text-left mt-0 mb-4 mx-4 md:m-0">
988            We offer the best solutions to achieve your business goals, which not only allow you to achieve the desired metrics and financial results but also provide insights on how to optimize the call center and its workflow processes
989          </p>
990        </div>
991        <div class="border-b border-gray-300 pb-4 mx-4">
992          <h4 class="heading-4 dark-text text-left m-4 mb-2 md:m-0">Easy to use</h4>
993          <p class="text-[#5D6374] text-left mt-0 mb-4 mx-4 md:m-0">
994            Octella&#39;s developed system is understandable and easy to use, whether in small call centers with a few operators or in call centers with thousands of operators
995          </p>
996        </div>
997    </div>
998  </div>
999</div>
1000</div>
1001  <div class="relative octella-gradient-background">
1002  <div class="absolute inset-0 flex items-center justify-center overflow-hidden">
1003    <div class="w-full h-full bg-center bg-cover background-layer-zone-centered"></div>
1004  </div>
1005  <div class="flex-1 text-left my-12 md:my-20 max-w-7xl mx-auto px-6 md:px-2 sm:px-6 lg:px-8 z-10 relative">
1006    <h2 class="heading-4 md:heading-2 w-4/5 light-text">Apply for a consultation and together we will find the best solution</h2>
1007
1008    <p class="mt-10 text-[#E9EBF3] md:w-1/2">
1009      Our responsive and experienced colleagues will provide support to find the most suitable contact center solution for your business
1010    </p>
1011
1012    <div class="w-1/2 mb-16 md:mb-0">
1013      
1014  <a class="button inverted-secondary-button mt-10" rel="nofollow" data-action="click-&gt;modal#openModal" data-turbo="true" data-turbo-frame="modal" href="/contacts/contact_us">
1015    <span class="flex items-center justify-center">
1016      Contact us
1017      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 h-5 ml-2 stroke-octella-white">
1018<path d="M21 3L11 13" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="round"></path>
1019<path d="M21 3L14.7 21L11.1 12.9L3 9.3L21 3Z" stroke="#F6F7FA" stroke-width="1.5" stroke-linecap="round"></path>
1020</svg>
1021
1022    </span>
1023</a>
1024    </div>
1025  </div>
1026</div>
1027
1028          <footer class="hidden md:block footer px-6 py-4 bg-[#E9EBF3] text-white">
1029  <div class="max-w-[85rem] mx-auto">
1030    <div class="grid grid-cols-5 gap-4 mt-16">
1031      <div class="col-span-1 flex items-center space-x-4">
1032          <img class="h-[50px]" alt="Logo" height="50" src="https://ik.imagekit.io/7bh3lokok/tr:h-50/octella-logo-horizontal-purple.svg" />
1033      </div>
1034      <div class="col-span-1 flex items-center space-x-4">
1035        <h2 class="text-[#6C66E7] font-medium text-2xl hover:underline">
1036          <a href="mailto:[email protected]">[email protected]</a>
1037        </h2>
1038      </div>
1039      <div class="col-span-2"></div>
1040      <div class="col-span-1 flex justify-end items-center space-x-4">
1041          <a target="_blank" rel="noopener" href="https://www.linkedin.com/company/octella/">
1042        <span
1043          class="inline-flex items-center justify-center
1044                 bg-[#F6F7FA] hover:bg-[#E1E3E8]
1045                 rounded-full p-2
1046                 transition-colors duration-200"
1047        >
1048          <img class="h-6 w-6" alt="LinkedIn_icon " src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdm9CIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--0fa5e89b0d12faddb4c6d287259b3ba909abeeb8/linkedin_3488334.png" />
1049        </span>
1050</a>          <a target="_blank" rel="noopener" href="https://www.facebook.com/profile.php?id=61559585889098">
1051        <span
1052          class="inline-flex items-center justify-center
1053                 bg-[#F6F7FA] hover:bg-[#E1E3E8]
1054                 rounded-full p-2
1055                 transition-colors duration-200"
1056        >
1057          <img class="h-6 w-6" alt="Facebook_icon" src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdmtCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d893d5c1fe09e7e9d10791ea5488f60bc498488a/letter-f_6846709.png" />
1058        </span>
1059</a>          <a target="_blank" rel="noopener" href="https://www.instagram.com/octella_contactcentersolutions/">
1060        <span
1061          class="inline-flex items-center justify-center
1062                 bg-[#F6F7FA] hover:bg-[#E1E3E8]
1063                 rounded-full p-2
1064                 transition-colors duration-200"
1065        >
1066          <img class="h-6 w-6" alt="Instagram_icon" src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdnNCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--df825fb8ffdfc34ef7007790a245f53ce153ca23/instagram_1051313%20copy.png" />
1067        </span>
1068</a>          <a target="_blank" rel="noopener" href="https://www.youtube.com/channel/UC6OtVPjVdftC2E7DmSc5TTQ">
1069        <span
1070          class="inline-flex items-center justify-center
1071                 bg-[#F6F7FA] hover:bg-[#E1E3E8]
1072                 rounded-full p-2
1073                 transition-colors duration-200"
1074        >
1075          <img class="h-6 w-6" alt="Icon for social network" src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaDRDIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--b05ccef0d5569806e93fe60e550c07f5ca60f6cd/video_14097157.png" />
1076        </span>
1077</a>      </div>
1078
1079    </div>
1080    <div class="grid grid-cols-5 gap-4 mb-12 mt-10">
1081        <ul>
1082          <li><a class="font-semibold text-[#242338]" href="/products">Products</a></li>
1083              <li><a class="text-[#5D6374]" href="/products/standard-pbx-features">Standard PBX features</a></li>
1084              <li><a class="text-[#5D6374]" href="/products/autodialer">Autodialer</a></li>
1085              <li><a class="text-[#5D6374]" href="/products/social-media">Social media</a></li>
1086              <li><a class="text-[#5D6374]" href="/products/chats">Chats</a></li>
1087              <li><a class="text-[#5D6374]" href="/products/dids-phone-numbers">DIDs phone numbers</a></li>
1088              <li><a class="text-[#5D6374]" href="/products/call-tracking">Call tracking</a></li>
1089              <li><a class="text-[#5D6374]" href="/products/callback">Callback</a></li>
1090              <li><a class="text-[#5D6374]" href="/products/e-mails">E-mails</a></li>
1091              <li><a class="text-[#5D6374]" href="/products/ai-features">AI Features</a></li>
1092              <li><a class="text-[#5D6374]" href="/products/sms">SMS</a></li>
1093              <li><a class="text-[#5D6374]" href="/products/mobile-app-and-softphone">
1093Mobile app and softphone</a></li>
1094              <li><a class="text-[#5D6374]" href="/products/sip-trunk">SIP Trunk</a></li>
1095        </ul>
1096        <ul>
1097          <li><a class="font-semibold text-[#242338]" href="/solutions">Solutions</a></li>
1098              <li><a class="text-[#5D6374]" href="/solutions/lending">Lending</a></li>
1099              <li><a class="text-[#5D6374]" href="/solutions/debt-collection">Debt collection</a></li>
1100              <li><a class="text-[#5D6374]" href="/solutions/games-and-gambling">Games and gambling</a></li>
1101              <li><a class="text-[#5D6374]" href="/solutions/bpo-and-telemarketing-agencies">BPO and telemarketing agencies</a></li>
1102              <li><a class="text-[#5D6374]" href="/solutions/e-commerce-and-retail">E-commerce and retail</a></li>
1103              <li><a class="text-[#5D6374]" href="/solutions/healthcare">Healthcare</a></li>
1104              <li><a class="text-[#5D6374]" href="/solutions/it">IT</a></li>
1105              <li><a class="text-[#5D6374]" href="/solutions/tourism-and-hospitality">Tourism and Hospitality</a></li>
1106        </ul>
1107        <ul>
1108          <li><a class="font-semibold text-[#242338]" href="/integrations">Integrations</a></li>
1109              <li><a class="text-[#5D6374]" href="/integrations/api">API</a></li>
1110              <li><a class="text-[#5D6374]" href="/integrations/pipedrive">Pipedrive</a></li>
1111              <li><a class="text-[#5D6374]" href="/integrations/zoho">Zoho</a></li>
1112              <li><a class="text-[#5D6374]" href="/integrations/amocrm">AmoCRM</a></li>
1113              <li><a class="text-[#5D6374]" href="/integrations/bitrix24">Bitrix24</a></li>
1114              <li><a class="text-[#5D6374]" href="/integrations/hubspot">HubSpot</a></li>
1115              <li><a class="text-[#5D6374]" href="/integrations/zapier">Zapier</a></li>
1116              <li><a class="text-[#5D6374]" href="/integrations/yandex-direct">Yandex Direct</a></li>
1117              <li><a class="text-[#5D6374]" href="/integrations/google-analytics">Google Analytics</a></li>
1118              <li><a class="text-[#5D6374]" href="/integrations/microsoft-bing">Microsoft Bing</a></li>
1119              <li><a class="text-[#5D6374]" href="/integrations/google-ads">Google Ads</a></li>
1120              <li><a class="text-[#5D6374]" href="/integrations/facebook-ads">Facebook Ads</a></li>
1121              <li><a class="text-[#5D6374]" href="/integrations/kommo">Kommo</a></li>
1122        </ul>
1123        <ul>
1124          <li><a class="font-semibold text-[#242338]" href="/pricing">Pricing</a></li>
1125        </ul>
1126        <ul>
1127          <li><a class="font-semibold text-[#242338]" href="/resources">Resources</a></li>
1128              <li><a class="text-[#5D6374]" href="/resources/questions-and-answers">Questions and Answers</a></li>
1129              <li><a class="text-[#5D6374]" href="/resources/onboarding">Onboarding</a></li>
1130              <li><a class="text-[#5D6374]" href="/resources/partner-program">Partner program</a></li>
1131              <li><a class="text-[#5D6374]" href="/resources/blog">Blog</a></li>
1132              <li><a class="text-[#5D6374]" href="/resources/status-page">Status Page</a></li>
1133        </ul>
1134        <ul>
1135          <li><a class="font-semibold text-[#242338]" href="/about-us">About Us</a></li>
1136        </ul>
1137    </div>
1138    <div class="mt-10 mb-10 border-t border-[#D2D8E9] pt-6">
1139      <p class="text-center text-sm leading-6 text-[#5D6374]">
1140        © 2026 Octella. Octella is a registered trademark of SIA &quot;The One&quot;, the company operating this service. Reg. No. 40203418528, Latvia.
1141          <a class="whitespace-nowrap font-medium underline underline-offset-2 hover:no-underline" href="/about-us#company-details">Company details</a>
1142      </p>
1143      <div class="mt-4 flex flex-wrap justify-center gap-x-4 gap-y-2">
1144        <a class="text-[#5D6374] hover:underline" href="/privacy_policy">Privacy Policy</a>
1145        <a class="text-[#5D6374] hover:underline" href="/cookie_policy">Cookie Policy</a>
1146        <a class="text-[#5D6374] hover:underline" href="/terms_and_conditions">Terms &amp; Conditions</a>
1147      </div>
1148    </div>
1149  </div>
1150</footer>
1151
1152<!--mobile nav-->
1153<footer class="md:hidden bg-[#E9EBF3] shadow-lg z-40">
1154  <div class="mx-auto px-4 py-8">
1155    <a href="/">
1156      <img class="h-8 px-4 cursor-pointer mb-5" alt="Logo" loading="lazy" src="https://ik.imagekit.io/7bh3lokok/octella-logo-horizontal-purple.png" />
1157</a>    <h5 class="heading-5 mb-5 text-[#6C66E7] px-4 py-2 w-full text-left cursor-pointer">
1158      <a href="mailto:[email protected]">[email protected]</a>
1159    </h5>
1160
1161        <div class="relative mb-4" data-controller="mobile-dropdown">
1162          <h2 class="block text-large text-[#5D6374] px-4 py-2 w-full text-left cursor-pointer"
1163              data-action="click->mobile-dropdown#toggleDropdown">
1164            Products
1165            <span class="float-right toggle-icon plus" style="--icon-color: #5D6374" data-mobile-dropdown-target="icon"></span>
1166          </h2>
1167          <div data-mobile-dropdown-target="dropdownMenu" class="overflow-hidden transition-all duration-300" style="height: 0;">
1168                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/standard-pbx-features">Standard PBX features</a>
1169                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/autodialer">Autodialer</a>
1170                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/social-media">Social media</a>
1171                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/chats">Chats</a>
1172                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/dids-phone-numbers">DIDs phone numbers</a>
1173                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/call-tracking">Call tracking</a>
1174                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/callback">Callback</a>
1175                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/e-mails">E-mails</a>
1176                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/ai-features">AI Features</a>
1177                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/sms">SMS</a>
1178                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/mobile-app-and-softphone">Mobile app and softphone</a>
1179                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/products/sip-trunk">SIP Trunk</a>
1180          </div>
1181        </div>
1182
1183        <div class="relative mb-4" data-controller="mobile-dropdown">
1184          <h2 class="block text-large text-[#5D6374] px-4 py-2 w-full text-left cursor-pointer"
1185              data-action="click->mobile-dropdown#toggleDropdown">
1186            Solutions
1187            <span class="float-right toggle-icon plus" style="--icon-color: #5D6374" data-mobile-dropdown-target="icon"></span>
1188          </h2>
1189          <div data-mobile-dropdown-target="dropdownMenu" class="overflow-hidden transition-all duration-300" style="height: 0;">
1190                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/solutions/lending">Lending</a>
1191                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/solutions/debt-collection">Debt collection</a>
1192                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/solutions/games-and-gambling">Games and gambling</a>
1193                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/solutions/bpo-and-telemarketing-agencies">BPO and telemarketing agencies</a>
1194                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/solutions/e-commerce-and-retail">E-commerce and retail</a>
1195                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/solutions/healthcare">Healthcare</a>
1196                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/solutions/it">IT</a>
1197                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/solutions/tourism-and-hospitality">Tourism and Hospitality</a>
1198          </div>
1199        </div>
1200
1201        <div class="relative mb-4" data-controller="mobile-dropdown">
1202          <h2 class="block text-large text-[#5D6374] px-4 py-2 w-full text-left cursor-pointer"
1203              data-action="click->
1203mobile-dropdown#toggleDropdown">
1204            Integrations
1205            <span class="float-right toggle-icon plus" style="--icon-color: #5D6374" data-mobile-dropdown-target="icon"></span>
1206          </h2>
1207          <div data-mobile-dropdown-target="dropdownMenu" class="overflow-hidden transition-all duration-300" style="height: 0;">
1208                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/api">API</a>
1209                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/pipedrive">Pipedrive</a>
1210                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/zoho">Zoho</a>
1211                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/amocrm">AmoCRM</a>
1212                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/bitrix24">Bitrix24</a>
1213                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/hubspot">HubSpot</a>
1214                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/zapier">Zapier</a>
1215                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/yandex-direct">Yandex Direct</a>
1216                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/google-analytics">Google Analytics</a>
1217                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/microsoft-bing">Microsoft Bing</a>
1218                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/google-ads">Google Ads</a>
1219                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/facebook-ads">Facebook Ads</a>
1220                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/integrations/kommo">Kommo</a>
1221          </div>
1222        </div>
1223
1224        <div class="mb-4">
1225          <a class="block text-large text-[#5D6374] hover:underline px-4 py-2" href="/pricing">Pricing</a>
1226        </div>
1227
1228        <div class="relative mb-4" data-controller="mobile-dropdown">
1229          <h2 class="block text-large text-[#5D6374] px-4 py-2 w-full text-left cursor-pointer"
1230              data-action="click->mobile-dropdown#toggleDropdown">
1231            Resources
1232            <span class="float-right toggle-icon plus" style="--icon-color: #5D6374" data-mobile-dropdown-target="icon"></span>
1233          </h2>
1234          <div data-mobile-dropdown-target="dropdownMenu" class="overflow-hidden transition-all duration-300" style="height: 0;">
1235                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/resources/questions-and-answers">Questions and Answers</a>
1236                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/resources/onboarding">Onboarding</a>
1237                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/resources/partner-program">Partner program</a>
1238                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/resources/blog">Blog</a>
1239                <a class="block text-[#5D6374] hover:underline px-4 py-2" href="/resources/status-page">Status Page</a>
1240          </div>
1241        </div>
1242
1243        <div class="mb-4">
1244          <a class="block text-large text-[#5D6374] hover:underline px-4 py-2" href="/about-us">About Us</a>
1245        </div>
1246    <div class="flex justify-center items-center space-x-4 mt-6">
1247        <a target="_blank" rel="noopener" href="https://www.linkedin.com/company/octella/">
1248            <span
1249              class="inline-flex items-center justify-center
1250                     bg-[#F6F7FA] hover:bg-[#E1E3E8]
1251                     rounded-full p-2
1252                     transition-colors duration-200"
1253            >
1254              <img class="h-6 w-6" alt="LinkedIn_icon " src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdm9CIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--0fa5e89b0d12faddb4c6d287259b3ba909abeeb8/linkedin_3488334.png" />
1255            </span>
1256</a>        <a target="_blank" rel="noopener" href="https://www.facebook.com/profile.php?id=61559585889098">
1257            <span
1258              class="inline-flex items-center justify-center
1259                     bg-[#F6F7FA] hover:bg-[#E1E3E8]
1260                     rounded-full p-2
1261                     transition-colors duration-200"
1262            >
1263              <img class="h-6 w-6" alt="Facebook_icon" src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdmtCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d893d5c1fe09e7e9d10791ea5488f60bc498488a/letter-f_6846709.png" />
1264            </span>
1265</a>        <a target="_blank" rel="noopener" href="https://www.instagram.com/octella_contactcentersolutions/">
1266            <span
1267              class="inline-flex items-center justify-center
1268                     bg-[#F6F7FA] hover:bg-[#E1E3E8]
1269                     rounded-full p-2
1270                     transition-colors duration-200"
1271            >
1272              <img class="h-6 w-6" alt="Instagram_icon" src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdnNCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--df825fb8ffdfc34ef7007790a245f53ce153ca23/instagram_1051313%20copy.png" />
1273            </span>
1274</a>        <a target="_blank" rel="noopener" href="https://www.youtube.com/channel/UC6OtVPjVdftC2E7DmSc5TTQ">
1275            <span
1276              class="inline-flex items-center justify-center
1277                     bg-[#F6F7FA] hover:bg-[#E1E3E8]
1278                     rounded-full p-2
1279                     transition-colors duration-200"
1280            >
1281              <img class="h-6 w-6" alt="Icon for social network" src="https://octella.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaDRDIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--b05ccef0d5569806e93fe60e550c07f5ca60f6cd/video_14097157.png" />
1282            </span>
1283</a>    </div>
1284    <div class="text-center mt-5">
1285      <a class=" text-[#5D6374]" href="/terms_and_conditions">Terms &amp; Conditions</a>
1286    </div>
1287    <div class="text-center my-2">
1288      <a class="text-[#5D6374] mx-2" href="/privacy_policy">Privacy Policy</a>
1289      <a class="text-[#5D6374] mx-2" href="/cookie_policy">Cookie Policy</a>
1290    </div>
1291
1292    <div class="mt-6 mb-12 px-4 text-center text-sm leading-6 text-[#5D6374]">
1293      <p>
1294        © 2026 Octella. Octella is a registered trademark of SIA &quot;The One&quot;, the company operating this service. Reg. No. 40203418528, Latvia.
1295          <a class="whitespace-nowrap font-medium underline underline-offset-2 hover:no-underline" href="/about-us#company-details">Company details</a>
1296      </p>
1297    </div>
1298  </div>
1299</footer>
1300
1301
1302        </div>
1303      </div>
1304      <div class="hidden z-50" data-modal-target="modalContainer">
1305  <div class="fixed inset-0 bg-gray-900 opacity-50 backdrop z-50" data-modal-target="backdrop"></div>
1306  <div class="fixed inset-0 flex items-center justify-center z-50">
1307    <div class="modal absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pb-safe md:pb-10 p-10 w-full h-full md:inline-block md:w-auto md:h-auto overflow-y-auto md:overflow-y-visible" data-modal-target="modalContent" id="content">
1308      <turbo-frame data-turbo="true" data-modal-target="turboFrame" id="modal"></turbo-frame>
1309    </div>
1310  </div>
1311</div>
1312
1313    </div>
1314    <div data-controller="cookie-consent" data-cookie-consent-target="container" class="fixed inset-x-0 bottom-0 z-[9999] hidden">
1315  <div class="w-full bg-[#E9EBF3] px-8 sm:px-12 md:px-16 lg:px-28 xl:px-40 py-3">
1316    <div class="max-w-7xl mx-auto flex flex-col gap-3">
1317      <div class="min-w-[240px]">
1318        <div class="text-sm font-semibold mb-1 text-[#242338]">This website uses cookies</div>
1319        <div class="text-xs text-[#414859] leading-snug [&_a]:underline [&_a]:text-[#6C66E7]">
1320          Octella uses cookies to improve your experience with our website. Read our <a target="_blank" rel="noopener noreferrer" href="/cookie_policy">Cookie Policy</a> to learn more.
1321        </div>
1322      </div>
1323      <div class="flex gap-2">
1324        <button type="button"
1325                data-cookie-consent-target="allow"
1326                data-action="click->cookie-consent#allowAll"
1327                class="bg-transparent text-[#242338] border border-[#242338] rounded-md px-3 py-1.5 text-xs font-semibold cursor-pointer whitespace-nowra">
1328          Allow all cookies
1329        </button>
1330        <button type="button"
1331                data-cookie-consent-target="deny"
1332                data-action="click->
1332cookie-consent#denyAll"
1333                class="bg-transparent text-[#242338] border border-[#242338] rounded-md px-3 py-1.5 text-xs font-semibold cursor-pointer whitespace-nowrap">
1334          Don&#39;t allow
1335        </button>
1336      </div>
1337    </div>
1338  </div>
1339</div>
1340
1341  </body>
1342</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.