81 lines
3.2 KiB
TypeScript
81 lines
3.2 KiB
TypeScript
import { Card } from "@/components/ui/card"
|
|
import { Button } from "@/components/ui/button"
|
|
import { BookOpen, Database, LineChart, Code2 } from "lucide-react"
|
|
import Link from "next/link"
|
|
|
|
export function LibrarySection() {
|
|
const features = [
|
|
{
|
|
icon: Database,
|
|
title: "Data Loading",
|
|
description: "Easy data loading from Dune dashboards for analyzing existing bonding curves deployed on-chain.",
|
|
},
|
|
{
|
|
icon: LineChart,
|
|
title: "Interactive Models",
|
|
description: "Collection of bonding curve models with interactive parameterization and visualization dashboards.",
|
|
},
|
|
{
|
|
icon: Code2,
|
|
title: "Python Library",
|
|
description: 'Open source Python library "conding" for modeling, simulation, and analysis of bonding curves.',
|
|
},
|
|
{
|
|
icon: BookOpen,
|
|
title: "Documentation",
|
|
description: "Comprehensive guides and documentation to help you understand and implement bonding curves.",
|
|
},
|
|
]
|
|
|
|
return (
|
|
<section id="library" className="py-20 px-4 sm:px-6 lg:px-8 bg-muted/30">
|
|
<div className="max-w-7xl mx-auto">
|
|
<div className="max-w-2xl mb-16">
|
|
<h2 className="text-4xl md:text-5xl font-bold mb-6 text-balance">BCRG Library</h2>
|
|
<p className="text-lg text-muted-foreground leading-relaxed text-pretty">
|
|
A comprehensive toolkit for exploring the design space of bonding curves, producing re-usable tooling as
|
|
infrastructure for future research and practical implementations.
|
|
</p>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-12">
|
|
{features.map((feature, index) => (
|
|
<Card key={index} className="p-6">
|
|
<div className="flex items-start gap-4">
|
|
<div className="p-2 rounded-lg bg-accent/10">
|
|
<feature.icon className="h-6 w-6 text-accent" />
|
|
</div>
|
|
<div>
|
|
<h3 className="text-xl font-semibold mb-2">{feature.title}</h3>
|
|
<p className="text-muted-foreground leading-relaxed">{feature.description}</p>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
))}
|
|
</div>
|
|
|
|
<Card className="p-8 bg-card border-2">
|
|
<div className="flex flex-col md:flex-row items-center justify-between gap-6">
|
|
<div className="flex-1">
|
|
<h3 className="text-2xl font-bold mb-3">Get Started with the Library</h3>
|
|
<p className="text-muted-foreground leading-relaxed mb-4">
|
|
Access our comprehensive documentation and tutorials to start modeling and analyzing bonding curves
|
|
today.
|
|
</p>
|
|
<code className="block bg-muted px-4 py-2 rounded text-sm font-mono">pip install conding</code>
|
|
</div>
|
|
<Button asChild size="lg" className="bg-primary hover:bg-primary/90">
|
|
<Link
|
|
href="https://bonding-curve-research-group.gitbook.io/bonding-curve-research-group-library"
|
|
target="_blank"
|
|
>
|
|
View Documentation
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</Card>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|