<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Professional equipment and integrated solutions for hospitality and foodservice.">

        <title>Start International | Complete Kitchen. Complete Confidence.</title>

        <link rel="preload" as="font" href="http://127.0.0.1:8011/build/assets/instrument-sans-400-normal-DRC__1Mx.woff2" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" as="font" href="http://127.0.0.1:8011/build/assets/instrument-sans-500-normal-Dk9ku72i.woff2" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" as="font" href="http://127.0.0.1:8011/build/assets/instrument-sans-600-normal-B7fBEWYG.woff2" type="font/woff2" crossorigin="anonymous" />
<style>
@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/build/assets/instrument-sans-400-normal-DRC__1Mx.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/build/assets/instrument-sans-400-normal-D1W7dsQl.woff") format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/build/assets/instrument-sans-500-normal-Dk9ku72i.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/build/assets/instrument-sans-500-normal-Z6ESRlEs.woff") format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/build/assets/instrument-sans-600-normal-B7fBEWYG.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/build/assets/instrument-sans-600-normal-B9e8oLYv.woff") format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  --font-instrument-sans: "Instrument Sans";
}

.font-instrument-sans {
  font-family: var(--font-instrument-sans);
}
</style>        <link rel="preload" as="style" href="http://127.0.0.1:8011/build/assets/app-D8zcW3KO.css" /><link rel="modulepreload" as="script" href="http://127.0.0.1:8011/build/assets/app-Dzj2jpii.js" /><link rel="stylesheet" href="http://127.0.0.1:8011/build/assets/app-D8zcW3KO.css" /><script type="module" src="http://127.0.0.1:8011/build/assets/app-Dzj2jpii.js"></script>    <script id="browser-logger-active">
(function() {
    const ENDPOINT = 'http://127.0.0.1:8011/_boost/browser-logs';
    const logQueue = [];
    let flushTimeout = null;
    const captureTypes = ["error","warning","info","log","debug","table"];

    console.log('🔍 Browser logger active (MCP server detected). Posting to: ' + ENDPOINT);

    // Store original console methods
    const originalConsole = {
        log: console.log,
        debug: console.debug,
        info: console.info,
        error: console.error,
        warn: console.warn,
        table: console.table
    };

    // Walk own enumerable keys so JSON.stringify cannot auto-invoke a proxy fake toJSON (e.g. Livewire's `$wire`) and fire a real request.
    function toSafeValue(value, seen) {
        if (value === null || typeof value !== 'object') {
            return value;
        }
        if (value instanceof Error) {
            return { name: value.name, message: value.message, stack: value.stack };
        }
        // Date has no own enumerable keys, so the walk below would collapse it to {}.
        if (value instanceof Date) {
            return value.toISOString();
        }
        if (seen.has(value)) {
            return '[Circular]';
        }
        seen.add(value);
        if (Array.isArray(value)) {
            return value.map((item) => toSafeValue(item, seen));
        }
        const plain = {};
        for (const key of Object.keys(value)) {
            if (key === 'toJSON') continue;
            try {
                plain[key] = toSafeValue(value[key], seen);
            } catch (e) {
                plain[key] = '[Unreadable]';
            }
        }
        return plain;
    }

    // Helper to safely stringify values
    function safeStringify(obj) {
        return JSON.stringify(toSafeValue(obj, new WeakSet()));
    }

    // Normalize log type for consistency (e.g., 'warn' to 'warning')
    function normalizeType(type) {
        return type === 'warn' ? 'warning' : type;
    }

    // Determine if a log type should be captured based on configured levels
    function shouldCapture(type) {
        return captureTypes.includes(normalizeType(type));
    }

    // Batch and send logs
    function flushLogs() {
        if (logQueue.length === 0) return;

        const batch = logQueue.splice(0, logQueue.length);

        fetch(ENDPOINT, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-Requested-With': 'XMLHttpRequest'
            },
            body: JSON.stringify({ logs: batch })
        }).catch(err => {
            // Silently fail to avoid infinite loops
            originalConsole.error('Failed to send logs:', err);
        });
    }

    // Debounced flush (100ms)
    function scheduleFlush() {
        if (flushTimeout) clearTimeout(flushTimeout);
        flushTimeout = setTimeout(flushLogs, 100);
    }

    // Intercept console methods
    ['log', 'debug', 'info', 'error', 'warn', 'table'].forEach(method => {
        console[method] = function(...args) {
            // Call original method
            originalConsole[method].apply(console, args);

            // Capture log data
            try {
                if (!shouldCapture(method)) {
                    return;
                }

                logQueue.push({
                    type: method,
                    timestamp: new Date().toISOString(),
                    data: args.map(arg => {
                        try {
                            return typeof arg === 'object' ? JSON.parse(safeStringify(arg)) : arg;
                        } catch (e) {
                            return String(arg);
                        }
                    }),
                    url: window.location.href,
                    userAgent: navigator.userAgent
                });

                scheduleFlush();
            } catch (e) {
                // Fail silently
            }
        };
    });

    // Global error handlers for uncaught errors
    const originalOnError = window.onerror;
    window.onerror = function boostErrorHandler(errorMsg, url, lineNumber, colNumber, error) {
        try {
            if (shouldCapture('error')) {
                logQueue.push({
                    type: 'uncaught_error',
                    timestamp: new Date().toISOString(),
                    data: [{
                        message: errorMsg,
                        filename: url,
                        lineno: lineNumber,
                        colno: colNumber,
                        error: error ? {
                            name: error.name,
                            message: error.message,
                            stack: error.stack
                        } : null
                    }],
                    url: window.location.href,
                    userAgent: navigator.userAgent
                });

                scheduleFlush();
            }

        } catch (e) {
            // Fail silently
        }

        // Call original handler if it exists
        if (originalOnError && typeof originalOnError === 'function') {
            return originalOnError(errorMsg, url, lineNumber, colNumber, error);
        }

        // Let the error continue to propagate
        return false;
    }
    window.addEventListener('error', (event) => {
        try {
            if (!shouldCapture('error')) {
                return false;
            }

            logQueue.push({
                type: 'window_error',
                timestamp: new Date().toISOString(),
                data: [{
                    message: event.message,
                    filename: event.filename,
                    lineno: event.lineno,
                    colno: event.colno,
                    error: event.error ? {
                        name: event.error.name,
                        message: event.error.message,
                        stack: event.error.stack
                    } : null
                }],
                url: window.location.href,
                userAgent: navigator.userAgent
            });

            scheduleFlush();
        } catch (e) {
            // Fail silently
        }

        // Let the error continue to propagate
        return false;
    });
    window.addEventListener('unhandledrejection', (event) => {
        try {
            if (!shouldCapture('error')) {
                return false;
            }

            logQueue.push({
                type: 'error',
                timestamp: new Date().toISOString(),
                data: [{
                    message: 'Unhandled Promise Rejection',
                    reason: toSafeValue(event.reason, new WeakSet())
                }],
                url: window.location.href,
                userAgent: navigator.userAgent
            });

            scheduleFlush();
        } catch (e) {
            // Fail silently
        }

        // Let the rejection continue to propagate
        return false;
    });

    // Flush on page unload
    window.addEventListener('beforeunload', () => {
        if (logQueue.length > 0) {
            navigator.sendBeacon(ENDPOINT, JSON.stringify({ logs: logQueue }));
        }
    });
})();
</script>
</head>
    <body class="min-h-screen bg-white font-sans text-[#071B49] antialiased selection:bg-[#075FE5]/20">
        <header
    class="fixed inset-x-0 top-0 z-50 border-b border-transparent bg-transparent text-[#071B49] transition-[background-color,border-color,box-shadow] duration-300"
    data-site-header
    data-header-state="transparent"
