// SkyTabPage.jsx — Dedicated SkyTab POS page
window.useInView = window.useInView || ((threshold = 0.15) => {
const ref = React.useRef(null);
const [inView, setInView] = React.useState(false);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
const obs = new IntersectionObserver(([e]) => {
if (e.isIntersecting) { setInView(true); obs.disconnect(); }
}, { threshold });
obs.observe(el);
return () => obs.disconnect();
}, []);
return [ref, inView];
});
const SkyTabPage = () => {
const [scrolled, setScrolled] = React.useState(false);
const [activeFeature, setActiveFeature] = React.useState(0);
const [formData, setFormData] = React.useState({ name: '', business: '', email: '', phone: '', notes: '' });
const [submitted, setSubmitted] = React.useState(false);
React.useEffect(() => {
const h = () => setScrolled(window.scrollY > 40);
window.addEventListener('scroll', h);
return () => window.removeEventListener('scroll', h);
}, []);
const [introRef, introIn] = window.useInView(0.1);
const [whyRef, whyIn] = window.useInView(0.1);
const [featRef, featIn] = window.useInView(0.08);
const [hwRef, hwIn] = window.useInView(0.1);
const [diffRef, diffIn] = window.useInView(0.1);
const [processRef, processIn] = window.useInView(0.1);
const [faqRef, faqIn] = window.useInView(0.1);
const [ctaRef, ctaIn] = window.useInView(0.2);
const navLinks = [
{ label: 'Line Cleaning', href: 'index.html#line-cleaning' },
{ label: 'Why It Matters', href: 'index.html#why-it-matters' },
{ label: 'Service Area', href: 'index.html#service-area' },
{ label: 'SkyTab POS', href: 'skytab.html' },
{ label: 'All Services', href: 'services.html' },
];
// Big benefits
const bigBenefits = [
{ num: '#1', label: "Canada's fastest-growing\nrestaurant POS" },
{ num: '24/7', label: 'Live, in-house\ncustomer support' },
{ num: '0%', label: 'Setup costs\non qualifying plans' },
{ num: '20+', label: 'Integrations including\nDoorDash & Uber Eats' },
];
// Feature tabs
const features = [
{
tag: 'Front of House',
title: 'Lightning-fast service that keeps lines moving',
body: 'Take orders, split checks, fire to the kitchen and process payments without ever leaving the table. SkyTab handhelds and terminals are built for the pace of real restaurants.',
points: ['Tableside ordering & payments', 'Tipping built into checkout', 'Offline mode — never miss a sale', 'EMV, contactless & mobile wallets'],
},
{
tag: 'Kitchen',
title: 'Tickets land where they need to, when they need to',
body: 'Smart routing sends orders to the right station automatically. KDS displays cut paper waste, prep timers keep tickets honest, and modifiers print exactly the way the line expects them.',
points: ['Multi-station ticket routing', 'Real-time prep timers', 'Color-coded modifier alerts', 'Course firing & coursing controls'],
},
{
tag: 'Online Ordering',
title: 'Direct online orders — without commission fees',
body: 'Your own branded ordering page that flows straight into your POS. No third-party tablet juggle. Plus deep integrations with DoorDash, Uber Eats and SkipTheDishes when you do want them.',
points: ['Branded online ordering site', 'Direct-to-POS order flow', 'Delivery service integrations', 'QR code menu & order-at-table'],
},
{
tag: 'Reporting & Insights',
title: 'Know your numbers in real time, from anywhere',
body: 'Live sales dashboards, labour costs vs. sales, top-performing menu items, server performance — pull it up on your phone before you walk in.',
points: ['Live mobile dashboards', 'Labour-to-sales ratios', 'Menu engineering reports', 'Daily / weekly email summaries'],
},
{
tag: 'Loyalty & Marketing',
title: 'Turn one-time guests into regulars',
body: 'Built-in loyalty, gift cards, and email marketing. Capture customer data automatically at checkout and send the right offer to the right person at the right time.',
points: ['Built-in loyalty rewards', 'Digital gift cards', 'Email & SMS marketing', 'Automated guest segmentation'],
},
];
// Hardware
const hardware = [
{ name: 'SkyTab Terminal', body: '14" countertop POS with built-in payment processing.', icon: () },
{ name: 'SkyTab Handheld', body: 'Tableside ordering and payments in your server\'s pocket.', icon: () },
{ name: 'Kitchen Display', body: 'Bump tickets, fire courses, and ditch the printer paper.', icon: () },
{ name: 'Self-Order Kiosk', body: 'Quick-service self-checkout — perfect for QSR & cafés.', icon: () },
{ name: 'Receipt Printer', body: 'Thermal printer for receipts and chits, kitchen-grade.', icon: () },
{ name: 'Cash Drawer', body: 'Heavy-duty drawer that opens directly from the terminal.', icon: () },
];
// Differentiators — why us, not anyone else
const differentiators = [
{
title: 'Restaurant-First Setup',
body: 'Tap Estate brings 20+ years behind the bar. Your menu gets built the way servers actually use it — not the way a generic installer assumes.',
icon: (),
},
{
title: 'On-Site Training',
body: 'Tap Estate walks your team through the system in person. Owners, managers, servers — everyone leaves shift one knowing exactly what to do.',
icon: (),
},
{
title: 'Local Point of Contact',
body: 'When something needs attention, the call goes to Tap Estate — not an offshore call centre. Local technician, local relationship, local accountability.',
icon: (),
},
{
title: 'Bundled with Tap Estate',
body: 'Combine SkyTab with line cleaning, AI inventory, and staff training — one relationship, one invoice, real cost savings.',
icon: (),
},
];
const process = [
{ num: '01', title: 'Free Consult', body: 'Walk Tap Estate through your venue, your current setup, and your pain points. 30 minutes, zero obligation.' },
{ num: '02', title: 'Custom Build', body: 'Tap Estate configures your menu, modifiers, table layout, payment processor, and integrations to match how you actually operate.' },
{ num: '03', title: 'On-Site Install', body: 'Hardware delivered and installed. Tap Estate is there in person to make sure it all comes online clean.' },
{ num: '04', title: 'Hands-On Training', body: 'Full walkthrough for your team. Every role. Every workflow. Tap Estate doesn\'t leave until everyone\'s confident.' },
{ num: '05', title: 'Ongoing Support', body: 'Local point of contact for questions, tweaks, new staff training, and 24/7 SkyTab back-end support.' },
];
const faqs = [
{ q: 'How does pricing work?', a: 'SkyTab offers competitive monthly software fees with industry-low payment processing rates. Many plans include free hardware. Tap Estate builds a custom quote during your free consult — no obligation.' },
{ q: 'How long does setup take?', a: 'Most installs are fully operational within 2–3 weeks of your custom-build session. Larger venues with multiple terminals or complex menus may take a bit longer.' },
{ q: 'Will it work with my existing payment processor?', a: 'SkyTab is designed to work seamlessly with its built-in processing for the best rates and reliability — but Tap Estate can discuss your specific situation during the consult.' },
{ q: 'What about my current POS data?', a: 'Tap Estate helps you migrate menu items, customer data, and reporting history wherever possible. Part of the install conversation.' },
{ q: "Why go through Tap Estate instead of SkyTab directly?", a: "You get the same SkyTab system — but with a local Cicerone-certified hospitality pro handling setup, training, and support. No call centres. No generic installs. And bundling discounts when paired with our other services." },
];
const handleSubmit = (e) => { e.preventDefault(); setSubmitted(true); };
return (