4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T55f5,import { cn } from "@/lib/utils"; import type React from "react"; import { CobeGlobe } from "@/components/cobe-globe"; const features = [ { id: "setup", children: , className: "md:col-span-2", }, { id: "user-based-security", children: , className: "md:col-span-2", }, { id: "reports", children: , className: "sm:col-span-2 md:col-span-2", }, { id: "dashboard", children: , className: "sm:col-span-2 md:col-span-3 p-0", }, { id: "presence", children: , className: "sm:col-span-2 md:col-span-3 p-0", }, ]; export function FeatureSection() { return (

{features.map((feature) => ( {feature.children} ))}

); } function FeatureCard({ children, className, }: { children: React.ReactNode; className?: string; }) { return (

{children}

); } function FeatureTitle({ className, ...props }: React.ComponentProps<"h3">) { return (

); } function FeatureDescription({ className, ...props }: React.ComponentProps<"p">) { return (
); } function SetupVisual() { return ( <>

2 Minutes Setup Get your company's Account up and running in under 2 minutes.
); } function UserBasedSecurity() { return ( <>

User-Based Security Grant specific permissions to users based on their roles and responsibilities.
); } function ReportsVisual() { return ( <>

4.5%

Reports & Analytics Get detailed insights and analytics to make data-driven decisions
); } function DashboardVisual() { return (

Sleek & Intuitive Design Manage & scale your business effortlessly using our user-friendly interface.

{/* Dashboard Screen */}

); } function PresenceVisual() { return (

Access Anytime, Anywhere Stay connected to your business no matter where you are, with our cloud-based access.

); } function CustomLockIcon(props: React.ComponentProps<"svg">) { return ( ); } function CustomTimerIcon(props: React.ComponentProps<"svg">) { return ( ); } function ReportsChartsSvg(props: React.ComponentProps<"svg">) { return ( ); } 51:T684,"use client"; import createGlobe from "cobe"; import { useEffect, useRef } from "react"; export function CobeGlobe({ ...props }: React.ComponentProps<"canvas">) { const canvasRef = useRef(null); useEffect(() => { const canvas = canvasRef.current; if (!canvas) { return; } let globe: ReturnType | null = null; let rafId = 0; let phi = 0; const init = () => { const side = canvas.offsetWidth; if (side === 0 || globe) { return; } const dpr = Math.min(window.devicePixelRatio || 1, 2); globe = createGlobe(canvas, { devicePixelRatio: dpr, width: side, height: side, phi: 0, theta: 0, dark: 1, diffuse: 1.2, mapSamples: 16_000, mapBrightness: 6, baseColor: [0.3, 0.3, 0.3], markerColor: [0.1, 0.8, 1], glowColor: [1, 1, 1], markers: [ { location: [37.7595, -122.4367], size: 0.03 }, { location: [40.7128, -74.006], size: 0.1 }, ], }); const loop = () => { globe?.update({ phi }); phi += 0.008; rafId = requestAnimationFrame(loop); }; loop(); }; let ro: ResizeObserver | null = null; if (canvas.offsetWidth > 0) { init(); } else { ro = new ResizeObserver((entries) => { if ( entries[0]?.contentRect.width && entries[0]?.contentRect.width > 0 ) { ro?.disconnect(); ro = null; init(); } }); ro.observe(canvas); } return () => { ro?.disconnect(); cancelAnimationFrame(rafId); globe?.destroy(); }; }, []); return (