Lanyards is a dedicated profile for researchers, built on the AT Protocol.
1import Link from 'next/link';
2
3export default function Home() {
4 return (
5 <main className="flex min-h-screen flex-col items-center justify-center p-6 bg-gradient-to-b from-white to-gray-50">
6 <div className="max-w-2xl w-full text-center">
7 <h1 className="text-5xl font-bold mb-4 bg-gradient-to-r from-blue-600 to-blue-800 bg-clip-text text-transparent">
8 Lanyard
9 </h1>
10 <p className="text-xl text-gray-700 mb-2">
11 Your Researcher Profile on the AT Protocol
12 </p>
13 <p className="text-lg text-gray-600 mb-8">
14 An alternative to ORCID for the decentralized web
15 </p>
16
17 <div className="flex flex-col sm:flex-row gap-4 justify-center mb-12">
18 <Link
19 href="/auth"
20 className="bg-blue-600 text-white py-3 px-8 rounded-lg font-medium hover:bg-blue-700 transition-colors"
21 >
22 Get Started
23 </Link>
24 <Link
25 href="/auth"
26 className="bg-white border-2 border-gray-300 text-gray-700 py-3 px-8 rounded-lg font-medium hover:border-gray-400 transition-colors"
27 >
28 Sign In
29 </Link>
30 </div>
31
32 <div className="grid md:grid-cols-2 gap-6 text-left">
33 <div className="bg-white p-6 rounded-lg shadow-sm">
34 <h3 className="font-semibold text-lg mb-2">Mobile-First Design</h3>
35 <p className="text-gray-600 text-sm">
36 Share your profile easily at conferences with QR code support and
37 optimized mobile display.
38 </p>
39 </div>
40 <div className="bg-white p-6 rounded-lg shadow-sm">
41 <h3 className="font-semibold text-lg mb-2">Built on AT Protocol</h3>
42 <p className="text-gray-600 text-sm">
43 Your data is stored on the AT Protocol, giving you true ownership
44 and portability.
45 </p>
46 </div>
47 <div className="bg-white p-6 rounded-lg shadow-sm">
48 <h3 className="font-semibold text-lg mb-2">Comprehensive Profile</h3>
49 <p className="text-gray-600 text-sm">
50 Manage affiliations, publications, events, and social networks all
51 in one place.
52 </p>
53 </div>
54 <div className="bg-white p-6 rounded-lg shadow-sm">
55 <h3 className="font-semibold text-lg mb-2">DOI Integration</h3>
56 <p className="text-gray-600 text-sm">
57 Add publications by DOI and automatically fetch metadata from
58 CrossRef.
59 </p>
60 </div>
61 </div>
62 </div>
63 </main>
64 );
65}