import { useState, useEffect, useRef, useCallback } from "react"; // ============================================================ // LatencyLab — Full site recreation (Paragon Tweaks style) // ============================================================ // --- SVG Logo Component --- const Logo = ({ size = 48, className = "" }) => ( ); // --- Icon components --- const ChevronIcon = () => ( ); const GaugeIcon = () => ( ); const TimerIcon = () => ( ); const ShieldIcon = () => ( ); const PlusIcon = ({ rotated }) => ( ); const ArrowUpRight = () => ( ); // --- useInView hook --- function useInView(threshold = 0.2) { const ref = useRef(null); const [visible, setVisible] = useState(false); useEffect(() => { const el = ref.current; if (!el) return; const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setVisible(true); obs.disconnect(); } }, { threshold }); obs.observe(el); return () => obs.disconnect(); }, [threshold]); return [ref, visible]; } // --- Navbar --- function Navbar({ activeSection }) { const [scrolled, setScrolled] = useState(false); const [mobileOpen, setMobileOpen] = useState(false); useEffect(() => { const h = () => setScrolled(window.scrollY > 40); window.addEventListener("scroll", h, { passive: true }); return () => window.removeEventListener("scroll", h); }, []); const tabs = ["Home", "Services", "Utilities", "About", "Partners", "Contact"]; const scrollTo = (id) => { setMobileOpen(false); const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: "smooth" }); }; return ( <> {mobileOpen && (
{tabs.map(t => ( ))}
)} ); } // --- Hero / Jumbotron --- function Hero() { const [loaded, setLoaded] = useState(false); const [logoState, setLogoState] = useState("initial"); useEffect(() => { const t1 = setTimeout(() => setLoaded(true), 100); const t2 = setTimeout(() => { setLogoState("transitioning"); setTimeout(() => setLogoState("final"), 800); }, 500); return () => { clearTimeout(t1); clearTimeout(t2); }; }, []); const stats = [ { value: "50K+", label: "PCs Optimized" }, { value: "99%", label: "Satisfaction" }, { value: "20+", label: "Years Exp." }, ]; return (
LATENCY LAB

Max Performance. Zero Lag.

ULTIMATE GAMING OPTIMIZATION

Struggling with low FPS, stuttering, or input lag? We optimize your PC for{" "} peak speed, stability, and responsiveness{" "} so you can focus on winning.

{stats.map((s, i) => (
{s.value} {s.label}
))}
); } // --- Social Proof Divider --- function SocialProof() { return (

Powering competitive gamers everywhere

Experience pro level PC optimization from the team behind top esports players.

); } // --- Brands Carousel --- function Brands() { const [ref, visible] = useInView(0.3); const brands = ["Fortnite", "Apex Legends", "Marvel Rivals", "Valorant", "100 Thieves", "FaZe Clan", "NRG", "Luminosity", "Envy", "Sentinels", "Heretics"]; return (
RECOGNIZED AND TRUSTED BY THE BEST
{[...brands, ...brands, ...brands].map((b, i) => (
{b}
))}
); } // --- Feature Section (Why Choose Us) --- function FeatureSection() { const [ref, visible] = useInView(0.2); const features = [ { icon: , title: "Higher FPS", desc: "Unlock your hardware's true potential with optimized settings" }, { icon: , title: "Lower Latency", desc: "Reduce input delay for pixel perfect precision" }, { icon: , title: "System Stability", desc: "Rock solid performance without crashes or stutters" }, ]; return (
060120240+
WHY CHOOSE US

Your Skills Deserve the Fastest PC.

Optimize. Accelerate. Dominate.

At LatencyLab, we optimize PCs for peak performance, resolving issues such as{" "} low FPS, high ping, and system lag. Our expert tuning enhances speed, stability, and{" "} network efficiency, providing gamers with a competitive edge.

{features.map((f, i) => (
{f.icon}
{f.title} {f.desc}
))}
); } // --- Precision Section (Milliseconds Matter) --- function PrecisionSection() { const [ref, visible] = useInView(0.2); const metrics = [ { value: "-40%", label: "Input Latency", desc: "Reduction" }, { value: "+60%", label: "Frame Rate", desc: "Improvement" }, { value: "0", label: "Packet Loss", desc: "Target" }, ]; return (
PRECISION OPTIMIZATION

Milliseconds Matter

We Make Them Count

Unlike generic services, we go beyond basic tweaks, utilizing advanced techniques such as{" "} latency reduction, input lag minimization, and{" "} network packet optimization to give you the competitive edge.

Our expert tuning of CPU, GPU, RAM, and networking ensures{" "} higher FPS, lower input delay, and{" "} ultra smooth gameplay.

{metrics.map((m, i) => (
{m.value}
{m.label} {m.desc}
))}
{Array.from({ length: 64 }).map((_, i) => (
))}
); } // --- PTU Promo --- function PtuPromo() { return (
{[85, 92, 78, 95, 88, 72, 96].map((v, i) => (
))}
LATENCYLAB TWEAKING UTILITY

Optimize Your System

Industry leading PC optimization built by professionals. Unlock real, measurable performance gains.

One-on-One Tailored Services

Personalized optimization sessions with our expert technicians.

); } // --- How It Works --- function HowItWorks() { const [ref, visible] = useInView(0.15); const steps = [ { title: "Submit Request", desc: "Submit your Tweak Request through our online form", num: "01" }, { title: "Get Scheduled", desc: "Answer questions and get scheduled with a PC Specialist", num: "02" }, { title: "Watch the Magic", desc: "Connect with AnyDesk and watch your PC get tweaked in real time!", num: "03" }, ]; return (
THE PROCESS

