PageSourceSearch

https://tablextract.online/pricing

html tablextract.online collected 2026-10-02 02:03:24 UTC 68,631 bytes, 1,722 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    <meta name="csrf-token" content="5xmfhP7Oh8HgvZB8g6I4YtDqq1OJxmRKRB4XWL8s">
8    <title>TableXtract — AI-Powered Table Extraction</title>
9    <!-- Favicon -->
10    <link rel="icon" type="image/png" href="https://tablextract.online/assets/favicon.png">
11    <link rel="icon" type="image/png" sizes="32x32" href="https://tablextract.online/assets/favicon.png">
12
13    <!-- Apple Touch Icon -->
14    <link rel="apple-touch-icon" sizes="180x180" href="https://tablextract.online/assets/favicon.png">
15    <meta name="description" content="Extract tables from websites for free! Convert website tables to Excel, CSV, JSON or
16    Google Sheets in seconds.">
17
18    <!-- Fonts -->
19    <link rel="preconnect" href="https://fonts.googleapis.com">
20    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
21    <link
22        href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:opsz,[email protected],300;9..40,400;9..40,500;9..40,600&display=swap"
23        rel="stylesheet">
24
25    <!-- Styles -->
26    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
27    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
28
29    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 29-30
29
30    <script async src="https://www.googletagmanager.com/gtag/js?id=
30G-VJ13ZC2TFX
vendor: 16 bytes, lines 30-31
30"></script>
31    
31<script>
32        
vendor: 176 bytes, lines 32-39
32window.dataLayer = window.dataLayer || [];
33
34        function gtag() {
35            dataLayer.push(arguments);
36        }
37        gtag('js', new Date());
38
39        gtag('config', '
39G-VJ13ZC2TFX
vendor: 8 bytes, lines 39-40
39');
40    
40</script>
40
41    
42    <style>
43        /* ═══════════════════════════════════════════════
44           GLOBAL DESIGN TOKENS
45        ═══════════════════════════════════════════════ */
46        :root {
47            --tx-black: #08090a;
48            --tx-ink: #111318;
49            --tx-slate: #3a3d4a;
50            --tx-muted: #6b7080;
51            --tx-border: #e8eaf0;
52            --tx-surface: #f6f7fb;
53            --tx-white: #ffffff;
54
55            --tx-indigo: #4a3fff;
56            --tx-indigo-dk: #3530cc;
57            --tx-violet: #7c3aed;
58            --tx-accent: #00e5a0;
59
60            --tx-nav-h: 68px;
61            --tx-radius-sm: 8px;
62            --tx-radius-md: 14px;
63            --tx-radius-lg: 22px;
64            --tx-radius-xl: 32px;
65
66            --font-display: 'Syne', sans-serif;
67            --font-body: 'DM Sans', sans-serif;
68        }
69
70        *,
71        *::before,
72        *::after {
73            box-sizing: border-box;
74            margin: 0;
75            padding: 0;
76        }
77
78        html {
79            scroll-behavior: smooth;
80        }
81
82        body {
83            font-family: var(--font-body);
84            background: var(--tx-white);
85            color: var(--tx-ink);
86            -webkit-font-smoothing: antialiased;
87        }
88
89        /* ═══════════════════════════════════════════════
90           MAINTENANCE NOTICE BAR
91        ═══════════════════════════════════════════════ */
92        .tx-maintenance-bar {
93            background: #fff3cd;
94            color: #856404;
95            border-bottom: 1px solid #ffeeba;
96            text-align: center;
97            font-size: 0.875rem;
98            font-weight: 600;
99            padding: 0.6rem 1rem;
100            display: flex;
101            align-items: center;
102            justify-content: center;
103            gap: 8px;
104            position: relative;
105            z-index: 1001;
106        }
107
108        .tx-maintenance-bar i {
109            color: #d39e00;
110            font-size: 0.95rem;
111        }
112
113        /* ═══════════════════════════════════════════════
114           NAVBAR
115        ═══════════════════════════════════════════════ */
116        .tx-nav {
117            position: sticky;
118            top: 0;
119            left: 0;
120            right: 0;
121            z-index: 1000;
122            height: var(--tx-nav-h);
123            background: rgba(255, 255, 255, 0.88);
124            backdrop-filter: blur(18px) saturate(160%);
125            -webkit-backdrop-filter: blur(18px) saturate(160%);
126            border-bottom: 1px solid var(--tx-border);
127            display: flex;
128            align-items: center;
129            transition: background 0.3s, box-shadow 0.3s;
130        }
131
132        .tx-nav.scrolled {
133            background: rgba(255, 255, 255, 0.97);
134            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
135        }
136
137        .tx-nav .container {
138            display: flex;
139            align-items: center;
140            justify-content: space-between;
141            width: 100%;
142        }
143
144        /* Logo */
145        .tx-logo {
146            font-family: var(--font-display);
147            font-weight: 800;
148            font-size: 1.45rem;
149            letter-spacing: -0.03em;
150            text-decoration: none;
151            display: flex;
152            align-items: center;
153            gap: 8px;
154            color: var(--tx-ink);
155        }
156
157        .tx-logo .logo-icon {
158            width: 32px;
159            height: 32px;
160            background: linear-gradient(135deg, var(--tx-indigo) 0%, var(--tx-violet) 100%);
161            border-radius: 9px;
162            display: flex;
163            align-items: center;
164            justify-content: center;
165        }
166
167        .tx-logo .logo-icon i {
168            color: #fff;
169            font-size: 0.95rem;
170        }
171
172        .tx-logo span.accent {
173            background: linear-gradient(110deg, var(--tx-indigo), var(--tx-violet));
174            -webkit-background-clip: text;
175            background-clip: text;
176            color: transparent;
177        }
178
179        /* Nav links */
180        .tx-nav-links {
181            display: flex;
182            align-items: center;
183            gap: 0.2rem;
184            list-style: none;
185            margin-bottom: 0;
186        }
187
188        .tx-nav-links a {
189            font-size: 0.9rem;
190            font-weight: 500;
191            color: var(--tx-slate);
192            text-decoration: none;
193            padding: 0.45rem 0.95rem;
194            border-radius: var(--tx-radius-sm);
195            transition: color 0.18s, background 0.18s;
196        }
197
198        .tx-nav-links a:hover,
199        .tx-nav-links a.active {
200            color: var(--tx-indigo);
201            background: rgba(74, 63, 255, 0.06);
202        }
203
204        /* Dropdown */
205        .tx-dropdown {
206            position: relative;
207        }
208
209        .tx-dropdown-toggle {
210            display: flex;
211            align-items: center;
212            gap: 4px;
213            cursor: pointer;
214        }
215
216        .tx-dropdown-toggle i {
217            font-size: 0.7rem;
218            transition: transform 0.2s;
219        }
220
221        .tx-dropdown:hover .tx-dropdown-toggle i {
222            transform: rotate(180deg);
223        }
224
225        .tx-dropdown-menu {
226            position: absolute;
227            top: calc(100% + 0px);
228            left: 50%;
229            transform: translateX(-50%);
230            background: var(--tx-white);
231            border: 1px solid var(--tx-border);
232            border-radius: var(--tx-radius-md);
233            box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.14);
234            min-width: 220px;
235            padding: 0.5rem;
236            opacity: 0;
237            visibility: hidden;
238            pointer-events: none;
239            transition: opacity 0.18s, transform 0.18s;
240            transform: translateX(-50%) translateY(-6px);
241        }
242
243        .tx-dropdown:hover .tx-dropdown-menu {
244            opacity: 1;
245            visibility: visible;
246            pointer-events: auto;
247            transform: translateX(-50%) translateY(0);
248        }
249
250        .tx-dropdown-menu a {
251            display: flex;
252            align-items: center;
253            gap: 10px;
254            padding: 0.6rem 0.85rem;
255            border-radius: var(--tx-radius-sm);
256            font-size: 0.875rem;
257            color: var(--tx-slate);
258            text-decoration: none;
259            transition: background 0.15s, color 0.15s;
260        }
261
262        .tx-dropdown-menu a:hover {
263            background: var(--tx-surface);
264            color: var(--tx-indigo);
265        }
266
267        .tx-dropdown-menu a i {
268            font-size: 1rem;
269            color: var(--tx-muted);
270            width: 20px;
271            text-align: center;
272        }
273
274        /* Nav CTAs */
275        .tx-nav-actions {
276            display: flex;
277            align-items: center;
278            gap: 0.6rem;
279        }
280
281        .btn-tx-ghost {
282            font-family: var(--font-body);
283            font-size: 0.875rem;
284            font-weight: 500;
285            color: var(--tx-slate);
286            background: transparent;
287            border: 1px solid var(--tx-border);
288            border-radius: 40px;
289            padding: 0.5rem 1.2rem;
290            text-decoration: none;
291            transition: border-color 0.18s, color 0.18s, background 0.18s;
292            cursor: pointer;
293        }
294
295        .btn-tx-ghost:hover {
296            color: var(--tx-ink);
297            border-color: #c4c8d6;
298            background: var(--tx-surface);
299        }
300
301        .btn-tx-primary {
302            font-family: var(--font-body);
303            font-size: 0.875rem;
304            font-weight: 600;
305            color: #fff;
306            background: linear-gradient(110deg, var(--tx-indigo) 0%, var(--tx-violet) 100%);
307            border: none;
308            border-radius: 40px;
309            padding: 0.5rem 1.35rem;
310            text-decoration: none;
311            box-shadow: 0 4px 18px -6px rgba(74, 63, 255, 0.5);
312            transition: transform 0.18s, box-shadow 0.18s;
313            cursor: pointer;
314            display: inline-flex;
315            align-items: center;
316            gap: 6px;
317        }
318
319        .btn-tx-primary:hover {
320            color: #fff;
321            transform: translateY(-1px);
322            box-shadow: 0 8px 24px -8px rgba(74, 63, 255, 0.55);
323        }
324
325        .btn-tx-primary:active {
326            transform: scale(0.98);
327        }
328
329        /* Mobile hamburger */
330        .tx-hamburger {
331            display: none;
332            flex-direction: column;
333            justify-content: center;
334            gap: 5px;
335            width: 36px;
336            height: 36px;
337            background: none;
338            border: 1px solid var(--tx-border);
339            border-radius: var(--tx-radius-sm);
340            cursor: pointer;
341            padding: 6px 8px;
342        }
343
344        .tx-hamburger span {
345            display: block;
346            width: 100%;
347            height: 1.5px;
348            background: var(--tx-slate);
349            border-radius: 2px;
350            transition: transform 0.25s, opacity 0.25s;
351        }
352
353        .tx-hamburger.open span:nth-child(1) {
354            transform: translateY(6.5px) rotate(45deg);
355        }
356
357        .tx-hamburger.open span:nth-child(2) {
358            opacity: 0;
359        }
360
361        .tx-hamburger.open span:nth-child(3) {
362            transform: translateY(-6.5px) rotate(-45deg);
363        }
364
365        /* Mobile drawer */
366        .tx-mobile-menu {
367            display: none;
368            position: sticky;
369            top: var(--tx-nav-h);
370            left: 0;
371            right: 0;
372            background: var(--tx-white);
373            border-bottom: 1px solid var(--tx-border);
374            padding: 1rem 1.25rem 1.5rem;
375            z-index: 999;
376            box-shadow: 0 12px 40px -12px rgba(0, 0, 0, 0.12);
377        }
378
379        .tx-mobile-menu.open {
380            display: block;
381        }
382
383        .tx-mobile-menu a {
384            display: block;
385            padding: 0.7rem 0.5rem;
386            font-size: 0.95rem;
387            font-weight: 500;
388            color: var(--tx-slate);
389            text-decoration: none;
390            border-bottom: 1px solid var(--tx-surface);
391        }
392
393        .tx-mobile-menu a:last-of-type {
394            border-bottom: none;
395        }
396
397        .tx-mobile-ctas {
398            display: flex;
399            gap: 0.6rem;
400            margin-top: 1rem;
401        }
402
403        .tx-mobile-ctas .btn-tx-ghost,
404        .tx-mobile-ctas .btn-tx-primary {
405            flex: 1;
406            text-align: center;
407            justify-content: center;
408        }
409
410        @media (max-width: 991px) {
411            .tx-nav-links,
412            .tx-nav-actions {
413                display: none;
414            }
415
416            .tx-hamburger {
417                display: flex;
418            }
419        }
420    </style>
421
422            <style>
423            /* ═══════════════════════════════════════════════════════════════════════
424               LANDING PAGE — PREMIUM LIGHT THEME
425            ═══════════════════════════════════════════════════════════════════════ */
426
427            :root {
428                --tx-primary: #4a3fff;
429                --tx-primary-dark: #3b32cc;
430                --tx-success: #10b981;
431                --tx-warning: #f59e0b;
432                --tx-gray-50: #f8fafc;
433                --tx-gray-100: #f1f5f9;
434                --tx-gray-200: #e2e8f0;
435                --tx-gray-600: #475569;
436                --tx-gray-700: #334155;
437                --tx-gray-800: #1e293b;
438                --tx-gray-900: #0f172a;
439            }
440
441            .hero-gradient-light {
442                background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
443            }
444
445            .free-badge-pulse {
446                animation: pulse 2s infinite;
447            }
448
449            @keyframes pulse {
450                0% {
451                    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
452                }
453
454                70% {
455                    box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
456                }
457
458                100% {
459                    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
460                }
461            }
462
463            .credit-badge {
464                background: #fef3c7;
465                color: #b45309;
466                font-size: 11px;
467                font-weight: 600;
468                padding: 2px 8px;
469                border-radius: 20px;
470                display: inline-flex;
471                align-items: center;
472                gap: 4px;
473            }
474
475            .feature-card {
476                background: white;
477                border-radius: 24px;
478                padding: 32px;
479                transition: all 0.3s ease;
480                border: 1px solid #eef2f6;
481                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
482            }
483
484            .feature-card:hover {
485                transform: translateY(-4px);
486                box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.08);
487                border-color: #e2e8f0;
488            }
489
490            .btn-tx-primary {
491                background: linear-gradient(135deg, #4a3fff, #3b32cc);
492                color: white;
493                border: none;
494                border-radius: 44px;
495                padding: 0.85rem 2rem;
496                font-weight: 600;
497                transition: all 0.2s;
498                display: inline-flex;
499                align-items: center;
500                gap: 8px;
501                text-decoration: none;
502            }
503
504            .btn-tx-primary:hover {
505                transform: translateY(-2px);
506                box-shadow: 0 12px 24px -8px rgba(74, 63, 255, 0.3);
507                color: white;
508            }
509
510            .btn-tx-outline {
511                background: transparent;
512                border: 1px solid #e2e8f0;
513                border-radius: 44px;
514                padding: 0.85rem 2rem;
515                font-weight: 500;
516                color: #334155;
517                text-decoration: none;
518                display: inline-flex;
519                align-items: center;
520                gap: 8px;
521                transition: all 0.2s;
522            }
523
524            .btn-tx-outline:hover {
525                border-color: #4a3fff;
526                color: #4a3fff;
527            }
528
529            .btn-tx-free {
530                background: linear-gradient(135deg, #10b981, #059669);
531                color: white;
532                border: none;
533                border-radius: 44px;
534                padding: 0.85rem 2.2rem;
535                font-weight: 700;
536                text-decoration: none;
537                display: inline-flex;
538                align-items: center;
539                gap: 8px;
540                box-shadow: 0 8px 20px -8px rgba(16, 185, 129, 0.4);
541                transition: transform 0.18s, box-shadow 0.18s;
542            }
543
544            .btn-tx-free:hover {
545                transform: translateY(-2px);
546                box-shadow: 0 14px 28px -10px rgba(16, 185, 129, 0.5);
547                color: white;
548            }
549
550            .pricing-card-current {
551                background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
552                border: 2px solid #10b981;
553                border-radius: 28px;
554                position: relative;
555                overflow: hidden;
556            }
557
558            .pricing-card-future {
559                background: #ffffff;
560                border: 1px solid #e2e8f0;
561                border-radius: 28px;
562                opacity: 0.85;
563                transition: all 0.3s ease;
564            }
565
566            .pricing-card-future:hover {
567                opacity: 1;
568                transform: translateY(-4px);
569                box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
570            }
571
572            .free-badge-corner {
573                position: absolute;
574                top: 20px;
575                right: 20px;
576                background: linear-gradient(135deg, #10b981, #059669);
577                color: white;
578                font-size: 0.7rem;
579                font-weight: 700;
580                padding: 4px 12px;
581                border-radius: 40px;
582                letter-spacing: 0.05em;
583                text-transform: uppercase;
584            }
585
586            .coming-soon-badge {
587                position: absolute;
588                top: -12px;
589                left: 50%;
590                transform: translateX(-50%);
591                background: #e2e8f0;
592                color: #64748b;
593                font-size: 0.7rem;
594                font-weight: 600;
595                padding: 4px 16px;
596                border-radius: 40px;
597                white-space: nowrap;
598            }
599
600            .quota-table {
601                background: #f8fafc;
602                border-radius: 20px;
603                padding: 4px;
604                border: 1px solid #eef2f6;
605            }
606
607            .quota-row {
608                display: flex;
609                justify-content: space-between;
610                align-items: center;
611                padding: 12px 16px;
612                border-bottom: 1px solid #e2e8f0;
613            }
614
615            .quota-row:last-child {
616                border-bottom: none;
617            }
618
619            .quota-label {
620                font-weight: 500;
621                color: #1e293b;
622                font-size: 14px;
623            }
624
625            .quota-value {
626                font-size: 13px;
627                display: flex;
628                align-items: center;
629                gap: 8px;
630            }
631
632            .quota-free {
633                color: #10b981;
634                font-weight: 600;
635            }
636
637            .quota-limited {
638                color: #f59e0b;
639                font-weight: 500;
640            }
641
642            .quota-na {
643                color: #94a3b8;
644            }
645
646            .tooltip-icon {
647                cursor: help;
648                color: #94a3b8;
649                font-size: 12px;
650                margin-left: 4px;
651            }
652
653            @media (max-width: 768px) {
654                .feature-card {
655                    padding: 24px;
656                }
657
658                .quota-row {
659                    flex-direction: column;
660                    align-items: flex-start;
661                    gap: 8px;
662                }
663            }
664        </style>
665        
665<script type="text/javascript" class="flasher-js" nonce='36419b360103a9678c695b7f6780f6a4'>
666        (function(window, document) {
667            const merge = (first, second) => {
668                if (Array.isArray(first) && Array.isArray(second)) {
669                    return [...first, ...second.filter(item => !first.includes(item))];
670                }
671
672                if (typeof first === 'object' && typeof second === 'object') {
673                    for (const [key, value] of Object.entries(second)) {
674                        first[key] = key in first ? { ...first[key], ...value } : value;
675                    }
676                    return first;
677                }
678
679                return undefined;
680            };
681
682            const mergeOptions = (...options) => {
683                const result = {};
684
685                options.forEach(option => {
686                    Object.entries(option).forEach(([key, value]) => {
687                        result[key] = key in result ? merge(result[key], value) : value;
688                    });
689                });
690
691                return result;
692            };
693
694            const renderCallback = (options) => {
695                if(!window.flasher) {
696                    throw new Error('Flasher is not loaded');
697                }
698
699                window.flasher.render(options);
700            };
701
702            const render = (options) => {
703                if (options instanceof Event) {
704                    options = options.detail;
705                }
706
707                if (['interactive', 'complete'].includes(document.readyState)) {
708                    renderCallback(options);
709                } else {
710                    document.addEventListener('DOMContentLoaded', () => renderCallback(options));
711                }
712            };
713
714            const addScriptAndRender = (options) => {
715                const mainScript = "\/vendor\/flasher\/flasher.min.js?id=9a255a6680873c0d5fc3d394a2ba3195";
716
717                if (window.flasher || !mainScript || document.querySelector('script[src="' + mainScript + '"]')) {
718                    render(options);
719                } else {
720                    const tag = document.createElement('script');
721                    tag.src = mainScript;
722                    tag.type = 'text/javascript';
723                    tag.setAttribute('nonce', "36419b360103a9678c695b7f6780f6a4");
724                    tag.onload = () => render(options);
725
726                    document.head.appendChild(tag);
727                }
728            };
729
730            const addRenderListener = () => {
731                if (1 === document.querySelectorAll('script.flasher-js').length) {
732                    document.addEventListener('flasher:render', render);
733                    document.addEventListener('turbo:before-cache', () => {
734                        document.querySelectorAll('.fl-wrapper').forEach(el => el.remove());
735                    });
736                }
737
738                    document.addEventListener('livewire:navigating', () => {
739        document.querySelectorAll('.fl-wrapper').forEach(el => el.remove());
740    });
741            };
742
743            const options = [];
744            options.push({"envelopes":[],"scripts":[],"styles":[],"options":[],"context":{"envelopes_only":false,"csp_script_nonce":"36419b360103a9678c695b7f6780f6a4","csp_style_nonce":"8fbc75d53711ae85168af80676bd524f"}});
745            /** {--FLASHER_REPLACE_ME--} **/
746            addScriptAndRender(mergeOptions(...options));
747            addRenderListener();
748        })(window, document);
749    </script>
749<script type="text/javascript" class="flasher-theme-livewire-js">
750    (function() {
751        window.addEventListener('flasher:theme:click', function(event) {
752            if (typeof Livewire === 'undefined') {
753                return;
754            }
755
756            const { detail } = event;
757            const { envelope } = detail;
758            const context = envelope.context || {};
759
760            if (!context.livewire?.id) {
761                return;
762            }
763
764            const { livewire: { id: componentId } } = context;
765            const component = Livewire.all().find(c => c.id === componentId);
766
767            if (!component) {
768                return;
769            }
770
771            Livewire.dispatchTo(component.name, 'theme:click', { payload: detail });
772
773            // Also dispatch theme-specific event
774            const plugin = envelope.metadata?.plugin || '';
775            let themeName = plugin;
776            if (plugin.startsWith('theme.')) {
777                themeName = plugin.replace('theme.', '');
778            }
779            if (themeName) {
780                Livewire.dispatchTo(component.name, 'theme:' + themeName + ':click', { payload: detail });
781            }
782        }, false);
783    })();
784</script>
784<script type="text/javascript" class="flasher-notyf-livewire-js">
785    (function() {
786        const events = ['flasher:notyf:click', 'flasher:notyf:dismiss'];
787
788        events.forEach(function(eventName) {
789            window.addEventListener(eventName, function(event) {
790                if (typeof Livewire === 'undefined') {
791                    return;
792                }
793
794                const { detail } = event;
795                const { envelope } = detail;
796                const context = envelope.context || {};
797
798                if (!context.livewire?.id) {
799                    return;
800                }
801
802                const { livewire: { id: componentId } } = context;
803                const component = Livewire.all().find(c => c.id === componentId);
804
805                if (!component) {
806                    return;
807                }
808
809                const livewireEventName = eventName.replace('flasher:', '').replace(':', ':');
810                Livewire.dispatchTo(component.name, livewireEventName, { payload: detail });
811            }, false);
812        });
813    })();
814</script>
814
815</head>
816
817<body class="">
818
819    <!-- ════════════════════════════════════
820         MAINTENANCE NOTICE
821    ════════════════════════════════════ -->
822    <div class="tx-maintenance-bar">
823        <i class="fas fa-tools"></i>
824        <span><strong>Notice:</strong> We are currently undergoing scheduled maintenance. Some services may be temporarily unavailable.</span>
825    </div>
826
827    <!-- ════════════════════════════════════
828         PRIMARY NAVIGATION
829    ════════════════════════════════════ -->
830    <nav class="tx-nav" id="txNav">
831        <div class="container">
832
833            
834            <a href="https://tablextract.online" class="tx-logo">
835                <img src="https://tablextract.online/assets/logo.webp" alt="TableXtract Logo" height="70px">
836            </a>
837
838            
839            <ul class="tx-nav-links">
840                <li>
841                    <div class="tx-dropdown">
842                        <a href="#" class="tx-dropdown-toggle">
843                            Product <i class="fas fa-chevron-down"></i>
844                        </a>
845                        <div class="tx-dropdown-menu">
846                            <a href="https://tablextract.online/html-table-extractor">
847                                <i class="fas fa-globe"></i> HTML Table Extractor
848                            </a>
849                            <a href="https://tablextract.online/image-table-extractor">
850                                <i class="fas fa-camera"></i> Image Table Extractor
851                            </a>
852                            <a href="https://tablextract.online/features-pdf">
853                                <i class="fas fa-file-pdf"></i> PDF Table Extractor
854                            </a>
855                        </div>
856                    </div>
857                </li>
858                <li>
859                    <a href="https://tablextract.online/extension" class="">
860                        Extension
861                    </a>
862                </li>
863                <li>
864                    <a href="https://tablextract.online/pricing" class="active">
865                        Pricing
866                    </a>
867                </li>
868                <li>
869                    <a href="https://tablextract.online/docs" class="">
870                        Docs
871                    </a>
872                </li>
873            </ul>
874
875            
876            <div class="tx-nav-actions">
877                                    <a href="https://tablextract.online/login" class="btn-tx-ghost">Log in</a>
878                    <a href="https://tablextract.online/register" class="btn-tx-primary">
879                        Start free <i class="fas fa-arrow-right" style="font-size:0.75rem"></i>
880                    </a>
881                            </div>
882
883            
884            <button class="tx-hamburger" id="txHamburger" aria-label="Toggle navigation">
885                <span></span><span></span><span></span>
886            </button>
887        </div>
888    </nav>
889
890    
891    <div class="tx-mobile-menu" id="txMobileMenu">
892        <a href="https://tablextract.online/html-table-extractor"><i class="fas fa-globe me-2 text-muted"></i> Website Table Extractor</a>
893        <a href="https://tablextract.online/image-table-extractor"><i class="fas fa-file-pdf me-2 text-muted"></i> PDF extraction</a>
894        <a href="https://tablextract.online/features-ocr"><i class="fas fa-camera me-2 text-muted"></i> Image Table Extractor</a>
895        <a href="https://tablextract.online/extension"><i class="fab fa-chrome me-2 text-muted"></i> Extension</a>
896        <a href="https://tablextract.online/docs"><i class="fas fa-book me-2 text-muted"></i> Docs</a>
897        <div class="tx-mobile-ctas">
898                            <a href="https://tablextract.online/login" class="btn-tx-ghost">Log in</a>
899                <a href="https://tablextract.online/register" class="btn-tx-primary">Start free →</a>
900                    </div>
901    </div>
902
903    
903<script>
904        const nav = document.getElementById('txNav');
905        const btn = document.getElementById('txHamburger');
906        const menu = document.getElementById('txMobileMenu');
907
908        window.addEventListener('scroll', () => {
909            nav.classList.toggle('scrolled', window.scrollY > 20);
910        });
911
912        btn.addEventListener('click', () => {
913            btn.classList.toggle('open');
914            menu.classList.toggle('open');
915        });
916    </script>
916
917    
918    <section class="hero-gradient-light" style="padding: 100px 0 80px 0; position: relative; overflow: hidden;">
919        <div class="container" style="max-width: 1280px; margin: 0 auto; padding: 0 24px;">
920            <div style="text-align: center; max-width: 800px; margin: 0 auto;">
921                <div
922                    style="display: inline-flex; align-items: center; gap: 8px; background: rgba(74,63,255,0.08); border: 1px solid rgba(74,63,255,0.12); border-radius: 100px; padding: 6px 16px; margin-bottom: 28px;">
923                    <i class="fas fa-table" style="font-size: 12px; color: #4a3fff;"></i>
924                    <span style="font-size: 13px; font-weight: 600; color: #4a3fff;">AI-Powered Extraction</span>
925                </div>
926
927                <h1
928                    style="font-size: clamp(40px, 6vw, 64px); font-weight: 800; letter-spacing: -0.03em; margin: 0 0 24px 0; background: linear-gradient(135deg, #0f172a 0%, #4a3fff 50%, #8b5cf6 100%); -webkit-background-clip: text; background-clip: text; color: transparent;">
929                    Extract Tables<br>From Any Website
930                </h1>
931
932                <p
933                    style="font-size: 18px; color: #475569; line-height: 1.6; margin-bottom: 32px; max-width: 600px; margin-left: auto; margin-right: auto;">
934                    Convert website tables to Excel, CSV, JSON, or Google Sheets in seconds. <strong
935                        class="free-badge-pulse" style="color: #10b981; display: inline-block; padding: 0 4px;">100%
936                        free</strong> for website extraction.
937                </p>
938
939                <div style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;">
940                    <a href="https://tablextract.online/register" class="btn-tx-primary">
941                        Start extracting free <i class="fas fa-arrow-right"></i>
942                    </a>
943                    <a href="#features" class="btn-tx-outline">
944                        See how it works <i class="fas fa-play"></i>
945                    </a>
946                </div>
947
948                <div style="margin-top: 48px; display: flex; justify-content: center; gap: 32px; flex-wrap: wrap;">
949                    <div style="display: flex; align-items: center; gap: 8px;">
950                        <i class="fas fa-check-circle" style="color: #10b981;"></i>
951                        <span style="font-size: 14px; color: #64748b;">No credit card required</span>
952                    </div>
953                    <div style="display: flex; align-items: center; gap: 8px;">
954                        <i class="fas fa-infinity" style="color: #10b981;"></i>
955                        <span style="font-size: 14px; color: #64748b;">Unlimited website extractions</span>
956                    </div>
957                    <div style="display: flex; align-items: center; gap: 8px;">
958                        <i class="fas fa-download" style="color: #10b981;"></i>
959                        <span style="font-size: 14px; color: #64748b;">Export to Excel, CSV, JSON, Sheets</span>
960                    </div>
961                </div>
962            </div>
963        </div>
964    </section>
965
966    
967    <section style="padding: 60px 0; background: #ffffff;">
968        <div class="container" style="max-width: 1280px; margin: 0 auto; padding: 0 24px;">
969            <div style="text-align: center; margin-bottom: 48px;">
970                <h2 style="font-size: 28px; font-weight: 700; color: #0f172a; margin-bottom: 12px;">Free Plan — What's
971                    Included</h2>
972                <p style="color: #64748b;">Generous free quota for all users. No time limits.</p>
973            </div>
974
975            <div style="max-width: 600px; margin: 0 auto;">
976                <div class="quota-table">
977                    <div class="quota-row">
978                        <div class="quota-label">
979                            🌐 Website Table Extraction
980                            <span class="tooltip-icon" title="Extract tables from any public webpage">
981                                <i class="fas fa-question-circle"></i>
982                            </span>
983                        </div>
984                        <div class="quota-value">
985                            <span class="quota-free">✓ Unlimited & Free</span>
986                        </div>
987                    </div>
988                    <div class="quota-row">
989                        <div class="quota-label">
990                            🖼️ Image Table Extraction
991                            <span class="tooltip-icon" title="Extract tables from JPG, PNG, WebP images using AI OCR">
992                                <i class="fas fa-question-circle"></i>
993                            </span>
994                        </div>
995                        <div class="quota-value">
996                            <span class="quota-limited">🪙 3 credits / day</span>
997                        </div>
998                    </div>
999                    <div class="quota-row">
1000                        <div class="quota-label">
1001                            📄 PDF Table Extraction
1002                            <span class="tooltip-icon" title="Extract tables from PDF documents">
1003                                <i class="fas fa-question-circle"></i>
1004                            </span>
1005                        </div>
1006                        <div class="quota-value">
1007                            <span class="quota-na">❌ Not available in Free plan</span>
1008                        </div>
1009                    </div>
1010                    <div class="quota-row">
1011                        <div class="quota-label">
1012                            📤 Export Options
1013                            <span class="tooltip-icon" title="Download your extracted tables">
1014                                <i class="fas fa-question-circle"></i>
1015                            </span>
1016                        </div>
1017                        <div class="quota-value">
1018                            <span class="quota-free">✓ Excel (.xlsx) · CSV · JSON · Google Sheets</span>
1019                        </div>
1020                    </div>
1021                </div>
1022
1023                <div
1024                    style="margin-top: 32px; background: #f0fdf4; border-radius: 16px; padding: 16px 20px; text-align: center;">
1025                    <p style="margin: 0; font-size: 14px; color: #065f46;">
1026                        <i class="fas fa-gem" style="margin-right: 8px;"></i>
1027                        <strong>Early Access Bonus:</strong> Your free access is permanent — even after we launch paid
1028                        plans.
1029                    </p>
1030                </div>
1031            </div>
1032        </div>
1033    </section>
1034
1035    
1036    <section id="features" style="padding: 80px 0; background: #f8fafc;">
1037        <div class="container" style="max-width: 1280px; margin: 0 auto; padding: 0 24px;">
1038            <div style="text-align: center; margin-bottom: 64px;">
1039                <h2 style="font-size: 32px; font-weight: 700; color: #0f172a; margin-bottom: 16px;">Powerful Features,
1040                    Simple Interface</h2>
1041                <p style="color: #64748b; max-width: 600px; margin: 0 auto;">Everything you need to extract and manage table
1042                    data</p>
1043            </div>
1044
1045            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px;">
1046                
1047                <div class="feature-card">
1048                    <div
1049                        style="width: 48px; height: 48px; background: linear-gradient(135deg, #4a3fff10, #8b5cf610); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
1050                        <i class="fas fa-globe" style="font-size: 24px; color: #4a3fff;"></i>
1051                    </div>
1052                    <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Website Extraction
1053                    </h3>
1054                    <p style="color: #64748b; line-height: 1.6;">Paste any URL — our AI automatically detects and extracts
1055                        all tables. Works with dynamic content and pagination.</p>
1056                    <div style="margin-top: 16px;">
1057                        <span class="credit-badge"><i class="fas fa-infinity"></i> Unlimited & Free</span>
1058                    </div>
1059                </div>
1060
1061                
1062                <div class="feature-card">
1063                    <div
1064                        style="width: 48px; height: 48px; background: linear-gradient(135deg, #10b98110, #05966910); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
1065                        <i class="fas fa-image" style="font-size: 24px; color: #10b981;"></i>
1066                    </div>
1067                    <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Image OCR Extraction
1068                    </h3>
1069                    <p style="color: #64748b; line-height: 1.6;">Upload screenshots or scanned images. Our AI reads tables
1070                        from JPG, PNG, and WebP files.</p>
1071                    <div style="margin-top: 16px;">
1072                        <span class="credit-badge"><i class="fas fa-coins"></i> 3 credits/day</span>
1073                    </div>
1074                </div>
1075
1076                
1077                <div class="feature-card">
1078                    <div
1079                        style="width: 48px; height: 48px; background: linear-gradient(135deg, #f59e0b10, #d9770610); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
1080                        <i class="fas fa-file-excel" style="font-size: 24px; color: #f59e0b;"></i>
1081                    </div>
1082                    <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Multiple Export
1083                        Formats</h3>
1084                    <p style="color: #64748b; line-height: 1.6;">Download as Excel, CSV, JSON, or push directly to Google
1085                        Sheets with one click.</p>
1086                    <div style="margin-top: 16px;">
1087                        <span class="credit-badge"><i class="fas fa-check-circle"></i> All formats included</span>
1088                    </div>
1089                </div>
1090
1091                
1092                <div class="feature-card">
1093                    <div
1094                        style="width: 48px; height: 48px; background: linear-gradient(135deg, #8b5cf610, #7c3aed10); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
1095                        <i class="fab fa-chrome" style="font-size: 24px; color: #8b5cf6;"></i>
1096                    </div>
1097                    <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Chrome Extension
1098                    </h3>
1099                    <p style="color: #64748b; line-height: 1.6;">Extract tables directly from any webpage without leaving
1100                        your browser. One-click capture.</p>
1101                    <div style="margin-top: 16px;">
1102                        <span class="credit-badge"><i class="fas fa-infinity"></i> Free with account</span>
1103                    </div>
1104                </div>
1105
1106                
1107                <div class="feature-card">
1108                    <div
1109                        style="width: 48px; height: 48px; background: linear-gradient(135deg, #ef444410, #dc262610); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
1110                        <i class="fas fa-history" style="font-size: 24px; color: #ef4444;"></i>
1111                    </div>
1112                    <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Extraction History
1113                    </h3>
1114                    <p style="color: #64748b; line-height: 1.6;">All your extractions are saved in your dashboard.
1115                        Re-download anytime.</p>
1116                    <div style="margin-top: 16px;">
1117                        <span class="credit-badge"><i class="fas fa-check-circle"></i> Included</span>
1118                    </div>
1119                </div>
1120
1121                
1122                <div class="feature-card">
1123                    <div
1124                        style="width: 48px; height: 48px; background: linear-gradient(135deg, #06b6d410, #0891b210); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
1125                        <i class="fas fa-robot" style="font-size: 24px; color: #06b6d4;"></i>
1126                    </div>
1127                    <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">AI Smart Detection
1128                    </h3>
1129                    <p style="color: #64748b; line-height: 1.6;">Our AI automatically detects table boundaries, handles
1130                        merged cells, and preserves structure.</p>
1131                    <div style="margin-top: 16px;">
1132                        <span class="credit-badge"><i class="fas fa-check-circle"></i> Included</span>
1133                    </div>
1134                </div>
1135            </div>
1136        </div>
1137    </section>
1138
1139    
1140    <section style="padding: 100px 0; background: #ffffff;">
1141        <div class="container" style="max-width: 1280px; margin: 0 auto; padding: 0 24px;">
1142
1143            <div style="text-align: center; margin-bottom: 64px;">
1144                <div
1145                    style="display: inline-flex; align-items: center; gap: 8px; background: rgba(74,63,255,0.08); border: 1px solid rgba(74,63,255,0.12); border-radius: 100px; padding: 6px 16px; margin-bottom: 24px;">
1146                    <i class="fas fa-gift" style="font-size: 12px; color: #4a3fff;"></i>
1147                    <span style="font-size: 13px; font-weight: 600; color: #4a3fff;">Limited Time</span>
1148                </div>
1149                <h2 style="font-size: 36px; font-weight: 700; color: #0f172a; margin-bottom: 16px;">Start for free — keep
1150                    it forever</h2>
1151                <p style="color: #64748b; font-size: 18px;">Early access members lock in free access. No credit card
1152                    needed.</p>
1153            </div>
1154
1155            <div
1156                style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px; align-items: stretch;">
1157
1158                
1159                <div class="pricing-card-current" style="padding: 40px 32px;">
1160                    <div class="free-badge-corner">
1161                        <i class="fas fa-gem"></i> CURRENTLY FREE
1162                    </div>
1163
1164                    <h3 style="font-size: 28px; font-weight: 700; color: #0f172a; margin-bottom: 8px;">Free</h3>
1165                    <p style="color: #059669; font-weight: 500; margin-bottom: 24px;">Everything you need to start</p>
1166
1167                    <div style="margin-bottom: 32px;">
1168                        <div style="display: flex; align-items: baseline; gap: 4px;">
1169                            <span style="font-size: 56px; font-weight: 800; color: #0f172a;">$0</span>
1170                            <span style="color: #64748b;">/ forever</span>
1171                        </div>
1172                        <p style="font-size: 13px; color: #10b981; margin-top: 8px;">
1173                            <i class="fas fa-infinity"></i> No expiration for early members
1174                        </p>
1175                    </div>
1176
1177                    <a href="https://tablextract.online/register" class="btn-tx-free"
1178                        style="width: 100%; justify-content: center; margin-bottom: 32px;">
1179                        Get started free <i class="fas fa-arrow-right"></i>
1180                    </a>
1181
1182                    <hr style="border-color: #e2e8f0; margin: 24px 0;">
1183
1184                    <div style="display: flex; flex-direction: column; gap: 16px;">
1185                        <div style="display: flex; align-items: center; gap: 12px;">
1186                            <i class="fas fa-check-circle" style="color: #10b981; font-size: 18px;"></i>
1187                            <span>🌐 Unlimited website extraction</span>
1188                        </div>
1189                        <div style="display: flex; align-items: center; gap: 12px;">
1190                            <i class="fas fa-check-circle" style="color: #10b981; font-size: 18px;"></i>
1191                            <span>🖼️ 3 image credits / day</span>
1192                        </div>
1193                        <div style="display: flex; align-items: center; gap: 12px;">
1194                            <i class="fas fa-times-circle" style="color: #cbd5e1; font-size: 18px;"></i>
1195                            <span>📄 PDF extraction</span>
1196                        </div>
1197                        <div style="display: flex; align-items: center; gap: 12px;">
1198                            <i class="fas fa-check-circle" style="color: #10b981; font-size: 18px;"></i>
1199                            <span>📤 Export: Excel, CSV, JSON, Sheets</span>
1200                        </div>
1201                        <div style="display: flex; align-items: center; gap: 12px;">
1202                            <i class="fas fa-check-circle" style="color: #10b981; font-size: 18px;"></i>
1203                            <span>🔌 Chrome extension</span>
1204                        </div>
1205                    </div>
1206                </div>
1207
1208                
1209                <div class="pricing-card-future" style="padding: 40px 32px; position: relative;">
1210                    <div class="coming-soon-badge">COMING SOON</div>
1211
1212                    <h3 style="font-size: 28px; font-weight: 700; color: #94a3b8; margin-bottom: 8px;">Starter</h3>
1213                    <p style="color: #94a3b8; margin-bottom: 24px;">For power users</p>
1214
1215                    <div style="margin-bottom: 32px;">
1216                        <div style="display: flex; align-items: baseline; gap: 4px;">
1217                            <span style="font-size: 56px; font-weight: 800; color: #94a3b8;">$1.59</span>
1218                            <span style="color: #94a3b8;">+ VAT</span>
1219                        </div>
1220                    </div>
1221
1222                    <p style="font-size: 13px; color: #10b981; margin-top: 8px;">
1223                        <i class="fas fa-infinity"></i> Credits no expiration but Ads after 15 days
1224                    </p>
1225
1226                    <button disabled
1227                        style="width: 100%; background: #f1f5f9; color: #94a3b8; border: none; border-radius: 60px; padding: 16px; font-weight: 600; margin-bottom: 32px; cursor: not-allowed;">
1228                        <i class="fas fa-clock"></i> Coming soon
1229                    </button>
1230
1231                    <hr style="border-color: #e2e8f0; margin: 24px 0;">
1232
1233                    <div style="display: flex; flex-direction: column; gap: 16px;">
1234                        <div style="display: flex; align-items: center; gap: 12px;">
1235                            <i class="fas fa-check-circle" style="color: #cbd5e1;"></i>
1236                            <span style="color: #64748b;">Everything in Free, plus:</span>
1237                        </div>
1238
1239                        <div style="display: flex; align-items: center; gap: 12px;">
1240                            <i class="fas fa-file-pdf" style="color: #cbd5e1;"></i>
1241                            <span style="color: #64748b;">PDF to Table Extraction</span>
1242                        </div>
1243
1244                        <div style="display: flex; align-items: center; gap: 12px;">
1245                            <i class="fas fa-coins" style="color: #cbd5e1;"></i>
1246                            <span style="color: #64748b;">50 Credits Included</span>
1247                        </div>
1248
1249                        <div style="display: flex; align-items: center; gap: 12px;">
1250                            <i class="fas fa-bolt" style="color: #cbd5e1;"></i>
1251                            <span style="color: #64748b;">Priority Processing</span>
1252                        </div>
1253
1254                        <div style="display: flex; align-items: center; gap: 12px;">
1255                            <i class="fas fa-download" style="color: #cbd5e1;"></i>
1256                            <span style="color: #64748b;">No Ads (15 days)</span>
1257                        </div>
1258                    </div>
1259                </div>
1260
1261                
1262                <div class="pricing-card-future" style="padding: 40px 32px; position: relative;">
1263                    <div class="coming-soon-badge">COMING SOON</div>
1264
1265                    <h3 style="font-size: 28px; font-weight: 700; color: #94a3b8; margin-bottom: 8px;">Pro</h3>
1266                    <p style="color: #94a3b8; margin-bottom: 24px;">For professionals</p>
1267
1268                    <div style="margin-bottom: 32px;">
1269                        <div style="display: flex; align-items: baseline; gap: 4px;">
1270                            <span style="font-size: 56px; font-weight: 800; color: #94a3b8;">$5.99</span>
1271                            <span style="color: #94a3b8;">+ VAT</span>
1272                        </div>
1273                    </div>
1274                        <p style="font-size: 13px; color: #10b981; margin-top: 8px;">
1275                            <i class="fas fa-infinity"></i> Credits no expiration but Ads after 30 days
1276                        </p>
1277
1278                    <button disabled
1279                        style="width: 100%; background: #f1f5f9; color: #94a3b8; border: none; border-radius: 60px; padding: 16px; font-weight: 600; margin-bottom: 32px; cursor: not-allowed;">
1280                        <i class="fas fa-clock"></i> Coming soon
1281                    </button>
1282
1283                    <hr style="border-color: #e2e8f0; margin: 24px 0;">
1284
1285                    <div style="display: flex; flex-direction: column; gap: 16px;">
1286                        <div style="display: flex; align-items: center; gap: 12px;">
1287                            <i class="fas fa-check-circle" style="color: #cbd5e1;"></i>
1288                            <span style="color: #64748b;">Everything in Free, plus:</span>
1289                        </div>
1290
1291                        <div style="display: flex; align-items: center; gap: 12px;">
1292                            <i class="fas fa-file-pdf" style="color: #cbd5e1;"></i>
1293                            <span style="color: #64748b;">PDF to Table Extraction</span>
1294                        </div>
1295
1296                        <div style="display: flex; align-items: center; gap: 12px;">
1297                            <i class="fas fa-coins" style="color: #cbd5e1;"></i>
1298                            <span style="color: #64748b;">200 Credits Included</span>
1299                        </div>
1300
1301                        <div style="display: flex; align-items: center; gap: 12px;">
1302                            <i class="fas fa-bolt" style="color: #cbd5e1;"></i>
1303                            <span style="color: #64748b;">Priority Processing</span>
1304                        </div>
1305
1306                        <div style="display: flex; align-items: center; gap: 12px;">
1307                            <i class="fas fa-download" style="color: #cbd5e1;"></i>
1308                            <span style="color: #64748b;">No Ads (30 days)</span>
1309                        </div>
1310                    </div>
1311                </div>
1312            </div>
1313
1314            
1315            <div style="max-width: 720px; margin: 64px auto 0 auto;">
1316                <div style="background: #fffbeb; border: 1px solid #fde68a; border-radius: 20px; padding: 20px 28px;">
1317                    <div style="display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;">
1318                        <span style="font-size: 32px;">🎁</span>
1319                        <div>
1320                            <p style="margin: 0 0 4px 0; font-weight: 700; color: #92400e;">Early access benefit</p>
1321                            <p style="margin: 0; font-size: 14px; color: #b45309;">Join now and keep free access forever —
1322                                even after we launch paid plans.</p>
1323                        </div>
1324                        <a href="https://tablextract.online/register"
1325                            style="background: #f59e0b; color: white; padding: 8px 24px; border-radius: 40px; text-decoration: none; font-size: 14px; font-weight: 600; white-space: nowrap;">
1326                            Claim your spot →
1327                        </a>
1328                    </div>
1329                </div>
1330            </div>
1331        </div>
1332    </section>
1333
1334    
1335    <section style="background: linear-gradient(135deg, #0f172a, #1e1b4b); padding: 80px 0; text-align: center;">
1336        <div class="container" style="max-width: 800px; margin: 0 auto; padding: 0 24px;">
1337            <h2 style="font-size: 32px; font-weight: 700; color: white; margin-bottom: 16px;">Ready to extract tables like
1338                a pro?</h2>
1339            <p style="color: #cbd5e1; margin-bottom: 32px; font-size: 18px;">Join thousands of users who save hours of
1340                manual data entry.</p>
1341            <a href="https://tablextract.online/register" class="btn-tx-primary"
1342                style="background: white; color: #4a3fff; box-shadow: none;">
1343                Start extracting free <i class="fas fa-arrow-right"></i>
1344            </a>
1345            <p style="margin-top: 24px; font-size: 13px; color: #64748b;">No credit card · No commitment · Free forever for
1346                early members</p>
1347        </div>
1348    </section>
1349
1350    
1350<script src="https://cdn.paddle.com/paddle/v2/paddle.js"></script>
1350
1351    
1351<script>
1352        document.addEventListener('DOMContentLoaded', function() {
1353            // Initialize Paddle for future Pro plan (currently disabled)
1354            if (typeof Paddle !== 'undefined') {
1355                Paddle.Environment.set("sandbox");
1356                Paddle.Initialize({
1357                    token: "test_d4106cac3ffdabba7cc9b7431db"
1358                });
1359            }
1360
1361            // Pro checkout button (disabled until plan is ready)
1362            const proBtn = document.getElementById('proCheckoutBtn');
1363            if (proBtn) {
1364                proBtn.addEventListener('click', function() {
1365                    if (confirm('The Pro plan is coming soon! Want to join the waitlist?')) {
1366                        // Optional: Add waitlist signup logic
1367                        alert('Thanks! We\'ll notify you when Pro launches.');
1368                    }
1369                });
1370            }
1371        });
1372    </script>
1372
1373
1374<!-- ════════════════════════════════════
1375     GLOBAL FOOTER
1376════════════════════════════════════ -->
1377<style>
1378    /* ─── Footer Design Tokens (inherits from header) ─── */
1379    .tx-footer {
1380        background: #08090a;
1381        color: #a8adb8;
1382        font-family: var(--font-body, 'DM Sans', sans-serif);
1383        -webkit-font-smoothing: antialiased;
1384    }
1385
1386    .tx-footer-top {
1387        padding: 80px 0 60px;
1388        border-bottom: 1px solid rgba(255,255,255,0.07);
1389    }
1390
1391    /* Brand column */
1392    .ft-brand-logo {
1393        font-family: var(--font-display, 'Syne', sans-serif);
1394        font-weight: 800;
1395        font-size: 1.5rem;
1396        letter-spacing: -0.03em;
1397        color: #fff;
1398        text-decoration: none;
1399        display: flex;
1400        align-items: center;
1401        gap: 10px;
1402        margin-bottom: 1.1rem;
1403    }
1404
1405    .ft-brand-logo .logo-icon {
1406        width: 34px; height: 34px;
1407        background: linear-gradient(135deg, #4a3fff 0%, #7c3aed 100%);
1408        border-radius: 10px;
1409        display: flex; align-items: center; justify-content: center;
1410        flex-shrink: 0;
1411    }
1412
1413    .ft-brand-logo .logo-icon i { color: #fff; font-size: 1rem; }
1414
1415    .ft-brand-logo .accent {
1416        background: linear-gradient(110deg, #7b72ff, #c084fc);
1417        -webkit-background-clip: text;
1418        background-clip: text;
1419        color: transparent;
1420    }
1421
1422    .ft-tagline {
1423        font-size: 0.9rem;
1424        color: #6b7080;
1425        line-height: 1.6;
1426        max-width: 240px;
1427        margin-bottom: 1.5rem;
1428    }
1429
1430    /* Social icons */
1431    .ft-social {
1432        display: flex;
1433        gap: 0.6rem;
1434    }
1435
1436    .ft-social a {
1437        width: 36px; height: 36px;
1438        background: rgba(255,255,255,0.05);
1439        border: 1px solid rgba(255,255,255,0.08);
1440        border-radius: 10px;
1441        color: #6b7080;
1442        display: flex;
1443        align-items: center;
1444        justify-content: center;
1445        text-decoration: none;
1446        font-size: 0.95rem;
1447        transition: background 0.18s, color 0.18s, border-color 0.18s;
1448    }
1449
1450    .ft-social a:hover {
1451        background: rgba(74,63,255,0.18);
1452        color: #8b83ff;
1453        border-color: rgba(74,63,255,0.3);
1454    }
1455
1456    /* Link columns */
1457    .ft-col-title {
1458        font-family: var(--font-display, 'Syne', sans-serif);
1459        font-size: 0.75rem;
1460        font-weight: 700;
1461        letter-spacing: 0.1em;
1462        text-transform: uppercase;
1463        color: rgba(255,255,255,0.35);
1464        margin-bottom: 1.1rem;
1465    }
1466
1467    .ft-links {
1468        list-style: none;
1469        padding: 0; margin: 0;
1470    }
1471
1472    .ft-links li { margin-bottom: 0.65rem; }
1473
1474    .ft-links a {
1475        font-size: 0.875rem;
1476        font-weight: 400;
1477        color: #6b7080;
1478        text-decoration: none;
1479        transition: color 0.15s;
1480        display: inline-flex;
1481        align-items: center;
1482        gap: 6px;
1483    }
1484
1485    .ft-links a:hover { color: #ffffff; }
1486
1487    .ft-links .link-badge {
1488        display: inline-block;
1489        font-size: 0.65rem;
1490        font-weight: 700;
1491        letter-spacing: 0.04em;
1492        padding: 2px 7px;
1493        border-radius: 20px;
1494        background: rgba(74,63,255,0.2);
1495        color: #8b83ff;
1496        border: 1px solid rgba(74,63,255,0.25);
1497        line-height: 1.4;
1498    }
1499
1500    /* Newsletter strip */
1501    .ft-newsletter {
1502        background: rgba(255,255,255,0.03);
1503        border: 1px solid rgba(255,255,255,0.07);
1504        border-radius: 18px;
1505        padding: 1.5rem 1.75rem;
1506        display: flex;
1507        align-items: center;
1508        justify-content: space-between;
1509        gap: 1.5rem;
1510        flex-wrap: wrap;
1511    }
1512
1513    .ft-newsletter-text strong {
1514        display: block;
1515        font-size: 0.95rem;
1516        font-weight: 600;
1517        color: #fff;
1518        margin-bottom: 2px;
1519    }
1520
1521    .ft-newsletter-text span {
1522        font-size: 0.82rem;
1523        color: #6b7080;
1524    }
1525
1526    .ft-newsletter-form {
1527        display: flex;
1528        gap: 0.5rem;
1529        flex: 1;
1530        max-width: 360px;
1531        min-width: 220px;
1532    }
1533
1534    .ft-newsletter-form input {
1535        flex: 1;
1536        background: rgba(255,255,255,0.06);
1537        border: 1px solid rgba(255,255,255,0.1);
1538        border-radius: 40px;
1539        padding: 0.55rem 1.1rem;
1540        font-size: 0.875rem;
1541        color: #fff;
1542        outline: none;
1543        transition: border-color 0.18s;
1544        font-family: var(--font-body, 'DM Sans', sans-serif);
1545    }
1546
1547    .ft-newsletter-form input::placeholder { color: #4a5060; }
1548    .ft-newsletter-form input:focus { border-color: rgba(74,63,255,0.5); }
1549
1550    .ft-newsletter-form button {
1551        font-family: var(--font-body, 'DM Sans', sans-serif);
1552        font-size: 0.85rem;
1553        font-weight: 600;
1554        color: #fff;
1555        background: linear-gradient(110deg, #4a3fff 0%, #7c3aed 100%);
1556        border: none;
1557        border-radius: 40px;
1558        padding: 0.55rem 1.25rem;
1559        cursor: pointer;
1560        white-space: nowrap;
1561        transition: opacity 0.18s, transform 0.15s;
1562    }
1563
1564    .ft-newsletter-form button:hover { opacity: 0.88; transform: translateY(-1px); }
1565
1566    /* Bottom bar */
1567    .tx-footer-bottom {
1568        padding: 1.5rem 0;
1569        display: flex;
1570        align-items: center;
1571        justify-content: space-between;
1572        flex-wrap: wrap;
1573        gap: 1rem;
1574    }
1575
1576    .ft-legal {
1577        font-size: 0.8rem;
1578        color: #3f4351;
1579    }
1580
1581    .ft-legal a {
1582        color: #3f4351;
1583        text-decoration: none;
1584        transition: color 0.15s;
1585        margin-left: 1.2rem;
1586    }
1587
1588    .ft-legal a:hover { color: #8b83ff; }
1589
1590    .ft-status {
1591        display: inline-flex;
1592        align-items: center;
1593        gap: 6px;
1594        font-size: 0.78rem;
1595        color: #3f4351;
1596        text-decoration: none;
1597    }
1598
1599    .ft-status-dot {
1600        width: 7px; height: 7px;
1601        background: #00e5a0;
1602        border-radius: 50%;
1603        box-shadow: 0 0 0 3px rgba(0,229,160,0.15);
1604        animation: pulse-dot 2.4s ease-in-out infinite;
1605    }
1606
1607    @keyframes pulse-dot {
1608        0%, 100% { box-shadow: 0 0 0 3px rgba(0,229,160,0.15); }
1609        50%       { box-shadow: 0 0 0 6px rgba(0,229,160,0.0); }
1610    }
1611
1612    @media (max-width: 768px) {
1613        .tx-footer-top { padding: 56px 0 48px; }
1614        .ft-newsletter { flex-direction: column; align-items: flex-start; }
1615        .ft-newsletter-form { max-width: 100%; min-width: unset; width: 100%; }
1616        .tx-footer-bottom { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
1617    }
1618</style>
1619
1620<footer class="tx-footer">
1621    <div class="container">
1622        <div class="tx-footer-top">
1623            <div class="row g-5">
1624
1625                
1626                <div class="col-lg-4 col-md-12">
1627                    <a href="https://tablextract.online" class="ft-brand-logo">
1628                                    <img src="https://tablextract.online/assets/logo.webp"  alt="TableXtract Logo" height="70px !important">
1629
1630                    </a>
1631                    <p class="ft-tagline">AI-powered table intelligence. Extract anywhere, export everywhere.</p>
1632                    <div class="ft-social">
1633                        <a href="#" aria-label="Twitter / X"><i class="fab fa-x-twitter"></i></a>
1634                        <a href="#" aria-label="GitHub"><i class="fab fa-github"></i></a>
1635                        <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
1636                        <a href="#" aria-label="Discord"><i class="fab fa-discord"></i></a>
1637                    </div>
1638                </div>
1639
1640                
1641                <div class="col-lg-2 col-sm-6 col-6">
1642                    <p class="ft-col-title">Product</p>
1643                    <ul class="ft-links">
1644                        <li><a href="https://tablextract.online/features-web">Web extraction</a></li>
1645                        <li>
1646                            <a href="https://tablextract.online/features-pdf">PDF tables</a>
1647                        </li>
1648                        <li><a href="https://tablextract.online/features-ocr">Image OCR</a></li>
1649                        <li>
1650                            <a href="https://tablextract.online/extension">
1651                                Chrome extension
1652                                <span class="link-badge">Free</span>
1653                            </a>
1654                        </li>
1655                        
1656                    </ul>
1657                </div>
1658
1659                
1660                <div class="col-lg-2 col-sm-6 col-6">
1661                    <p class="ft-col-title">Resources</p>
1662                    <ul class="ft-links">
1663                        <li><a href="https://tablextract.online/docs">Documentation</a></li>
1664                        
1665                        <li><a href="https://tablextract.online/changelog">Changelog</a></li>
1666                        
1667                    </ul>
1668                </div>
1669
1670                
1671                <div class="col-lg-2 col-sm-6 col-6">
1672                    <p class="ft-col-title">Company</p>
1673                    <ul class="ft-links">
1674                        <li><a href="https://tablextract.online/about">About</a></li>
1675                        <li><a href="https://tablextract.online/contact">Contact</a></li>
1676                        
1677                        
1678                    </ul>
1679                </div>
1680
1681                
1682                <div class="col-lg-2 col-sm-6 col-6">
1683                    <p class="ft-col-title">Legal</p>
1684                    <ul class="ft-links">
1685                        <li><a href="https://tablextract.online/privacy">Privacy policy</a></li>
1686                        <li><a href="https://tablextract.online/terms">Terms of use</a></li>
1687                        <li><a href="https://tablextract.online/refund">Refund policy</a></li>
1688                        
1689                    </ul>
1690                </div>
1691
1692            </div>
1693
1694            
1695            <div class="ft-newsletter mt-5">
1696                <div class="ft-newsletter-text">
1697                    <strong>Stay in the loop</strong>
1698                    <span>Product updates, tips & no spam.</span>
1699                </div>
1700                
1701            </div>
1702        </div>
1703
1704        
1705        <div class="tx-footer-bottom">
1706            <div class="ft-legal">
1707                © 2026 TableXtract. All rights reserved.
1708                
1709            </div>
1710            <a href="" class="ft-status">
1711                <span class="ft-status-dot"></span>
1712                All systems operational
1713            </a>
1714        </div>
1715    </div>
1716</footer>
1717
1718
1719<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1719
1719
1720<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2bbecc7a461448189bfd9a1689b322bd","r":1,"spa":2}' crossorigin="anonymous"></script>
1720
1721</body>
1722</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.