"use client";
import { useState, useEffect } from "react";
import Link from "next/link";
import { cn } from "@/lib/utils";
const Icons = {
Telegram: () => (
),
Youtube: () => (
),
Discord: () => (
),
X: () => (
),
Instagram: () => (
),
};
export const socialLinks = [
{
name: "Telegram",
href: "https://t.me/netrunner_vpn_official",
icon: Icons.Telegram,
color: "text-[#0088cc]",
glow: "dark:drop-shadow-[0_0_8px_rgba(0,136,204,0.8)]",
bgGlow: "bg-[#0088cc]",
},
{
name: "YouTube",
href: "https://www.youtube.com/@netrunnerVPN",
icon: Icons.Youtube,
color: "text-[#ff0000]",
glow: "dark:drop-shadow-[0_0_8px_rgba(255,0,0,0.8)]",
bgGlow: "bg-[#ff0000]",
},
{
name: "Discord",
href: "https://discord.gg/tZPXWRG9wr",
icon: Icons.Discord,
color: "text-[#5865F2]",
glow: "dark:drop-shadow-[0_0_8px_rgba(88,101,242,0.8)]",
bgGlow: "bg-[#5865F2]",
},
{
name: "X",
href: "https://x.com/netrunner_vpn",
icon: Icons.X,
color: "text-foreground",
glow: "dark:drop-shadow-[0_0_8px_rgba(255,255,255,0.5)]",
bgGlow: "bg-white",
},
{
name: "Instagram",
href: "https://www.instagram.com/netrunner_vpn",
icon: Icons.Instagram,
color: "text-[#E1306C]",
glow: "dark:drop-shadow-[0_0_8px_rgba(225,48,108,0.8)]",
bgGlow: "bg-[#E1306C]",
},
];
// Имитация неонового мерцания: в случайные моменты времени иконка на короткий
// промежуток резко тускнеет, а затем возвращается к полной непрозрачности —
// создаёт эффект "барахлящей неоновой вывески" в стиле киберпанк-темы проекта.
export const FlickeringSocialIcon = ({ social }: { social: any }) => {
const [opacity, setOpacity] = useState(1);
useEffect(() => {
let timeoutId: NodeJS.Timeout;
const flicker = () => {
if (Math.random() > 0.6) {
setOpacity(Math.random() * 0.5 + 0.1);
setTimeout(() => setOpacity(1), Math.random() * 120 + 30);
}
timeoutId = setTimeout(flicker, Math.random() * 6000 + 1000);
};
timeoutId = setTimeout(flicker, Math.random() * 3000);
return () => clearTimeout(timeoutId);
}, []);
return (
);
};