How Does It Work?

Three simple steps to unlock your PC's full potential

{steps.map((s, i) => (
{s.num}

{s.title}

{s.desc}

))}

No commitment required. Free consultation available.

); } // --- Services Section --- function Services() { const categories = { Tweaking: { color: "#B2181B", services: [ { name: "Elite", price: "$60", badge: "Most Popular", features: ["Advanced Debloating", "Custom GPU Drivers", "Power Limit Adjustments", "Full BIOS Tweaks", "Custom Nvidia Settings"] }, { name: "PC Checkup", price: "$25", features: ["Fix Updated Windows", "Restore GPU Drivers", "Fix Interfering Tweaks"] }, ] }, Overclocking: { color: "#b418e7", services: [ { name: "OC Bundle", price: "$125", badge: "Save $15!", features: ["CPU Overclocking", "RAM Tuning", "GPU Overclock", "Stability Optimization"] }, { name: "RAM Overclock", price: "$65", features: ["Frequency Enhancement", "Optimized Timings", "Stability Assurance"] }, { name: "CPU Overclock", price: "$45", features: ["Targeted CPU Boost", "Thermal Management", "System Responsiveness"] }, { name: "GPU Overclock", price: "$30", features: ["Core & Memory OC", "Voltage & Power Limits", "Thermal Efficiency"] }, ] }, Networking: { color: "#e6a800", services: [ { name: "Network Consultation", price: "$85", features: ["Equipment Recommendations", "Guided Setup", "Traffic Prioritization", "VPN/VLAN Optimization"] }, ] }, Streaming: { color: "#0ef20d", services: [ { name: "Stream Setup", price: "$35", features: ["Encoder Optimization", "Audio Setup", "Music from VOD Removal", "Mixer Setup"] }, { name: "Dual PC Setup", price: "$80", features: ["Encoder Optimization", "Advanced Mixer", "Dual PC Audio Routing", "Capture Card Setup"] }, ] }, }; const [activeCategory, setActiveCategory] = useState("Tweaking"); return (
OUR SERVICES

Professional Optimization

Choose the service that fits your needs

{Object.keys(categories).map(cat => ( ))}
{categories[activeCategory].services.map((svc, i) => (
{svc.badge &&
{svc.badge}
}

{svc.name}

{svc.price}
    {svc.features.map((f, j) => (
  • ✓ {f}
    • ))}
))}
); } // --- Testimonials Carousel --- function Testimonials() { const testimonials = [ { author: "SG Sway", handle: "@swaywtw", text: "SHOUTOUT @LatencyLab FOR THE PC TWEAK GAME FEELS CRAZY", time: "Dec 24, 2024" }, { author: "Liquid Sikezz", handle: "@sSikezz", text: "Shoutout @LatencyLab for optimizing my pc and getting me a consistent 300 FPS", time: "Jun 20, 2024" }, { author: "XSET Muz", handle: "@MuzFN", text: "Been on LatencyLab tweaks for 6 months and my game feels better than ever", time: "Dec 19, 2025" }, { author: "ENVY zap", handle: "@zaptohh", text: "Preciate @LatencyLab for optimizing my pc, if you want your game feeling insane hit them up", time: "Mar 18, 2024" }, { author: "Deyy", handle: "@DeyyFN", text: "thanks @LatencyLab for the tweak game feels way better", time: "Jan 27, 2024" }, { author: "Manu", handle: "@ManuA12TV", text: "Shoutout @LatencyLab fixed my PC goat as always", time: "Feb 22, 2025" }, { author: "CRT phony", handle: "@Phonyfps", text: "This team @LatencyLab helped me fix my constant freeze issue", time: "Dec 14, 2023" }, { author: "SR Xynew", handle: "@Xynew_", text: "shoutout @LatencyLab for making my pc run extremely smooth and giving me constant 240 fps", time: "Jan 14, 2024" }, { author: "benjyfishy", handle: "@benjyfishy", text: "🐐", time: "Mar 20, 2025" }, { author: "Stunner", handle: "@StunnerFPS", text: "Night and day difference after LatencyLab worked on our PCs. Thank you!", time: "Jan 18, 2026" }, ]; return (
{[...testimonials, ...testimonials, ...testimonials].map((t, i) => (
{t.author[0]}
{t.author} ✓ {t.handle}

{t.text}

{t.time}
))}
); } // --- FAQ --- function FAQ() { const [openIdx, setOpenIdx] = useState(null); const faqs = [ { q: "How do I request a service?", a: "Click the Book Now button above, or the Services section in the navigation bar. There you can read all about our services and book one now!" }, { q: "What information do I need to share?", a: "You'll need to provide your system specs, including peripherals and OS details for us to prepare for your individual system." }, { q: "How can your optimization services improve my gaming performance?", a: "By reducing latency, increasing FPS, and optimizing network settings for the best possible response times." }, { q: "Do you offer ongoing maintenance and support?", a: "Yes, we provide follow up support to ensure continued performance improvement." }, { q: "How long does the process take?", a: "Service times vary, but our Foundation service takes around 30 minutes, while our Elite service takes approximately 1 hour." }, ]; return (
SUPPORT

Frequently Asked Questions

Everything you need to know about our services

{faqs.map((f, i) => (
{f.a}
))}

Still have questions?

Join our Discord
); } // --- Footer --- function Footer() { const year = new Date().getFullYear(); return ( ); } // ============================================================ // Main App // ============================================================ export default function LatencyLab() { return ( <>