>
    <div class="flex h-20 items-center justify-between gap-4 px-5 sm:px-8 lg:h-24 lg:px-12 xl:px-16">
        <a
            class="shrink-0 rounded-sm focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5]"
            href="/"
            aria-label="Start International home"
        >
            <img
                class="h-auto w-32 sm:w-36 lg:w-40"
                src="http://127.0.0.1:8011/media/logo.png"
                alt="Start International"
                width="200"
                height="97"
            >
        </a>

        <div class="flex min-w-0 items-center justify-end gap-3 sm:gap-4 lg:gap-5">
            <nav
                class="hidden items-center gap-4 xl:gap-6"
                data-desktop-navigation
                aria-label="Primary navigation"
            >
                                    <a
                        class="whitespace-nowrap text-xs font-medium transition-colors hover:text-[#075FE5] focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5] xl:text-sm"
                        href="/"
                    >
                        Home
                    </a>
                                    <a
                        class="whitespace-nowrap text-xs font-medium transition-colors hover:text-[#075FE5] focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5] xl:text-sm"
                        href="/#about-us"
                    >
                        About Us
                    </a>
                                    <a
                        class="whitespace-nowrap text-xs font-medium transition-colors hover:text-[#075FE5] focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5] xl:text-sm"
                        href="/#products"
                    >
                        Products
                    </a>
                                    <a
                        class="whitespace-nowrap text-xs font-medium transition-colors hover:text-[#075FE5] focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5] xl:text-sm"
                        href="/#careers"
                    >
                        Careers
                    </a>
                                    <a
                        class="whitespace-nowrap text-xs font-medium transition-colors hover:text-[#075FE5] focus-visible:rounded-sm focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5] xl:text-sm"
                        href="/#contact-us"
                    >
                        Contact Us
                    </a>
                            </nav>

            <div class="hidden items-center gap-1 text-xs font-medium sm:flex" aria-label="Language">
                <span aria-current="true">EN</span>
                <span class="text-[#071B49]/35" aria-hidden="true">/</span>
                <span class="text-[#071B49]/45" aria-disabled="true">AR</span>
            </div>

            <span class="hidden h-6 w-px bg-[#071B49]/20 sm:block" aria-hidden="true"></span>

            <a
                class="hidden min-h-11 items-center justify-center rounded-full border border-[#071B49] px-5 text-xs font-semibold transition-colors hover:bg-[#071B49] hover:text-white focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#075FE5] sm:inline-flex"
                href="/#contact-us"
            >
                Get a Quote
            </a>

            <button
                class="inline-flex min-h-11 items-center gap-3 rounded-sm px-1 text-xs font-semibold focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5] sm:text-sm"
                type="button"
                data-menu-open
                aria-controls="site-menu"
                aria-expanded="false"
            >
                <span>Menu</span>
                <span class="relative block h-4 w-6" aria-hidden="true">
                    <span class="absolute left-0 top-1 block h-px w-6 bg-current"></span>
                    <span class="absolute bottom-1 left-0 block h-px w-6 bg-current"></span>
                </span>
            </button>
        </div>
    </div>
