File size: 2,202 Bytes
005833b 6d09a0b 005833b | 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 | "use client";
import Link from "next/link";
export function CTASection() {
return (
<section style={{
background: "linear-gradient(135deg, #002B49 0%, #003D6B 50%, #002B49 100%)",
padding: "96px 0",
position: "relative",
overflow: "hidden",
}}>
{/* Decorative circles */}
<div style={{
position: "absolute", top: "-100px", right: "-100px",
width: "400px", height: "400px", borderRadius: "50%",
border: "1px solid rgba(255,107,0,0.1)",
}} />
<div style={{
position: "absolute", bottom: "-60px", left: "-60px",
width: "300px", height: "300px", borderRadius: "50%",
border: "1px solid rgba(255,107,0,0.08)",
}} />
<div className="container text-center" style={{ position: "relative" }}>
<div className="badge mb-6" style={{ background: "rgba(255,107,0,0.15)", color: "#FF6B00", fontSize: "0.75rem" }}>
Ready to explore?
</div>
<h2 style={{
fontFamily: "var(--font-serif)",
fontSize: "clamp(2rem, 4vw, 3.5rem)",
fontWeight: 400,
color: "white",
letterSpacing: "-1px",
lineHeight: 1.1,
marginBottom: "24px",
}}>
See the difference<br />graphs make
</h2>
<p style={{
fontSize: "1.125rem", color: "rgba(255,255,255,0.6)",
maxWidth: "480px", margin: "0 auto 40px",
lineHeight: 1.6,
}}>
Run a live comparison across all 3 pipelines — LLM-Only, Basic RAG, and GraphRAG.
Measure tokens, cost, LLM-Judge accuracy, and BERTScore — all in your browser.
</p>
<div className="flex flex-wrap gap-4 justify-center">
<Link href="/playground" className="btn btn-primary btn-lg no-underline">
Launch Playground →
</Link>
<a
href="https://github.com/MUTHUKUMARAN-K-1/graphrag-inference-hackathon"
target="_blank"
rel="noopener noreferrer"
className="btn btn-on-dark btn-lg no-underline"
>
⭐ Star on GitHub
</a>
</div>
</div>
</section>
);
}
|