"use client" import { ChevronDown } from "lucide-react" import Link from "next/link" import { useState } from "react" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" import { Lato } from "next/font/google" const lato = Lato({ subsets: ["latin"], weight: ["100", "300", "400", "700", "900"], }) const languages = [ { code: "cs", name: "Čeština" }, { code: "da", name: "Dansk" }, { code: "de", name: "Deutsch" }, { code: "en", name: "English" }, { code: "ko", name: "한국어" }, { code: "zh-CN", name: "中文" }, { code: "zh-TW", name: "中文(繁體)" }, { code: "ja", name: "日本語" }, ] interface FooterLink { label: string; href: string; } interface FooterLinkColumnProps { title: string; links: FooterLink[]; } function FooterLinkColumn({ title, links }: FooterLinkColumnProps) { return (

{title}

{link.label}

); } const footerLinks = { product: [ { label: "Download", href: "#" }, { label: "Nitro", href: "#" }, { label: "Status", href: "#" }, { label: "App Directory", href: "#" }, { label: "Mobile Experience", href: "#" }, ], company: [ { label: "About", href: "#" }, { label: "Jobs", href: "#" }, { label: "Brand", href: "#" }, { label: "Newsroom", href: "#" }, ], resources: [ { label: "College", href: "#" }, { label: "Support", href: "#" }, { label: "Safety", href: "#" }, { label: "Blog", href: "#" }, { label: "StreamKit", href: "#" }, { label: "Creators", href: "#" }, { label: "Community", href: "#" }, { label: "Developers", href: "#" }, { label: "Gaming", href: "#" }, { label: "Quests", href: "#" }, { label: "Official 3rd Party Merch", href: "#" }, { label: "Feedback", href: "#" }, ], policies: [ { label: "Terms", href: "#" }, { label: "Privacy", href: "#" }, { label: "Cookie Settings", href: "#" }, { label: "Guidelines", href: "#" }, { label: "Acknowledgements", href: "#" }, { label: "Licenses", href: "#" }, { label: "Company Information", href: "#" }, ], } const socialLinks = [ { label: "Twitter", href: "#", icon: ( ) }, { label: "Instagram", href: "#", icon: ( ) }, { label: "Facebook", href: "#", icon: ( ) }, { label: "YouTube", href: "#", icon: ( ) }, { label: "TikTok", href: "#", icon: ( ) }, ] export default function DiscordFooter() { const [selectedLanguage, setSelectedLanguage] = useState(languages.find(lang => lang.code === "en") || languages[0]) return ( ) }

Discord Footer