Skip to content

Commit 74d48e7

Browse files
mythzmythz
committed
Add Gemini + new cards
1 parent 2a20a48 commit 74d48e7

File tree

1 file changed

+131
-5
lines changed

1 file changed

+131
-5
lines changed

‎app/(home)/page.tsx‎

Lines changed: 131 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import { screenshotScreens } from './screenshot-screens';
88
import { TabbedImages } from './tabbed-images';
99
import { LightboxImage } from './lightbox-image';
1010
import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
11-
import { Star, Sparkles, Zap, Code2, Image as ImageIcon, Music, Calculator, Puzzle } from 'lucide-react';
11+
import { Star, Sparkles, Zap, Code2, Image as ImageIcon, Music, Calculator, Puzzle, Search, GalleryHorizontal, Sigma } from 'lucide-react';
1212

1313
export default function HomePage() {
1414
return (
@@ -132,6 +132,22 @@ export default function HomePage() {
132132
</Card>
133133
</Link>
134134

135+
<Link href="/docs/extensions/gemini" className="block">
136+
<Card className="bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 transition-colors cursor-pointer h-full">
137+
<CardHeader>
138+
<CardTitle className="flex items-center gap-2 text-slate-900 dark:text-slate-100">
139+
<Search className="w-5 h-5 text-cyan-500" />
140+
Gemini File Search
141+
</CardTitle>
142+
</CardHeader>
143+
<CardContent>
144+
<p className="text-slate-700 dark:text-slate-300">
145+
RAG workflows with document stores, categories, and contextual chat
146+
</p>
147+
</CardContent>
148+
</Card>
149+
</Link>
150+
135151
<Link href="/docs/extensions/tools" className="block">
136152
<Card className="bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 transition-colors cursor-pointer h-full">
137153
<CardHeader>
@@ -148,6 +164,38 @@ export default function HomePage() {
148164
</Card>
149165
</Link>
150166

167+
<Link href="/docs/features/calculator-ui" className="block">
168+
<Card className="bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 transition-colors cursor-pointer h-full">
169+
<CardHeader>
170+
<CardTitle className="flex items-center gap-2 text-slate-900 dark:text-slate-100">
171+
<Calculator className="w-5 h-5 text-orange-500" />
172+
Calculator & Run Code UIs
173+
</CardTitle>
174+
</CardHeader>
175+
<CardContent>
176+
<p className="text-slate-700 dark:text-slate-300">
177+
Beautiful UIs to evaluate math and execute Python, JS, TS & C# code
178+
</p>
179+
</CardContent>
180+
</Card>
181+
</Link>
182+
183+
<Link href="/docs/media-generation/media-gallery" className="block">
184+
<Card className="bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 transition-colors cursor-pointer h-full">
185+
<CardHeader>
186+
<CardTitle className="flex items-center gap-2 text-slate-900 dark:text-slate-100">
187+
<GalleryHorizontal className="w-5 h-5 text-indigo-500" />
188+
Media Gallery
189+
</CardTitle>
190+
</CardHeader>
191+
<CardContent>
192+
<p className="text-slate-700 dark:text-slate-300">
193+
Browse and manage all your generated images and audio in one place
194+
</p>
195+
</CardContent>
196+
</Card>
197+
</Link>
198+
151199
<Link href="/docs/media-generation/image-generation" className="block">
152200
<Card className="bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 transition-colors cursor-pointer h-full">
153201
<CardHeader>
@@ -180,17 +228,17 @@ export default function HomePage() {
180228
</Card>
181229
</Link>
182230

183-
<Link href="/docs/features/calculator-ui" className="block">
231+
<Link href="/docs/features/katex" className="block">
184232
<Card className="bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 transition-colors cursor-pointer h-full">
185233
<CardHeader>
186234
<CardTitle className="flex items-center gap-2 text-slate-900 dark:text-slate-100">
187-
<Calculator className="w-5 h-5 text-orange-500" />
188-
Calculator & Run Code UIs
235+
<Sigma className="w-5 h-5 text-violet-500" />
236+
KaTeX Math Rendering
189237
</CardTitle>
190238
</CardHeader>
191239
<CardContent>
192240
<p className="text-slate-700 dark:text-slate-300">
193-
Beautiful UIs to evaluate math and execute Python, JS, TS & C# code
241+
Beautiful LaTeX math typesetting for equations and formulas
194242
</p>
195243
</CardContent>
196244
</Card>
@@ -228,6 +276,84 @@ export default function HomePage() {
228276
</div>
229277
</div>
230278

279+
{/* Gemini File Search Section */}
280+
<div className="w-full my-16 px-4 bg-gradient-to-b from-transparent via-cyan-50/50 to-transparent dark:via-cyan-950/20 py-16">
281+
<div className="max-w-6xl mx-auto">
282+
<div className="text-center mb-8">
283+
<h2 className="text-3xl font-bold text-slate-900 dark:text-slate-100 mb-4">
284+
Gemini File Search & RAG
285+
</h2>
286+
<p className="text-lg text-slate-600 dark:text-slate-400">
287+
Build knowledge bases with document stores and contextual AI chat
288+
</p>
289+
<Link
290+
href="/docs/extensions/gemini"
291+
className="inline-flex items-center gap-1 text-blue-600 dark:text-blue-400 hover:underline mt-2"
292+
>
293+
Learn more →
294+
</Link>
295+
</div>
296+
<div className="rounded-xl overflow-hidden shadow-2xl border border-slate-200 dark:border-slate-700 mb-8">
297+
<Image
298+
src="/img/gemini-filestores-upload-folder.webp"
299+
alt="Document Upload with Categories"
300+
width={1200}
301+
height={800}
302+
className="w-full h-auto"
303+
/>
304+
</div>
305+
<div className="grid md:grid-cols-2 gap-6 mb-8">
306+
<div className="rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700">
307+
<LightboxImage
308+
src="/img/gemini-filestores.webp"
309+
alt="Filestore Management"
310+
width={600}
311+
height={400}
312+
className="w-full h-auto"
313+
/>
314+
</div>
315+
<div className="rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700">
316+
<LightboxImage
317+
src="/img/gemini-sync.webp"
318+
alt="Bidirectional Sync"
319+
width={600}
320+
height={400}
321+
className="w-full h-auto"
322+
/>
323+
</div>
324+
</div>
325+
<div className="grid md:grid-cols-3 gap-6">
326+
<div className="rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700">
327+
<LightboxImage
328+
src="/img/gemini-search-all.webp"
329+
alt="Search All Documents"
330+
width={400}
331+
height={300}
332+
className="w-full h-auto"
333+
/>
334+
</div>
335+
<div className="rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700">
336+
<LightboxImage
337+
src="/img/gemini-search-category.webp"
338+
alt="Search by Category"
339+
width={400}
340+
height={300}
341+
className="w-full h-auto"
342+
/>
343+
</div>
344+
<div className="rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700">
345+
<LightboxImage
346+
src="/img/gemini-search-document.webp"
347+
alt="Gemini RAG chat with document context"
348+
width={400}
349+
height={300}
350+
className="w-full h-auto"
351+
/>
352+
</div>
353+
</div>
354+
</div>
355+
</div>
356+
231357
{/* Tools & Function Calling Section */}
232358
<div className="w-full my-16 px-4 bg-slate-50 dark:bg-slate-900/50 py-16">
233359
<div className="max-w-6xl mx-auto">

0 commit comments

Comments
 (0)