8af6e89675
- Introduce new content block variants (Content, Content2, Content3, Content4, Content5, Content6) - Replace WebP images with PNG for better compatibility and performance - Update content page to include all new content block components - Add reference links to NSUI design system for each content block - Enhance content sections with responsive layouts and modern design patterns
33 lines
1.4 KiB
TypeScript
33 lines
1.4 KiB
TypeScript
import { Button } from '@/components/ui/button'
|
|
import { ChevronRight } from 'lucide-react'
|
|
import Link from 'next/link'
|
|
|
|
/**
|
|
* https://nsui.irung.me/content-3
|
|
*
|
|
* pnpm dlx shadcn@canary add https://nsui.irung.me/r/content-3.json
|
|
*/
|
|
export default function Content3() {
|
|
return (
|
|
<section className="py-16">
|
|
<div className="mx-auto max-w-5xl space-y-8 px-6 md:space-y-12">
|
|
<img className="rounded-(--radius) grayscale" src="https://images.unsplash.com/photo-1530099486328-e021101a494a?q=80&w=2747&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="team image" height="" width="" loading="lazy" />
|
|
|
|
<div className="grid gap-6 md:grid-cols-2 md:gap-12">
|
|
<h2 className="text-4xl font-medium">The Lyra ecosystem brings together our models, products and platforms.</h2>
|
|
<div className="space-y-6">
|
|
<p>Lyra is evolving to be more than just the models. It supports an entire ecosystem — from products to the APIs and platforms helping developers and businesses innovate.</p>
|
|
|
|
<Button asChild variant="secondary" size="sm" className="gap-1 pr-1.5">
|
|
<Link href="#">
|
|
<span>Learn More</span>
|
|
<ChevronRight className="size-2" />
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|