</header>

<div
    class="invisible fixed inset-0 z-[60] bg-[#071B49]/25 opacity-0 backdrop-blur-[2px] transition-[opacity,visibility] duration-300"
    data-menu-backdrop
    aria-hidden="true"
></div>

<aside
    class="fixed inset-y-0 right-0 z-[70] flex w-full max-w-[28rem] translate-x-full flex-col overflow-y-auto bg-white px-6 py-6 text-[#071B49] shadow-[-24px_0_70px_rgba(7,27,73,0.12)] transition-transform duration-300 ease-out sm:px-10 sm:py-8"
    id="site-menu"
    data-menu-drawer
    role="dialog"
    aria-modal="true"
    aria-labelledby="site-menu-title"
    aria-hidden="true"
    inert
>
    <div class="flex items-center justify-between gap-6">
        <img
            class="h-auto w-32"
            src="http://127.0.0.1:8011/media/logo.png"
            alt="Start International"
            width="200"
            height="97"
        >

        <button
            class="inline-flex size-11 items-center justify-center rounded-full border border-[#071B49]/20 transition-colors hover:border-[#071B49] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#075FE5]"
            type="button"
            data-menu-close
            aria-label="Close menu"
        >
            <svg class="size-5" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                <path d="M5 5L19 19M19 5L5 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
            </svg>
        </button>
    </div>

    <h2 class="sr-only" id="site-menu-title">Site navigation</h2>

    <nav class="mt-16 flex flex-col" aria-label="Menu navigation">
                    <a
                class="border-b border-[#071B49]/10 py-4 text-[clamp(1.75rem,7vw,2.125rem)] font-medium leading-tight tracking-[-0.03em] transition-colors hover:text-[#075FE5] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5]"
                href="/"
                data-menu-link
            >
                Home
            </a>
                    <a
                class="border-b border-[#071B49]/10 py-4 text-[clamp(1.75rem,7vw,2.125rem)] font-medium leading-tight tracking-[-0.03em] transition-colors hover:text-[#075FE5] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5]"
                href="/#about-us"
                data-menu-link
            >
                About Us
            </a>
                    <a
                class="border-b border-[#071B49]/10 py-4 text-[clamp(1.75rem,7vw,2.125rem)] font-medium leading-tight tracking-[-0.03em] transition-colors hover:text-[#075FE5] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5]"
                href="/#products"
                data-menu-link
            >
                Products
            </a>
                    <a
                class="border-b border-[#071B49]/10 py-4 text-[clamp(1.75rem,7vw,2.125rem)] font-medium leading-tight tracking-[-0.03em] transition-colors hover:text-[#075FE5] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5]"
                href="/#careers"
                data-menu-link
            >
                Careers
            </a>
                    <a
                class="border-b border-[#071B49]/10 py-4 text-[clamp(1.75rem,7vw,2.125rem)] font-medium leading-tight tracking-[-0.03em] transition-colors hover:text-[#075FE5] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#075FE5]"
                href="/#contact-us"
                data-menu-link
            >
                Contact Us
            </a>
            </nav>

    <div class="mt-auto flex flex-col gap-6 pt-12">
        <div class="flex items-center gap-2 text-sm font-medium" aria-label="Language">
            <span aria-current="true">EN</span>
            <span class="text-[#071B49]/35" aria-hidden="true">/</span>
            <span class="text-[#071B49]/45" aria-disabled="true">AR</span>
        </div>

        <a
            class="inline-flex min-h-12 items-center justify-center rounded-full bg-[#075FE5] px-6 text-sm font-semibold text-white transition-colors hover:bg-[#071B49] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#075FE5]"
            href="/#contact-us"
            data-menu-link
        >
            Get a Quote
        </a>
    </div>
