PageSourceSearch

https://connectbooker.com/

html connectbooker.com collected 2026-10-01 15:38:34 UTC 90,939 bytes, 1,529 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>ConnectBooker - Hotel Management Platform</title>
8    <meta name="description" content="ConnectBooker is the #1 Zero-Commission Hotel Booking Engine &amp; All-in-One Hotel Management Software. Increase direct bookings and stop paying high OTA commissions.">
9    <meta name="keywords" content="hotel booking engine, hotel management software, zero commission hotel booking, direct booking engine, hotel pms, channel manager, hotel website design">
10    
11    <!-- Google Tag Manager -->
12    
12<script>
vendor: 495 bytes, lines 12-20
12
13        (function (w, d, s, l, i) {
14            w[l] = w[l] || []; w[l].push({
15                'gtm.start':
16                    new Date().getTime(), event: 'gtm.js'
17            }); var f = d.getElementsByTagName(s)[0],
18                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
19                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
20        })(window, document, 'script', 'dataLayer', '
20GTM-WTDJ5F6V
vendor: 9 bytes, lines 20-21
20');
21    
21</script>
21
22    <!-- End Google Tag Manager -->
23    
24    <link rel="preconnect" href="https://fonts.googleapis.com">
25    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
26    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
27    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
28    <link rel="stylesheet" href="/assets/css/main-style.css">
29    <style>
30        .badge-upcoming {
31            background-color: #facc15;
32            color: #78350f;
33            font-size: 10px;
34            padding: 2px 8px;
35            border-radius: 20px;
36            margin-left: 8px;
37            font-weight: 700;
38            display: inline-block;
39            vertical-align: middle;
40            line-height: 1;
41            text-transform: uppercase;
42            letter-spacing: 0.5px;
43        }
44    </style>
45    
46    
47    <style>
48        .video-section-heading {
49            text-align: center;
50            margin-bottom: 30px;
51        }
52
53            .video-section-heading h2 {
54                color: #1e40af;
55                font-size: 2.5rem;
56                margin-bottom: 15px;
57            }
58
59            .video-section-heading p {
60                color: #64748b;
61                font-size: 1.2rem;
62                max-width: 700px;
63                margin: 0 auto;
64            }
65
66        /* Ensure the video section is visible */
67        .hero-video-section {
68            display: block !important;
69            visibility: visible !important;
70        }
71
72        /* Custom ratio class in case Bootstrap's isn't working */
73        .custom-ratio {
74            position: relative;
75            width: 100%;
76            padding-bottom: 56.25%;
77            /* 16:9 Aspect Ratio */
78            height: 0;
79            overflow: hidden;
80        }
81
82            .custom-ratio iframe {
83                position: absolute;
84                top: 0;
85                left: 0;
86                width: 100%;
87                height: 100%;
88                border: none;
89            }
90
91        .blog-card {
92            background: #fff;
93            border-radius: 18px;
94            overflow: hidden;
95            box-shadow: 0 10px 30px rgba(0,0,0,0.06);
96            height: 100%;
97        }
98
99        /* IMAGE AREA */
100        .blog-img {
101            position: relative;
102            width: 100%;
103            padding-top: 56.25%;
104            overflow: hidden;
105        }
106
107        .blog-img img {
108            position: absolute;
109                top: 0;
110                left: 0;
111            width: 100%;
112            height: 100%;
113        }
114    
115
116        /* CONTENT */
117        .blog-content {
118            padding: 36px 24px 24px;
119        }
120
121        /* CATEGORY */
122        .category {
123            display: inline-block;
124            background: #eef1f5;
125            color: #333;
126            font-size: 13px;
127            padding: 4px 12px;
128            border-radius: 20px;
129            margin-bottom: 14px;
130        }
131
132        /* TITLE */
133        .title {
134            font-size: 18px;
135            font-weight: 700;
136            line-height: 1.4;
137            margin-bottom: 20px;
138        }
139
140        /* META */
141        .meta {
142            display: flex;
143            justify-content: space-between;
144            align-items: center;
145            font-size: 13px;
146            color: #6c757d;
147        }
148
149            .meta .left span {
150                margin-right: 16px;
151            }
152
153    </style>
154
155    
155<script>
156        (function () {
157            var endpoint = '/Logs/JsError';
158            var lastKey = null;
159            var lastAt = 0;
160            var lastClickAt = 0;
161            var lastClickTarget = '';
162            var CLICK_WINDOW_MS = 2000;
163            function getHotelId() {
164                try {
165                    var p = new URLSearchParams(location.search);
166                    return p.get('hotelid') || p.get('HotelId') || null;
167                } catch (e) { return null; }
168            }
169            function send(payload) {
170                try {
171                    var key = (payload.message || '') + '|' + (payload.url || '') + '|' + (payload.lineNumber || '') + '|' + (payload.columnNumber || '');
172                    var now = Date.now();
173                    if (key === lastKey && (now - lastAt) < 5000) return;
174                    lastKey = key; lastAt = now;
175                    var hid = getHotelId();
176                    if (hid && !payload.hotelId) payload.hotelId = hid;
177                    fetch(endpoint, {
178                        method: 'POST',
179                        headers: { 'Content-Type': 'application/json' },
180                        body: JSON.stringify(payload),
181                        keepalive: true,
182                        credentials: 'same-origin'
183                    }).catch(function () { });
184                } catch (e) { }
185            }
186
187            document.addEventListener('click', function (event) {
188                lastClickAt = Date.now();
189                try {
190                    var el = event && event.target;
191                    lastClickTarget = el && el.tagName
192                        ? (String(el.tagName).toLowerCase() + (el.id ? ('#' + el.id) : ''))
193                        : 'unknown';
194                } catch (e) {
195                    lastClickTarget = 'unknown';
196                }
197            }, true);
198
199            window.addEventListener('error', function (event) {
200                try {
201                    var t = event && event.target;
202                    if (t && t.tagName && String(t.tagName).toLowerCase() === 'script') {
203                        send({
204                            source: 'script.load',
205                            message: 'Script failed to load',
206                            stack: null,
207                            url: t.src ? String(t.src) : location.href,
208                            lineNumber: null,
209                            columnNumber: null,
210                            userAgent: navigator.userAgent
211                        });
212                        return;
213                    }
214                } catch (e) { }
215
216                if ((Date.now() - lastClickAt) > CLICK_WINDOW_MS) return;
217                send({
218                    source: 'click.error',
219                    message: event && event.message ? String(event.message) : 'Unknown JS error',
220                    stack: event && event.error && event.error.stack ? String(event.error.stack) : null,
221                    url: event && event.filename ? String(event.filename) : location.href,
222                    lineNumber: event && typeof event.lineno === 'number' ? event.lineno : null,
223                    columnNumber: event && typeof event.colno === 'number' ? event.colno : null,
224                    userAgent: navigator.userAgent,
225                    responseSnippet: lastClickTarget ? ('clickTarget=' + lastClickTarget) : null
226                });
227            });
228
229            window.addEventListener('unhandledrejection', function (event) {
230                if ((Date.now() - lastClickAt) > CLICK_WINDOW_MS) return;
231                var reason = event ? event.reason : null;
232                send({
233                    source: 'click.unhandledrejection',
234                    message: reason && reason.message ? String(reason.message) : String(reason || 'Unhandled promise rejection'),
235                    stack: reason && reason.stack ? String(reason.stack) : null,
236                    url: location.href,
237                    lineNumber: null,
238                    columnNumber: null,
239                    userAgent: navigator.userAgent,
240                    responseSnippet: lastClickTarget ? ('clickTarget=' + lastClickTarget) : null
241                });
242            });
243        })();
244    </script>
244
245
246    <!-- Meta Pixel Code -->
247    
247<script>
vendor: 603 bytes, lines 247-259
247
248        !function (f, b, e, v, n, t, s) {
249            if (f.fbq) return; n = f.fbq = function () {
250                n.callMethod ?
251                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
252            };
253            if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
254            n.queue = []; t = b.createElement(e); t.async = !0;
255            t.src = v; s = b.getElementsByTagName(e)[0];
256            s.parentNode.insertBefore(t, s)
257        }(window, document, 'script',
258            'https://connect.facebook.net/en_US/fbevents.js');
259        fbq('init', '
259526384008655694
vendor: 44 bytes, lines 259-261
259');
260        fbq('track', 'PageView');
261    
261</script>
261
262    <noscript><img height="1" width="1" style="display:none"
263                src="https://www.facebook.com/tr?id=526384008655694&ev=PageView&noscript=1"
264    /></noscript>
265    <!-- End Meta Pixel Code -->
266</head>
267
268<body>
269    <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 269-271
269
270    <noscript>
271        <iframe src="https://www.googletagmanager.com/ns.html?id=
271GTM-WTDJ5F6V
vendor: 111 bytes, lines 271-274
271" height="0" width="0"
272                style="display:none;visibility:hidden"></iframe>
273    </noscript>
274    
274<!-- End Google Tag Manager (noscript) -->
275    
276    <!-- Header -->
277    <header class="main-header backdrop-blur-lg shadow-sm">
278        <div class="container">
279            <a href="/" class="logo">
280                <div class="text-2xl font-bold">
281                    <span class="text-primary-2">Connect</span><span class="text-accent">Booker</span>
282                </div>
283            </a>
284
285            <nav class="main-nav pt-2">
286                <ul>
287                    <li><a class="text-sm font-medium active" href="/">Home</a></li>
288                    <li class="nav-products">
289                        <a class="text-sm font-medium " href="#">
290                            Products
291                            <svg xmlns="http://www.w3.org/2000/svg"
292                                 width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
293                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
294                                 style="margin-left: 5px; vertical-align: middle;">
295                                <path d="M6 9l6 6 6-6" />
296                            </svg>
297                        </a>
298                        <div class="product-dropdown border border-2 border-gray">
299                            <div class="product-dropdown-grid">
300                                <a href="/WebsiteDevelopment" class="product-item ">
301                                    <span class="icon icon-sites">
302                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
303                                             stroke="currentColor" stroke-width="2" stroke-linecap="round"
304                                             stroke-linejoin="round">
305                                            <circle cx="12" cy="12" r="10" />
306                                            <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20zM2 12h20M12 2v20" />
307                                        </svg>
308                                    </span>
309                                    <div class="details">
310                                        <h4>ConnectBooker <strong style="color: #ff6b00;">Sites</strong></h4>
311                                        <p>Website Design Solution</p>
312                                    </div>
313                                </a>
314                                <a href="/ChannelManager" class="product-item ">
315                                    <span class="icon icon-channel">
316                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
317                                             stroke="currentColor" stroke-width="2" stroke-linecap="round"
318                                             stroke-linejoin="round">
319                                            <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
320                                            <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
321                                        </svg>
322                                    </span>
323                                    <div class="details">
324                                        <h4>ConnectBooker <strong style="color: #ff6b00;">Channel</strong></h4>
325                                        <p>Distributed Inventory</p>
326                                    </div>
327                                </a>
328                                <a href="/" class="product-item ">
329                                    <span class="icon icon-channel">
330                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
331                                             viewBox="0 0 24 24" fill="none"
332                                             stroke="currentColor" stroke-width="2"
333                                             stroke-linecap="round" stroke-linejoin="round">
334                                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
335                                            <line x1="16" y1="2" x2="16" y2="6" />
336                                            <line x1="8" y1="2" x2="8" y2="6" />
337                                            <line x1="3" y1="10" x2="21" y2="10" />
338                                            <path d="M9 15l2 2 4-4" />
339                                        </svg>
340                                    </span>
341                                    <div class="details">
342                                        <h4>ConnectBooker <strong style="color: #ff6b00;">Booking System</strong></h4>
343                                        <p>Direct Booking Link</p>
344                                    </div>
345                                </a>
346                                <a href="/RateShopper" class="product-item upcoming ">
347                                    <span class="icon icon-shopper"
348                                          style="background: linear-gradient(135deg, #1e40af 0%, #ff6b00 100%); width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px;color:white;">
349                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
350                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
351                                             stroke-linecap="round" stroke-linejoin="round">
352                                            <path d="M3 3v18h18" />
353                                            <path d="M18.7 8l-5.1 5.2-2.8-2.7L7 14.3" />
354                                        </svg>
355                                    </span>
356                                    <div class="details">
357                                        <h4>ConnectBooker <strong style="color: #ff6b00;">Shopper</strong></h4>
358                                        <p>Rate Intelligence<span class="badge-upcoming">Upcoming</span></p>
359                                    </div>
360                                </a>
361                                <a href="/pos" class="product-item upcoming ">
362                                    <span class="icon icon-pos"
363                                          style="background: linear-gradient(135deg, #1e40af 0%, #ff6b00 100%); width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px;color:white;">
364                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
365                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
366                                             stroke-linecap="round" stroke-linejoin="round">
367                                            <rect x="3" y="3" width="7" height="7" />
368                                            <rect x="14" y="3" width="7" height="7" />
369                                            <rect x="14" y="14" width="7" height="7" />
370                                            <rect x="3" y="14" width="7" height="7" />
371                                        </svg>
372                                    </span>
373                                    <div class="details">
374                                        <h4>ConnectBooker <strong style="color: #ff6b00;">POS</strong></h4>
375                                        <p>Restaurant POS<span class="badge-upcoming">Upcoming</span></p>
376                                    </div>
377                                </a>
378                                <a href="/Reputation" class="product-item upcoming ">
379                                    <span class="icon icon-reputation"
380                                          style="background: linear-gradient(135deg, #1e40af 0%, #ff6b00 100%); width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px;color:white;">
381                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
382                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
383                                             stroke-linecap="round" stroke-linejoin="round">
384                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />
385                                        </svg>
386                                    </span>
387                                    <div class="details">
388                                        <h4>ConnectBooker <strong style="color: #ff6b00;">Reputation</strong></h4>
389                                        <p>Review Management<span class="badge-upcoming">Upcoming</span></p>
390                                    </div>
391                                </a>
392                                <a href="/Revenue" class="product-item upcoming ">
393                                    <span class="icon icon-revenue"
394                                          style="background: linear-gradient(135deg, #1e40af 0%, #ff6b00 100%); width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px;color:white;">
395                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
396                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
397                                             stroke-linecap="round" stroke-linejoin="round">
398                                            <line x1="12" y1="1" x2="12" y2="23" />
399                                            <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
400                                        </svg>
401                                    </span>
402                                    <div class="details">
403                                        <h4>ConnectBooker <strong style="color: #ff6b00;">Revenue</strong></h4>
404                                        <p>Revenue Management<span class="badge-upcoming">Upcoming</span></p>
405                                    </div>
406                                </a>
407                                <a href="/pms" class="product-item upcoming ">
408                                    <span class="icon icon-revenue"
409                                          style="background: linear-gradient(135deg, #1e40af 0%, #ff6b00 100%); width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px;color:white;">
410                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
411                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
412                                             stroke-linecap="round" stroke-linejoin="round">
413                                            <line x1="12" y1="1" x2="12" y2="23" />
414                                            <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
415                                        </svg>
416                                    </span>
417                                    <div class="details">
418                                        <h4>ConnectBooker <strong style="color: #ff6b00;">PMS</strong></h4>
419                                        <p>Revenue Management<span class="badge-upcoming">Upcoming</span></p>
420                                    </div>
421                                </a>
422                                <a href="/Growth" class="product-item ">
423                                    <span class="icon icon-growth"
424                                          style="background: linear-gradient(135deg, #1e40af 0%, #ff6b00 100%); width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px;color:white;">
425                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
426                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
427                                             stroke-linecap="round" stroke-linejoin="round">
428                                            <path d="M23 6l-9.5 9.5-5-5L1 18" />
429                                            <path d="M17 6h6v6" />
430                                        </svg>
431                                    </span>
432                                    <div class="details">
433                                        <h4>ConnectBooker <strong style="color: #ff6b00;">Growth</strong></h4>
434                                        <p>Digital Marketing Program</p>
435                                    </div>
436                                </a>
437                                <a href="/Audit" class="product-item ">
438                                    <span class="icon icon-audit"
439                                          style="background: linear-gradient(135deg, #1e40af 0%, #ff6b00 100%); width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px;color:white;">
440                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
441                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
442                                             stroke-linecap="round" stroke-linejoin="round">
443                                            <path d="M9 11l3 3L22 4" />
444                                            <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" />
445                                        </svg>
446                                    </span>
447                                    <div class="details">
448                                        <h4>ConnectBooker <strong style="color: #ff6b00;">Audit</strong></h4>
449                                        <p>Growth Intelligence Platform</p>
450                                    </div>
451                                </a>
452                            </div>
453                        </div>
454                    </li>
455                    <li><a class="text-sm font-medium " href="/About">About</a></li>
456                    <li><a class="text-sm font-medium " href="/Pricing">Pricing</a></li>
457                    <li><a class="text-sm font-medium " href="/Contact">Contact</a></li>
458                </ul>
459            </nav>
460            <div class="header-actions">
461                <a href="https://extranet.connectbooker.com/Login.aspx" class="btn btn-ghost font-medium">Sign In</a>
462                <a href="/SignUp.html" class="btn btn-primary">Get Started</a>
463            </div>
464        </div>
465    </header>
466
467    <!-- Main Content -->
468    
469
470
471<main style="margin-top:-80px;">
472    <!-- Hero Section -->
473    <section class="hero-section">
474        <div class="container" style="padding-top:20px;">
475            <div class="row align-items-center">
476                <!-- Left Side - Create your own brand -->
477                <div class="col-lg-6 order-lg-1 order-1">
478                    <div class="hero-content">
479                        <!--<span class="subtitle">360° Hotel Management Platform</span>-->
480                        <!--<h1>Stop Losing Revenue<br>to <strong>OTA Commissions</strong></h1>-->
481                        <h1 style="font-size: 3rem; line-height: 1.2;">
482                            Increase Direct Hotel Bookings & <strong style="color: #ff6b00;">Stop Paying High Commissions</strong>
483                        </h1>
484                        <p style="font-size: 1.2rem; margin-bottom: 30px; opacity: 0.9;">
485                            The #1
486                            <strong>Zero-Commission Hotel Booking Engine</strong> to create your own brand and
487                            maximize revenue. Switch to the complete <strong>Hotel Management Software</strong>
488                            today.
489                        </p>
490                        <ul class="hero-features">
491                            <li>
492                                <span class="icon-checkmark">
493                                    <svg xmlns="http://www.w3.org/2000/svg"
494                                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
495                                         stroke-linecap="round" stroke-linejoin="round">
496                                        <path d="M20 6L9 17l-5-5" />
497                                    </svg>
498                                </span> <strong>0% Commission</strong> on Direct Bookings
499                            </li>
500                            <li>
501                                <span class="icon-checkmark">
502                                    <svg xmlns="http://www.w3.org/2000/svg"
503                                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
504                                         stroke-linecap="round" stroke-linejoin="round">
505                                        <path d="M20 6L9 17l-5-5" />
506                                    </svg>
507                                </span> All-in-One <strong>Hotel Management Software</strong>
508                            </li>
509                            <li>
510                                <span class="icon-checkmark">
511                                    <svg xmlns="http://www.w3.org/2000/svg"
512                                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
513                                         stroke-linecap="round" stroke-linejoin="round">
514                                        <path d="M20 6L9 17l-5-5" />
515                                    </svg>
516                                </span> <strong>Increase Hotel Revenue</strong> by 30%
517                            </li>
518                            <li>
519                                <span class="icon-checkmark">
520                                    <svg xmlns="http://www.w3.org/2000/svg"
521                                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
522                                         stroke-linecap="round" stroke-linejoin="round">
523                                        <path d="M20 6L9 17l-5-5" />
524                                    </svg>
525                                </span> <strong>Google Hotel Links</strong> Integration
526                            </li>
527                        </ul>
528                        <div class="hero-actions">
529                            <a class="btn btn-primary" href="/Website/SignUp.html">
530                                Start Increasing
531                                Bookings Now
532                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
533                                     viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
534                                     stroke-linecap="round" stroke-linejoin="round" style="margin-left: 8px;">
535                                    <path d="M5 12h14M12 5l7 7-7 7" />
536                                </svg>
537                            </a>
538                            <a href="" class="btn btn-secondary btn-white">Schedule Demo</a>
539                        </div>
540                        <div class="row">
541                            <div class="hero-stat col-6">
542                                <h3>2,000+</h3>
543                                <p>Hotels Trust Us</p>
544                            </div>
545                            <div class="hero-stat col-6">
546                                <h3>20%</h3>
547                                <p>Avg. Commission Saved</p>
548                            </div>
549                            <div class="hero-stat col-6">
550                                <h3>40%</h3>
551                                <p>Direct Booking Increase</p>
552                            </div>
553                            <div class="hero-stat col-6">
554                                <a class="btn btn-primary" style="margin-top: 20px;" href="/Pricing">
555                                    View
556                                    Pricing
557                                </a>
558                            </div>
559                        </div>
560                    </div>
561                </div>
562
563                <!-- Right Side - Annual Commission Loss Calculator -->
564                <div class="col-lg-6 order-lg-2 order-2 align-self-start" style="padding-top: 30px;">
565                    <div style="background: linear-gradient(135deg, #1e40af 0%, #ff6b00 100%); padding: 15px; border-radius: 12px; margin: 0; color: white;">
566                        <h3 style="text-align: center; margin-bottom: 5px; color: white; font-size: 1.3rem;">
567                            Check
568                            how much you pay OTAs
569                        </h3>
570                        <p style="text-align: center; margin-bottom: 10px; opacity: 0.9; font-size: 0.85rem;">
571                            Join
572                            Connectbooker Direct and save on commisions
573                        </p>
574                        <div style="background: rgba(255, 255, 255, 0.1); padding: 12px; border-radius: 10px;">
575                            <div class="row">
576                                <div class="col-md-6">
577                                    <div style="margin-bottom: 8px;">
578                                        <label style="display: block; margin-bottom: 3px; font-weight: 500; font-size: 0.8rem;">
579                                            Number
580                                            of Rooms
581                                        </label>
582                                        <input type="number" id="rooms_home"
583                                               style="width: 100%; padding: 8px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.15); color: white; font-size: 0.9rem;"
584                                               placeholder="Rooms" value="100">
585                                    </div>
586                                </div>
587
588                                <div class="col-md-6">
589                                    <div style="margin-bottom: 8px;">
590                                        <label style="display: block; margin-bottom: 2px; font-weight: 500; font-size: 0.75rem;">
591                                            Average
592                                            Room Rate (₹)
593                                        </label>
594                                        <input type="number" id="rate_home"
595                                               style="width: 100%; padding: 6px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.15); color: white; font-size: 0.85rem;"
596                                               placeholder="Rate" value="3500">
597                                    </div>
598                                </div>
599                                <div class="col-md-6">
600                                    <div style="margin-bottom: 8px;">
601                                        <label style="display: block; margin-bottom: 2px; font-weight: 500; font-size: 0.75rem;">
602                                            OTA
603                                            Bookings (%)
604                                        </label>
605                                        <input type="number" id="otaBookings_home"
606                                               style="width: 100%; padding: 6px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.15); color: white; font-size: 0.85rem;"
607                                               placeholder="OTA Bookings" value="75">
608                                    </div>
609                                </div>
610                                <div class="col-md-6">
611                                    <div style="margin-bottom: 8px;">
612                                        <label style="display: block; margin-bottom: 2px; font-weight: 500; font-size: 0.75rem;">
613                                            OTA
614                                            Commission (%)
615                                        </label>
616                                        <input type="number" id="commission_home"
617                                               style="width: 100%; padding: 6px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.15); color: white; font-size: 0.85rem;"
618                                               placeholder="Commission" value="18">
619                                    </div>
620                                </div>
621                            </div>
622
623                            <button onclick="calculateSavingsHome()"
624                                    style="background: white; color: #ff6b00; border: none; padding: 8px 15px; font-size: 0.85rem; font-weight: 600; border-radius: 6px; cursor: pointer; width: 100%; margin-top: 8px; transition: all 0.3s ease;">
625                                Calculate
626                                Savings
627                            </button>
628
629                            <div style="background: rgba(255, 255, 255, 0.15); border-radius: 8px; padding: 10px; margin-top: 10px;">
630                                <div class="row">
631                                    <div class="col-6"
632                                         style="text-align: center; border-right: 1px solid rgba(255,255,255,0.2);">
633                                        <div style="font-size: 0.7rem; opacity: 0.9; min-height: 28px; display: flex; align-items: center; justify-content: center;">
634                                            Annual commission paid
635                                        </div>
636                                        <div style="font-size: 1.1rem; font-weight: 700; margin-top: 2px;"
637                                             id="otaCommission_home">
638                                            ₹32.8L
639                                        </div>
640                                    </div>
641                                    <div class="col-6" style="text-align: center;">
642                                        <div style="font-size: 0.7rem; opacity: 0.9; min-height: 28px; display: flex; align-items: center; justify-content: center;">
643                                            Potential Savings
644                                        </div>
645                                        <div style="font-size: 1.1rem; font-weight: 700; margin-top: 2px; color: #4ade80;"
646                                             id="savings_home">
647                                            ₹32.8L
648                                        </div>
649                                    </div>
650                                </div>
651                            </div>
652                            <a class="btn btn-primary" style="width: 100%; margin-top: 10px; background: #ff6b00; border: none; padding: 10px; font-weight: 600; border-radius: 6px; text-align: center; display: block; text-decoration: none;" href="/Website/SignUp.html">
653                                Sign
654                                Up Now
655                            </a>
656                        </div>
657                    </div>
658                </div>
659            </div>
660            <div class="hero-video-section"
661                 style="margin-top: 20px; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.15);">
662                <div class="custom-ratio" style="background: #000; z-index:9999">
663                    <iframe src="https://www.youtube.com/embed/flHAjjpW6l4?si=V1n1pbfvZ0BSjQ15&amp;controls=0&amp;autoplay=1&amp;mute=1"
664                            title="YouTube video player" frameborder="0"
665                            allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
666                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
667                </div>
668            </div>
669
670        </div>
671    </section>
672
673    <!-- The Challenge Section -->
674    <section class="section-challenge">
675        <div class="container ">
676            <div class="section-intro">
677                <div class="row">
678                    <div class="col-lg-2">
679                    </div>
680                    <div class="col-lg-8">
681                        <span class="subtitle" style="color: #ff6b00">THE CHALLENGE</span>
682                        <h2 class="mt-2 text-center mx-5 text-dark" style="font-size: 3rem">
683                            Hotels Face Critical
684                            Challenges in Today's Market
685                        </h2>
686                        <p>
687                            The hospitality industry is plagued by high costs, limited control, and operational
688                            inefficiencies. ConnectBooker provides comprehensive solutions to every pain point.
689                        </p>
690                    </div>
691                    <div class="col-lg-2">
692                    </div>
693                </div>
694
695            </div>
696            <div class="problems-grid">
697                <div class="problem-card">
698                    <div class="row">
699                        <div class="col-2">
700                            <span class="icon">
701                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
702                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
703                                     stroke-linejoin="round">
704                                    <line x1="12" y1="1" x2="12" y2="23" />
705                                    <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
706                                </svg>
707                            </span>
708                        </div>
709                        <div class="col-10 pt-2">
710                            <h3 class="medium-title">High OTA Commissions</h3>
711                        </div>
712                    </div>
713
714                    <p>
715                        <span class="text-danger font-medium">Problem:</span> Paying 15-25% commission on every
716                        booking through OTAs
717                    </p>
718                    <p>
719                        <span class="text-success font-medium">Our Solution:</span> Direct booking channels that save
720                        commission costs
721                    </p>
722                </div>
723                <div class="problem-card">
724                    <div class="row">
725                        <div class="col-2">
726                            <span class="icon">
727                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
728                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
729                                     stroke-linejoin="round">
730                                    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
731                                    <path d="M15 3h6v6M10 14L21 3" />
732                                </svg>
733                            </span>
734                        </div>
735                        <div class="col-10 pt-2">
736                            <h3 class="medium-title">Limited Direct Bookings</h3>
737                        </div>
738                    </div>
739                    <p>
740                        <span class="text-danger font-medium">Problem:</span> Heavy dependency on third-party
741                        platforms for revenue
742                    </p>
743                    <p>
744                        <span class="text-success font-medium">Our Solution:</span> Powerful distribution and
745                        marketing tools to drive direct traffic
746                    </p>
747                </div>
748                <div class="problem-card">
749                    <div class="row">
750                        <div class="col-2">
751                            <span class="icon">
752                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
753                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
754                                     stroke-linejoin="round">
755                                    <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
756                                    <circle cx="9" cy="7" r="4" />
757                                    <path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" />
758                                </svg>
759                            </span>
760                        </div>
761                        <div class="col-10 pt-2">
762                            <h3 class="medium-title">Lost Guest Relationships</h3>
763                        </div>
764                    </div>
765                    <p>
766                        <span class="text-danger font-medium">Problem:</span> OTAs own your customer data and
767                        relationships
768                    </p>
769                    <p>
770                        <span class="text-success font-medium">Our Solution:</span> Build your own guest database and
771                        loyalty programs
772                    </p>
773                </div>
774                <div class="problem-card">
775                    <div class="row">
776                        <div class="col-2">
777                            <span class="icon">
778                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
779                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
780                                     stroke-linejoin="round">
781                                    <polyline points="22 12 18 12 15 21 9 3 6 12 2 12" />
782                                </svg>
783                            </span>
784                        </div>
785                        <div class="col-10 pt-2">
786                            <h3 class="medium-title">Manual Revenue Management</h3>
787                        </div>
788                    </div>
789                    <p>
790                        <span class="text-danger font-medium">Problem:</span> Difficulty optimizing pricing across
791                        multiple channels
792                    </p>
793                    <p>
794                        <span class="text-success font-medium">Our Solution:</span> AI-powered dynamic pricing and
795                        channel management
796                    </p>
797                </div>
798                <div class="problem-card">
799                    <div class="row">
800                        <div class="col-2">
801                            <span class="icon">
802                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
803                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
804                                     stroke-linejoin="round">
805                                    <circle cx="12" cy="12" r="10" />
806                                    <polyline points="12 6 12 12 16 14" />
807                                </svg>
808                            </span>
809                        </div>
810                        <div class="col-10 pt-2">
811                            <h3 class="medium-title">Inefficient Operations</h3>
812                        </div>
813                    </div>
814                    <p>
815                        <span class="text-danger font-medium">Problem:</span> Using multiple disconnected systems for
816                        daily operations
817                    </p>
818                    <p>
819                        <span class="text-success font-medium">Our Solution:</span> All-in-one platform integrating
820                        PMS, bookings, and communication
821                    </p>
822                </div>
823                <div class="problem-card">
824                    <div class="row">
825                        <div class="col-2">
826                            <span class="icon">
827                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
828                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
829                                     stroke-linejoin="round">
830                                    <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
831                                </svg>
832                            </span>
833                        </div>
834                        <div class="col-10 pt-2">
835                            <h3 class="medium-title">Poor Online Visibility</h3>
836                        </div>
837                    </div>
838                    <p>
839                        <span class="text-danger font-medium">Problem:</span> Struggling to rank in search and manage
840                        online reputation
841                    </p>
842                    <p>
843                        <span class="text-success font-medium">Our Solution:</span> SEO optimization, review
844                        management, and social media presence
845                    </p>
846                </div>
847            </div>
848        </div>
849    </section>
850
851    <!-- Six Powerful Products Section -->
852    <section class="section-products-detail bg-white">
853        <div class="container">
854            <div class="section-intro">
855                <div class="row">
856                    <div class="col-lg-2">
857                    </div>
858                    <div class="col-lg-8">
859                        <span class="subtitle" style="color: #ff6b00">COMPLETE SOLUTION SUITE</span>
860                        <!--<h2  class="mt-2 text-center mx-5 text-dark">Six Powerful Products, One Unified Platform</h2>-->
861                        <h2 class="mt-2 text-center mx-5 text-dark">
862                            One Unified Platform, for all hotel requirement
863                        </h2>
864                        <p>
865                            Everything you need to run a modern, profitable hotel—seamlessly integrated and working
866                            together.
867                        </p>
868                    </div>
869                    <div class="col-lg-2">
870                    </div>
871                </div>
872
873            </div>
874            <div class="product-details-grid">
875                <!--<div class="product-detail-card">
876                    <span class="new-tag">NEW</span>
877                    <span class="icon">
878                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22V2L2 7l10 5 10-5-10-5V22zM2 7v10l10 5V12zM22 7v10l-10 5V12z"/></svg>
879                    </span>
880                    <h3>ConnectBooker PMS</h3>
881                    <p class="product-subtitle">Property Management Solution</p>
882                    <ul>
883                        <li>Front Desk Management</li>
884                        <li>Housekeeping Module</li>
885                        <li>Maintenance Tracking</li>
886                        <li>Guest Profiles & History</li>
887                    </ul>
888                    <a href="#" class="btn btn-ghost">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
889                </div>
890                <div class="product-detail-card">
891                    <span class="new-tag">NEW</span>
892                    <span class="icon">
893                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18M18 18l-6-6-4 4-3-3"/><path d="M18 10h-2M18 6h-2M18 14h-2"/></svg>
894                    </span>
895                    <h3>ConnectBooker Revenue</h3>
896                    <p class="product-subtitle">Revenue Management Solution</p>
897                    <ul>
898                        <li>Dynamic Pricing</li>
899                        <li>Demand Forecasting</li>
900                        <li>
900Competitor Analysis</li>
901                        <li>Channel Yield Management</li>
902                    </ul>
903                    <a href="#" class="btn btn-ghost">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
904                </div>-->
905                <div class="product-detail-card">
906                    <span class="new-tag">NEW</span>
907                    <span class="icon">
908                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
909                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
910                            <circle cx="12" cy="12" r="10" />
911                            <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20zM2 12h20M12 2v20" />
912                        </svg>
913                    </span>
914                    <h3>ConnectBooker Sites</h3>
915                    <p class="product-subtitle">Website Design Solution</p>
916                    <ul>
917                        <li>Custom Website Design</li>
918                        <li>Integrated Booking Engine</li>
919                        <li>Mobile Responsive</li>
920                        <li>SEO Optimized</li>
921                    </ul>
922                    <a href="#" class="btn btn-ghost">
923                        Learn More
924                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
925                             height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
926                             stroke-linecap="round" stroke-linejoin="round">
927                            <path d="M5 12h14M12 5l7 7-7 7" />
928                        </svg>
929                    </a>
930                </div>
931                <!-- The rest of the product cards would follow here if they had specific lists -->
932                <div class="product-detail-card">
933                    <span class="icon">
934                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
935                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
936                            <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
937                            <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
938                        </svg>
939                    </span>
940                    <h3>ConnectBooker Channel</h3>
941                    <p class="product-subtitle">BookingHotel — a ConnectBooker product</p>
942                    <ul>
943                        <li>2-Way OTA Connectivity</li>
944                        <li>Direct Booking Engine</li>
945                        <li>Real-time Inventory Sync</li>
946                        <li>Rate Parity Management</li>
947                    </ul>
948                    <a href="#" class="btn btn-ghost">
949                        Learn More
950                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
951                             height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
952                             stroke-linecap="round" stroke-linejoin="round">
953                            <path d="M5 12h14M12 5l7 7-7 7" />
954                        </svg>
955                    </a>
956                </div>
957                <div class="product-detail-card">
958                    <span class="new-tag">NEW</span>
959                    <span class="icon">
960                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
961                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
962                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
963                        </svg>
964                    </span>
965                    <h3>ConnectBooker Reputation</h3>
966                    <p class="product-subtitle">Review Management Across All Platforms</p>
967                    <ul>
968                        <li>Google Review Management</li>
969                        <li>AI-Powered Review Replies</li>
970                        <li>Reputation Score &amp; Analytics</li>
971                        <li>Negative Review Alerts</li>
972                    </ul>
973                    <a href="/Reputation" class="btn btn-ghost">
974                        Learn More
975                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
976                             height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
977                             stroke-linecap="round" stroke-linejoin="round">
978                            <path d="M5 12h14M12 5l7 7-7 7" />
979                        </svg>
980                    </a>
981                </div>
982                <div class="product-detail-card">
983                    <span class="icon">
984                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
985                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
986                            <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
987                        </svg>
988                    </span>
989                    <h3>ConnectBooker Chat</h3>
990                    <p class="product-subtitle">Virtual Chating </p>
991                    <ul>
992                        <li>AI-powered chat System</li>
993                        <li>24/7 Guest Support</li>
994                        <li>Automated Booking Assistance</li>
995                        <li>Multi-lingual Capabilities</li>
996                    </ul>
997                    <a href="#" class="btn btn-ghost">
998                        Learn More
999                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
1000                             height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
1001                             stroke-linecap="round" stroke-linejoin="round">
1002                            <path d="M5 12h14M12 5l7 7-7 7" />
1003                        </svg>
1004                    </a>
1005                </div>
1006                <div class="product-detail-card">
1007                    <span class="new-tag">NEW</span>
1008                    <span class="icon">
1009                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1010                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1011                            <path d="M9 11l3 3L22 4" />
1012                            <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" />
1013                        </svg>
1014                    </span>
1015                    <h3>ConnectBooker Audit</h3>
1016                    <p class="product-subtitle">AI-Powered Growth Intelligence</p>
1017                    <ul>
1018                        <li>Website, SEO &amp; Google Business Audit</li>
1019                        <li>Reputation &amp; Social Media Audit</li>
1020                        <li>Revenue &amp; OTA Dependency Analysis</li>
1021                        <li>Competitor Benchmark &amp; 90-Day Plan</li>
1022                    </ul>
1023                    <a href="/Audit" class="btn btn-ghost">
1024                        Learn More
1025                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
1026                             height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
1027                             stroke-linecap="round" stroke-linejoin="round">
1028                            <path d="M5 12h14M12 5l7 7-7 7" />
1029                        </svg>
1030                    </a>
1031                </div>
1032            </div>
1033        </div>
1034    </section>
1035
1036    <!-- ConnectBooker Growth Program Section -->
1037    <section class="section" style="background: linear-gradient(135deg, #1e40af 0%, #0f172a 100%); padding: 70px 0; color: white;">
1038        <div class="container">
1039            <div class="row align-items-center">
1040                <div class="col-lg-5 mb-4">
1041                    <span class="subtitle" style="color: #ff6b00;">NEW PROGRAM</span>
1042                    <h2 style="color: white; font-size: 2.5rem; margin-bottom: 20px; font-weight: 700;">
1043                        ConnectBooker <strong style="color: #ff6b00;">Growth</strong>
1044                    </h2>
1045                    <p style="font-size: 1.15rem; opacity: 0.9; margin-bottom: 30px;">
1046                        Your hotel's dedicated digital marketing team. From social media to SEO, paid ads to
1047                        professional video content and Google 360 virtual tours &mdash; everything you need to
1048                        grow direct bookings and build your brand online.
1049                    </p>
1050                    <div style="display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px;">
1051                        <span style="background: rgba(255,255,255,0.15); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem;">Social Media Marketing</span>
1052                        <span style="background: rgba(255,255,255,0.15); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem;">SEO</span>
1053                        <span style="background: rgba(255,255,255,0.15); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem;">Performance Marketing</span>
1054                        <span style="background: rgba(255,255,255,0.15); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem;">Graphic Design</span>
1055                        <span style="background: rgba(255,255,255,0.15); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem;">Video Editing</span>
1056                        <span style="background: rgba(255,255,255,0.15); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem;">Google 360&deg; Tour</span>
1057                    </div>
1058                    <a href="/Growth" class="btn btn-primary"
1059                       style="background: #ff6b00; color: white; border: none; padding: 14px 30px; font-size: 1.1rem; font-weight: 700; border-radius: 8px;">
1060                        Explore Growth Program
1061                    </a>
1062                </div>
1063                <div class="col-lg-7">
1064                    <div class="row g-3">
1065                        <div class="col-6 col-md-4">
1066                            <div style="background: rgba(255,255,255,0.1); border-radius: 12px; padding: 25px 15px; text-align: center; height: 100%;">
1067                                <div style="font-size: 2.5rem; font-weight: 700; color: #ff6b00;">45%</div>
1068                                <div style="font-size: 0.85rem; opacity: 0.8;">More Direct Bookings</div>
1069                            </div>
1070                        </div>
1071                        <div class="col-6 col-md-4">
1072                            <div style="background: rgba(255,255,255,0.1); border-radius: 12px; padding: 25px 15px; text-align: center; height: 100%;">
1073                                <div style="font-size: 2.5rem; font-weight: 700; color: #ff6b00;">3x</div>
1074                                <div style="font-size: 0.85rem; opacity: 0.8;">Social Engagement</div>
1075                            </div>
1076                        </div>
1077                        <div class="col-6 col-md-4">
1078                            <div style="background: rgba(255,255,255,0.1); border-radius: 12px; padding: 25px 15px; text-align: center; height: 100%;">
1079                                <div style="font-size: 2.5rem; font-weight: 700; color: #ff6b00;">70%</div>
1080                                <div style="font-size: 0.85rem; opacity: 0.8;">Search Visibility</div>
1081                            </div>
1082                        </div>
1083                        <div class="col-6 col-md-4">
1084                            <div style="background: rgba(255,255,255,0.1); border-radius: 12px; padding: 25px 15px; text-align: center; height: 100%;">
1085                                <div style="font-size: 2.5rem; font-weight: 700; color: #ff6b00;">24/7</div>
1086                                <div style="font-size: 0.85rem; opacity: 0.8;">Always-On Marketing</div>
1087                            </div>
1088                        </div>
1089                        <div class="col-6 col-md-4">
1090                            <div style="background: rgba(255,255,255,0.1); border-radius: 12px; padding: 25px 15px; text-align: center; height: 100%;">
1091                                <div style="font-size: 2.5rem; font-weight: 700; color: #ff6b00;">6</div>
1092                                <div style="font-size: 0.85rem; opacity: 0.8;">Growth Services</div>
1093                            </div>
1094                        </div>
1095                        <div class="col-6 col-md-4">
1096                            <div style="background: rgba(255,255,255,0.1); border-radius: 12px; padding: 25px 15px; text-align: center; height: 100%;">
1097                                <div style="font-size: 2.5rem; font-weight: 700; color: #ff6b00;">360&deg;</div>
1098                                <div style="font-size: 0.85rem; opacity: 0.8;">Virtual Tours</div>
1099                            </div>
1100                        </div>
1101                    </div>
1102                </div>
1103            </div>
1104        </div>
1105    </section>
1106
1107    <!-- Call to Action Block -->
1108    <section class="call-to-action-block">
1109        <div class="container">
1110            <h2>Ready to Transform Your Hotel Operations?</h2>
1111            <p>Get access to all six solutions with our complete platform</p>
1112            <div class="cta-actions">
1113                <a class="btn btn-primary" href="/Website/SignUp.html">Free SignUp</a>
1114                <a href="#" class="btn btn-secondary btn-white">Schedule Demo</a>
1115            </div>
1116        </div>
1117    </section>
1118
1119    <!-- Why Choose ConnectBooker Section -->
1120    <section class="section-why-choose">
1121        <div class="container">
1122            <div class="section-intro">
1123                <div class="row">
1124                    <div class="col-lg-2">
1125                    </div>
1126                    <div class="col-lg-8">
1127                        <span class="subtitle" style="color: #ff6b00">WHY CHOOSE CONNECTBOOKER</span>
1128                        <h2 class="mt-2 text-center mx-5 text-dark">
1129                            Why Hoteliers Choose ConnectBooker to <strong style="color:#1e40af;">Reduce OTA Commissions</strong>
1130                        </h2>
1131                        <p>
1132                            Join thousands of hotels who have transformed their operations and revenue with
1133                            ConnectBooker
1134                        </p>
1135                    </div>
1136                    <div class="col-lg-2">
1137                    </div>
1138                </div>
1139            </div>
1140            <div class="why-choose-grid">
1141                <div class="why-choose-card">
1142                    <span class="icon">
1143                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1144                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1145                            <path d="M12 2v10M12 22v-4M4.93 4.93l7.07 7.07M19.07 4.93l-7.07 7.07" />
1146                        </svg>
1147                    </span>
1148                    <h3>Complete Integration</h3>
1149                    <p>All tools work seamlessly together, eliminating data silos and manual work</p>
1150                </div>
1151                <div class="why-choose-card">
1152                    <span class="icon">
1153                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1154                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1155                            <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
1156                        </svg>
1157                    </span>
1158                    <h3>Instant Setup</h3>
1159                    <p>Get started in days, not months, with our intuitive platform and expert support</p>
1160                </div>
1161                <div class="why-choose-card">
1162                    <span class="icon">
1163                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1164                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1165                            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
1166                        </svg>
1167                    </span>
1168                    <h3>Enterprise Security</h3>
1169                    <p>Bank-level security with PCI compliance and data encryption</p>
1170                </div>
1171                <div class="why-choose-card">
1172                    <span class="icon">
1173                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1174                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1175                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />
1176                        </svg>
1177                    </span>
1178                    <h3>Guest-Centric Design</h3>
1179                    <p>Intuitive tools that enhance guest experience and foster loyalty directly</p>
1180                </div>
1181                <div class="why-choose-card">
1182                    <span class="icon">
1183                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1184                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1185                            <line x1="18" y1="20" x2="18" y2="10" />
1186                            <line x1="12" y1="20" x2="12" y2="4" />
1187                            <line x1="6" y1="20" x2="6" y2="14" />
1188                        </svg>
1189                    </span>
1190                    <h3>Proven Results</h3>
1191                    <p>Backed by 7 years of industry experience and 2,000+ satisfied hoteliers</p>
1192                </div>
1193                <div class="why-choose-card">
1194                    <span class="icon">
1195                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1196                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1197                            <polyline points="9 11 12 14 22 4" />
1198                            <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" />
1199                        </svg>
1200                    </span>
1201                    <h3>Dedicated Support</h3>
1202                    <p>Expert assistance to ensure your operations run smoothly and efficiently</p>
1203                </div>
1204            </div>
1205        </div>
1206    </section>
1207
1208    <!-- Testimonials Section -->
1209    <section class="testimonials-section" style="background: #f8f9fa; padding: 60px 0;">
1210        <div class="container">
1211            <div class="section-title text-center" style="margin-bottom: 50px;">
1212                <h2 style="color: #1e40af; font-size: 2.5rem;">What Hoteliers Say About ConnectBooker</h2>
1213                <p style="color: #64748b; max-width: 700px; margin: 15px auto 0; font-size: 1.1rem;">
1214                    Real stories
1215                    from hoteliers who transformed their business with ConnectBooker
1216                </p>
1217            </div>
1218
1219            <div class="row">
1220                <!-- Testimonial 1 -->
1221                <div class="col-lg-4 mb-4">
1222                    <div class="testimonial-card"
1223                         style="background: white; border-radius: 12px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); height: 100%;">
1224                        <div class="testimonial-video"
1225                             style="position: relative; padding-bottom: 56.25%; height: 0; border-radius: 8px; overflow: hidden; margin-bottom: 20px;">
1226                            <iframe width="560" height="315"
1227                                    src="https://www.youtube.com/embed/7kThmEr5pjM?si=LJEfUeE0ZOOLOhqD"
1228                                    title="Hotel Bhooshan Pune" frameborder="0"
1229                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1230                                    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1231                        </div>
1232                        <div class="testimonial-content">
1233                            <p style="font-style: italic; color: #343a40; margin-bottom: 20px;">
1234                                "ConnectBooker
1235                                helped us increase direct bookings by 45% in just 3 months. The savings on OTA
1236                                commissions alone paid for the platform in the first quarter."
1237                            </p>
1238                            <div class="testimonial-author">
1239                                <h4 style="margin-bottom: 5px; color: #1e40af;">Bhooshan Hotel Pune</h4>
1240                                <p style="color: #64748b; margin: 0;">Owner</p>
1241                            </div>
1242                        </div>
1243                    </div>
1244                </div>
1245
1246                <!-- Testimonial 2 -->
1247                <div class="col-lg-4 mb-4">
1248                    <div class="testimonial-card"
1249                         style="background: white; border-radius: 12px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); height: 100%;">
1250                        <div class="testimonial-video"
1251                             style="position: relative; padding-bottom: 56.25%; height: 0; border-radius: 8px; overflow: hidden; margin-bottom: 20px;">
1252                            <iframe src="https://www.youtube.com/embed/vOTa8IwiRr0?si=WvOgH4dAr_u9oY8Y"
1253                                    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"
1254                                    title="Hotelier Testimonial" frameborder="0"
1255                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
1256                                    allowfullscreen></iframe>
1257
1258                        </div>
1259                        <div class="testimonial-content">
1260                            <p style="font-style: italic; color: #343a40; margin-bottom: 20px;">
1261                                "The channel manager
1262                                integration saved us countless hours of manual work. We're now connected to 15+ OTAs
1263                                with real-time updates and no more overbookings."
1264                            </p>
1265                            <div class="testimonial-author">
1266                                <h4 style="margin-bottom: 5px; color: #1e40af;">Hotel Suyash Deluxe</h4>
1267                                <p style="color: #64748b; margin: 0;">Owner</p>
1268                            </div>
1269                        </div>
1270                    </div>
1271                </div>
1272
1273                <!-- Testimonial 3 -->
1274                <div class="col-lg-4 mb-4">
1275                    <div class="testimonial-card"
1276                         style="background: white; border-radius: 12px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); height: 100%;">
1277                        <div class="testimonial-video"
1278                             style="position: relative; padding-bottom: 56.25%; height: 0; border-radius: 8px; overflow: hidden; margin-bottom: 20px;">
1279                            <img src="https://images.techbcs.com/BEImages/12967/Maharashtra%20MMMAK%206%20to%207.png"
1280                                 style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"
1281                                 title="Hotelier Testimonial" frameborder="0"
1282                                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
1283                                 allowfullscreen>
1284
1285                        </div>
1286                        <div class="testimonial-content">
1287                            <p style="font-style: italic; color: #343a40; margin-bottom: 20px;">
1288                                "Our website now
1289                                ranks on the first page of Google for local searches. The SEO tools and direct
1290                                booking engine have been game-changers for our business."
1291                            </p>
1292                            <div class="testimonial-author">
1293                                <h4 style="margin-bottom: 5px; color: #1e40af;">MMMAK VILLAS AND RESORT</h4>
1294                                <p style="color: #64748b; margin: 0;">Owner</p>
1295                            </div>
1296                        </div>
1297                    </div>
1298                </div>
1299            </div>
1300
1301            <div class="text-center" style="margin-top: 30px;">
1302                <a class="btn btn-primary" style="padding: 15px 35px; font-size: 1.1rem; font-weight: 600;" href="/Pricing">
1302See How Much You Can Save</a>
1303            </div>
1304        </div>
1305    </section>
1306</main>
1307<!---Blog Thumbnails---->
1308<div class="main-wrapper overflow-hidden">
1309
1310    <!-- FAQ Section -->
1311<section class="section-faq" style="background: white; padding: 60px 0;">
1312    <div class="container">
1313        <div class="section-title text-center" style="margin-bottom: 50px;">
1314            <h2 style="color: #1e40af; font-size: 2.5rem;">Frequently Asked Questions by Hoteliers</h2>
1315            <p style="color: #64748b; max-width: 700px; margin: 15px auto 0; font-size: 1.1rem;">
1316                Answers to your
1317                most common questions about increasing bookings and revenue.
1318            </p>
1319        </div>
1320        <div class="row justify-content-center">
1321            <div class="col-lg-8">
1322                <div class="accordion" id="faqAccordion">
1323                    <div class="accordion-item"
1324                         style="border: 1px solid #e2e8f0; margin-bottom: 10px; border-radius: 8px; overflow: hidden;">
1325                        <h3 class="accordion-header" id="headingOne">
1326                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
1327                                    data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"
1328                                    style="font-weight: 600; color: #1e40af; background: white; box-shadow: none;">
1329                                How can I increase my hotel direct bookings?
1330                            </button>
1331                        </h3>
1332                        <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne"
1333                             data-bs-parent="#faqAccordion">
1334                            <div class="accordion-body" style="color: #64748b;">
1335                                To increase direct bookings, you need a commission-free <strong>
1336                                    Booking
1337                                    Engine
1338                                </strong> integrated with your website. ConnectBooker provides this along
1339                                with Google Hotel Links integration to drive traffic directly to your site.
1340                            </div>
1341                        </div>
1342                    </div>
1343                    <div class="accordion-item"
1344                         style="border: 1px solid #e2e8f0; margin-bottom: 10px; border-radius: 8px; overflow: hidden;">
1345                        <h3 class="accordion-header" id="headingTwo">
1346                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
1347                                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"
1348                                    style="font-weight: 600; color: #1e40af; background: white; box-shadow: none;">
1349                                What is the best way to reduce OTA commissions?
1350                            </button>
1351                        </h3>
1352                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
1353                             data-bs-parent="#faqAccordion">
1354                            <div class="accordion-body" style="color: #64748b;">
1355                                The most effective way to reduce commissions is to shift bookings from OTAs to your
1356                                own channel. Our <strong>Channel Manager</strong> helps you manage inventory, but
1357                                our "Profit Maximizer" plan focuses on building your own brand to avoid fees
1358                                entirely.
1359                            </div>
1360                        </div>
1361                    </div>
1362                    <div class="accordion-item"
1363                         style="border: 1px solid #e2e8f0; margin-bottom: 10px; border-radius: 8px; overflow: hidden;">
1364                        <h3 class="accordion-header" id="headingThree">
1365                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
1366                                    data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"
1367                                    style="font-weight: 600; color: #1e40af; background: white; box-shadow: none;">
1368                                How does hotel revenue management software help?
1369                            </button>
1370                        </h3>
1371                        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
1372                             data-bs-parent="#faqAccordion">
1373                            <div class="accordion-body" style="color: #64748b;">
1374                                It analyzes market demand and competitor rates to suggest the perfect price.
1375                                ConnectBooker's <strong>Revenue Manager</strong> automates this, ensuring you never
1376                                sell a room for less than it's worth.
1377                            </div>
1378                        </div>
1379                    </div>
1380                    <div class="accordion-item"
1381                         style="border: 1px solid #e2e8f0; margin-bottom: 10px; border-radius: 8px; overflow: hidden;">
1382                        <h3 class="accordion-header" id="headingFour">
1383                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
1384                                    data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"
1385                                    style="font-weight: 600; color: #1e40af; background: white; box-shadow: none;">
1386                                Can I manage my hotel restaurant with this software?
1387                            </button>
1388                        </h3>
1389                        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
1390                             data-bs-parent="#faqAccordion">
1391                            <div class="accordion-body" style="color: #64748b;">
1392                                Yes, ConnectBooker includes a <strong>POS (Point of Sale)</strong> system
1393                                specifically designed for hotel restaurants, managing billing, KOTs, and room
1394                                service orders in one place.
1395                            </div>
1396                        </div>
1397                    </div>
1398                </div>
1399            </div>
1400        </div>
1401    </div>
1402</section>
1403
1404
1405    <!-- Footer -->
1406    <footer class="main-footer">
1407        <div class="container">
1408            <div class="row">
1409                <div class="footer-col col-lg-3">
1410                    <div class="logo mb-4">
1411                        <div class="text-2xl font-bold">
1412                            <span style="color:white;">Connect</span><span class="text-accent">Booker</span>
1413                        </div>
1414                    </div>
1415                    <p>Complete 360° hotel management platform empowering properties to maximize revenue and efficiency.</p>
1416                    <div class="footer-contact-info mt-4">
1417                        <p>
1418                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1419                                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1420                                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
1421                                <circle cx="12" cy="10" r="3" />
1422                            </svg>Mumbai, India
1423                        </p>
1424                        <p>
1425                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1426                                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1427                                <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
1428                                <polyline points="22,6 12,13 2,6" />
1429                            </svg>[email protected]
1430                        </p>
1431                        <p>
1432                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
1433                                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1434                                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
1435                            </svg>+91-91672-33917
1436                        </p>
1437                    </div>
1438                </div>
1439                <div class="footer-col col-lg-3">
1440                    <h3>Products</h3>
1441                    <ul>
1442                        <li><a href="/pms">ConnectBooker PMS</a></li>
1443                        <li><a href="/revenue/pms">ConnectBooker Revenue</a></li>
1444                        <li><a href="/WebsiteDevelopment">ConnectBooker Sites</a></li>
1445                        <li><a href="/ChannelManager">ConnectBooker Channel</a></li>
1446                        <li><a href="/Reputation">ConnectBooker Reputation</a></li>
1447                        <li><a href="/pos">ConnectBooker POS</a></li>
1448                        <li><a href="/Website/Shopper">ConnectBooker Shopper</a></li>
1449                        <li><a href="/Growth">ConnectBooker Growth</a></li>
1450                        <li><a href="/Audit">ConnectBooker Audit</a></li>
1451                        <li><a href="/">Booking System</a></li>
1452                    </ul>
1453                </div>
1454                <div class="footer-col col-lg-3">
1455                    <h3>Company</h3>
1456                    <ul>
1457                        <li><a href="/">Home</a></li>
1458                        <li><a href="/About">About Us</a></li>
1459                        <li><a href="/Pricing">Pricing</a></li>
1460                        <li><a href="/Contact">Contact</a></li>
1461                        <li><a href="/SignUp.html">Get Started</a></li>
1462                        <li><a href="#">Blog</a></li>
1463                    </ul>
1464                </div>
1465                <div class="footer-col col-lg-3">
1466                    <h3>Legal</h3>
1467                    <ul>
1468                        <li><a href="/PrivacyPolicy">Privacy Policy</a></li>
1469                        <li><a href="/TermsOfServices">Terms of Service</a></li>
1470                    </ul>
1471                </div>
1472            </div>
1473            <div class="footer-bottom mt-5 pt-4 border-top">
1474                <div class="row align-items-center">
1475                    <div class="col-md-6">
1476                        <p class="mb-0">&copy; 2026 ConnectBooker. All rights reserved.</p>
1477                    </div>
1478                    <div class="col-md-6 text-md-end">
1479                        <div class="social-links">
1480                            <a href="#" class="me-3">Facebook</a>
1481                            <a href="#" class="me-3">Twitter</a>
1482                            <a href="#" class="me-3">LinkedIn</a>
1483                            <a href="#">Instagram</a>
1484                        </div>
1485                    </div>
1486                </div>
1487            </div>
1488        </div>
1489    </footer>
1490
1491    
1491<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1491
1492    
1493    
1493<script>
1494        function calculateSavingsHome() {
1495            var rooms = parseFloat(document.getElementById('rooms_home').value) || 0;
1496            var rate = parseFloat(document.getElementById('rate_home').value) || 0;
1497            var otaBookingsPercent = parseFloat(document.getElementById('otaBookings_home').value) || 0;
1498            var commissionPercent = parseFloat(document.getElementById('commission_home').value) || 0;
1499
1500            var annualRevenue = rooms * rate * 365 * (otaBookingsPercent / 100);
1501            var annualCommission = annualRevenue * (commissionPercent / 100);
1502
1503            var formattedCommission = "";
1504            if (annualCommission >= 10000000) {
1505                formattedCommission = "₹" + (annualCommission / 10000000).toFixed(1) + "Cr";
1506            } else if (annualCommission >= 100000) {
1507                formattedCommission = "₹" + (annualCommission / 100000).toFixed(1) + "L";
1508            } else {
1509                formattedCommission = "₹" + annualCommission.toLocaleString('en-IN');
1510            }
1511
1512            document.getElementById('otaCommission_home').innerText = formattedCommission;
1513            document.getElementById('savings_home').innerText = formattedCommission;
1514        }
1515
1516        // Initialize calculation on load
1517        window.addEventListener('load', calculateSavingsHome);
1518    </script>
1518
1519
1520    <!-- Event snippet for Sign-up-9-06-2022 conversion page -->
1521    
1521<script>
1522        window.addEventListener('load', function () {
1523            jQuery('[action="https://extranet.connectbooker.com/Room_Setup.aspx"]').submit(function () {
1524                gtag('event', 'conversion', { 'send_to': 'AW-10905350510/YzP9CJCR1MQDEO7iidAo' });
1525            })
1526        });
1527    </script>
1527
1528</body>
1529</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.