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:T11c4,"use client"; import { AppleIcon } from "@/components/icons/apple-icon"; import { GithubIcon } from "@/components/icons/github-icon"; import { GoogleIcon } from "@/components/icons/google-icon"; import { Logo } from "@/components/logo"; import { Button } from "@/components/ui/button"; import { InputGroup, InputGroupAddon, InputGroupInput, } from "@/components/ui/input-group"; import { AuthDivider } from "@/components/auth-divider"; import { FloatingPaths } from "@/components/floating-paths"; export function AuthPage() { return (

“This Platform has helped me to save time and serve my clients faster than ever before.”

~ Ali Hassan

{/* Top Shades */}

Sign In or Join Now!

By clicking continue, you agree to our{" "} Terms of Service {" "} and{" "} Privacy Policy .

); } 51:Tb4e,import type { CSSProperties } from "react"; const PATH_COUNT = 36; /** * Decorative flowing lines. * * Two rendering rules keep this cheap in every engine: * * 1. CSS keyframes, not a JS animation loop. The old motion/react version wrote * 3 attributes to 72 paths on every frame, so any other repaint on the page * (hover, focus, scroll) collided with it and the frame flickered. * 2. Never animate `opacity` on an SVG child. Chrome has to render every * translucent SVG element into its own offscreen transparency group the * size of the element's bounds — here 72 near-full-column buffers per * frame — which is what made Chrome flicker while Safari was fine. * `stroke-opacity` is just alpha in the stroke paint, so we animate that. */ export function FloatingPaths({ position }: { position: number }) { const paths = Array.from({ length: PATH_COUNT }, (_, i) => ({ id: i, d: `M-${380 - i * 5 * position} -${189 + i * 6}C-${ 380 - i * 5 * position } -${189 + i * 6} -${312 - i * 5 * position} ${216 - i * 6} ${ 152 - i * 5 * position } ${343 - i * 6}C${616 - i * 5 * position} ${470 - i * 6} ${ 684 - i * 5 * position } ${875 - i * 6} ${684 - i * 5 * position} ${875 - i * 6}`, width: 0.5 + i * 0.03, // Peak stroke alpha; was `strokeOpacity * animated opacity` before. opacity: (0.06 + i * 0.018).toFixed(3), // Deterministic timing so SSR, hydration and re-renders agree. duration: 20 + (i % 6) * 2, delay: -(i * 0.7), })); return ( // `isolate` + `contain-strict` keep the per-frame stroke repaints from // invalidating anything outside this box.

); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@efferd","registryDependencies":["@efferd/logo","@efferd/auth-divider","@efferd/apple-icon","@efferd/github-icon","@efferd/google-icon","button","input-group"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/auth/5/index.tsx","content":"$50","type":"registry:component","target":"~/components/auth-page.tsx"},{"path":"registry/blocks/auth/5/floating-paths.tsx","content":"$51","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]