</aside>

        <main data-page-content>
            <section
                class="relative h-[var(--hero-scroll-height)] bg-[#F4FAFF] motion-reduce:h-svh"
                style="--hero-scroll-height: 500svh"
                data-scroll-video
            >
                <div class="sticky top-0 isolate h-svh overflow-hidden bg-[#F4FAFF]">
                    <video
                        class="absolute inset-0 h-full w-full object-cover object-[68%_center] sm:object-[62%_center] lg:object-[58%_center]"
                        data-scroll-video-media
                        data-scroll-video-src="http://127.0.0.1:8011/media/start-international-brand.mp4"
                        muted
                        playsinline
                        preload="none"
                        disablepictureinpicture
                        aria-hidden="true"
                    ></video>

                    <div
                        class="pointer-events-none absolute inset-y-0 left-0 z-10 w-full bg-[linear-gradient(90deg,rgba(255,255,255,0.94)_0%,rgba(255,255,255,0.72)_38%,rgba(255,255,255,0)_100%)] sm:w-[78%] lg:w-[62%] xl:w-[58%]"
                        aria-hidden="true"
                    ></div>

                    <div class="absolute inset-x-0 top-0 z-20 px-5 pt-[clamp(8.5rem,24svh,15rem)] sm:px-8 lg:px-12 xl:px-16">
                        <div class="max-w-[42rem]">
                            <h1 class="text-[clamp(2.25rem,5.2vw,4rem)] font-semibold leading-[1.06] tracking-[-0.045em] text-[#071B49]">
                                                                    <span class="block">Complete Kitchen.</span>
                                                                    <span class="block">Complete Confidence.</span>
                                                            </h1>

                            <p class="mt-4 max-w-[32rem] text-[clamp(1rem,1.35vw,1.25rem)] leading-[1.5] text-[#142A56]">
                                                                    <span class="block">Professional equipment and integrated solutions</span>
                                                                    <span class="block">for hospitality and foodservice.</span>
                                                            </p>
                        </div>
                    </div>

                    <div class="absolute bottom-7 left-5 z-20 flex flex-col items-start gap-2 text-xs font-medium text-[#071B49] motion-reduce:hidden sm:left-8 lg:bottom-10 lg:left-12 lg:text-sm xl:left-16">
                        <span>Scroll to explore</span>
                        <svg class="h-8 w-5" viewBox="0 0 20 32" fill="none" aria-hidden="true">
                            <path d="M10 1V29M4.5 23.5L10 29L15.5 23.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </div>
                </div>
            </section>
        </main>
    </body>
</html>
