File size: 3,677 Bytes
d8904bf f4447b9 d8904bf f4447b9 d8904bf f4447b9 d8904bf c51e9c9 f4447b9 d8904bf f4447b9 d8904bf f4447b9 d8904bf f4447b9 d8904bf c51e9c9 d8904bf f4447b9 d8904bf c51e9c9 d8904bf f4447b9 d8904bf f4447b9 d8904bf | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 | "use client";
import Link from "next/link";
export function Footer() {
return (
<footer style={{ background: "var(--color-surface-dark)", color: "var(--color-on-dark-soft)", padding: "80px 0 32px" }}>
<div className="container">
<div className="grid grid-cols-1 md:grid-cols-4 gap-12 mb-16">
<div>
<div className="flex items-center gap-2 mb-4">
<img src="/tg-logo.webp" alt="TigerGraph" width={28} height={28} style={{ objectFit: "contain" }} />
<span className="title-lg" style={{ color: "var(--color-on-dark)" }}>
Graph<span style={{ color: "#FF6B00" }}>RAG</span>
</span>
</div>
<p className="body-sm" style={{ color: "var(--color-on-dark-soft)", maxWidth: "280px", lineHeight: 1.6 }}>
Proving that graphs make LLM inference faster, cheaper, and smarter — with real measured numbers.
</p>
</div>
<div>
<div className="caption-uppercase mb-4" style={{ color: "var(--color-on-dark)" }}>Pages</div>
{[
{ label: "Home", href: "/" },
{ label: "Playground", href: "/playground" },
{ label: "Benchmarks", href: "/benchmarks" },
{ label: "Graph Explorer", href: "/explorer" },
{ label: "Architecture", href: "/architecture" },
{ label: "Documentation", href: "/docs" },
].map((item) => (
<Link key={item.href} href={item.href}
className="body-sm block mb-2 hover:text-tiger-orange transition-colors no-underline"
style={{ color: "var(--color-on-dark-soft)" }}>
{item.label}
</Link>
))}
</div>
<div>
<div className="caption-uppercase mb-4" style={{ color: "var(--color-on-dark)" }}>Architecture</div>
{["Graph Layer (TigerGraph)", "Orchestration Layer", "LLM Layer (12 Providers)", "Evaluation Layer (RAGAS)"].map((item) => (
<div key={item} className="body-sm mb-2" style={{ color: "var(--color-on-dark-soft)" }}>{item}</div>
))}
</div>
<div>
<div className="caption-uppercase mb-4" style={{ color: "var(--color-on-dark)" }}>References</div>
{[
{ label: "GraphRAG Paper", href: "https://arxiv.org/abs/2404.16130" },
{ label: "LightRAG Paper", href: "https://arxiv.org/abs/2410.05779" },
{ label: "TigerGraph Cloud", href: "https://tgcloud.io" },
{ label: "Wikipedia Science", href: "https://en.wikipedia.org" },
].map((link) => (
<a key={link.label} href={link.href} target="_blank" rel="noopener noreferrer"
className="body-sm block mb-2 hover:underline no-underline" style={{ color: "#FF6B00" }}>
{link.label} ↗
</a>
))}
</div>
</div>
<div style={{ borderTop: "1px solid rgba(255,255,255,0.08)", paddingTop: "24px" }}
className="flex flex-col md:flex-row justify-between items-center gap-4">
<span className="body-sm" style={{ color: "var(--color-on-dark-soft)" }}>
© 2025 GraphRAG Inference Hackathon · Built with TigerGraph
</span>
<div className="flex items-center gap-3">
<span className="badge" style={{ background: "var(--color-surface-dark-elev)", color: "var(--color-on-dark-soft)", fontSize: "0.6875rem" }}>
Built with ❤️ for TigerGraph
</span>
</div>
</div>
</div>
</footer>
);
}
|