@@ -123,11 +123,11 @@ const Index = () => {
123123
124124 { /* Text on the right */ }
125125 < div className = "flex flex-col" >
126- < h1 className = "text-6xl font-bold leading-tight bg-gradient-to-r from-foreground to-muted-foreground bg-clip-text text-transparent" >
126+ < h1 className = "text-7xl font-bold leading-tight bg-gradient-to-r from-foreground to-muted-foreground bg-clip-text text-transparent" >
127127 < strong > byLLM</ strong >
128128 </ h1 >
129129 < p className = "text-lg text-muted-foreground mt-1" >
130- Coding, Less Prompting
130+ Prompt Less, Smile More
131131 </ p >
132132 </ div >
133133 </ div >
@@ -138,7 +138,7 @@ const Index = () => {
138138
139139 < div className = "bg-card border rounded-xl p-8 mb-12 text-left max-w-3xl mx-auto" >
140140 < p className = "text-body leading-relaxed text-card-foreground" >
141- < strong > byLLM</ strong > is a lightweight framework that simplifies building AI-powered applications by eliminating much of the manual prompt engineering process. Using its Meaning-Typed Programming paradigm, developers can express intent directly in code, while byLLM automatically generates optimized prompts. This approach reduces development time, cuts down lines of code, and improves the accuracy of AI-driven tasks . byLLM integrates seamlessly with the < a href = "https://jaseci.org" target = "_blank" rel = "noopener noreferrer" className = "text-primary underline hover:text-primary/80" > Jaseci ecosystem </ a > , but can also be used as a standalone Python library.
141+ < strong > byLLM</ strong > automagically generates optimized prompts by inferring your, the coder’s, intent. It also allows you to use the best LLM for the job, multiple different ones in fact, if that’s what you think will get you the promotion. Unlocking the power of AI has never been easier! Build your app byLLM: < strong > Prompt less, Smile more </ strong > , create your unicorn in less time it takes to spell Jaseci . byLLM is a langauge construct in < a href = "https://jaseci.org" target = "_blank" rel = "noopener noreferrer" className = "text-primary underline hover:text-primary/80" > Jac-lang/ Jaseci</ a > , but can also be used as a standalone Python library.
142142
143143 </ p >
144144 </ div >
@@ -177,7 +177,7 @@ const Index = () => {
177177 < div className = "text-center mb-16" >
178178 < h2 className = "text-section mb-4" > Why byLLM?</ h2 >
179179 < p className = "text-body-large text-muted-foreground max-w-2xl mx-auto" >
180- Built for developers who want to focus on building, not configuring
180+ Built for developers who want to focus on building, not prompting
181181 </ p >
182182 </ div >
183183
@@ -282,8 +282,8 @@ const Index = () => {
282282 < div className = "max-w-4xl mx-auto mb-8" >
283283 < Tabs defaultValue = "jac" className = "w-full" >
284284 < TabsList className = "grid w-full grid-cols-2 mb-4" >
285- < TabsTrigger value = "jac" > Jac</ TabsTrigger >
286- < TabsTrigger value = "python" > Python</ TabsTrigger >
285+ < TabsTrigger value = "jac" > byLLM Jac</ TabsTrigger >
286+ < TabsTrigger value = "python" > byLLM Python</ TabsTrigger >
287287 </ TabsList >
288288 < TabsContent value = "jac" >
289289 < CodeBlock code = { firstexampleCode } language = "jac" />
@@ -360,43 +360,7 @@ const Index = () => {
360360 </ section >
361361
362362
363- { /* Projects Section */ }
364- < section id = "projects" className = "py-12 bg-muted/30" >
365- < div className = "container" >
366- < div className = "text-center mb-16" >
367- < h2 className = "text-section mb-4" > Projects</ h2 >
368- < p className = "text-body-large text-muted-foreground max-w-2xl mx-auto" >
369- Explore real-world applications and get inspired by what's possible
370- </ p >
371- </ div >
372-
373- < div className = "grid gap-6 md:grid-cols-1 lg:grid-cols-2 max-w-3xl mx-auto" >
374- { examples . map ( ( example , index ) => (
375- < Card
376- key = { index }
377- className = "card-interactive group cursor-pointer overflow-hidden"
378- onClick = { ( ) => window . open ( example . link , '_blank' ) }
379- >
380- < div className = "aspect-video overflow-hidden" >
381- < img
382- src = { example . image }
383- alt = { example . title }
384- className = "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
385- />
386- </ div >
387- < CardHeader >
388- < div className = "flex items-center justify-between" >
389- < CardTitle className = "text-lg" > { example . title } </ CardTitle >
390- < ExternalLink className = "h-4 w-4 text-muted-foreground group-hover:text-primary transition-colors" />
391- </ div >
392- < CardDescription dangerouslySetInnerHTML = { { __html : example . description } } />
393- { /* <CardDescription>{example.description}</CardDescription> */ }
394- </ CardHeader >
395- </ Card >
396- ) ) }
397- </ div >
398- </ div >
399- </ section >
363+
400364
401365 { /* Evaluation Metrics */ }
402366 { /* <section className="py-12">
@@ -633,9 +597,6 @@ const Index = () => {
633597 < section id = "documentation" className = "py-12" >
634598 < div className = "container text-center" >
635599 < h2 className = "text-section mb-4" > Ready to dive deeper?</ h2 >
636- < p className = "text-body-large text-muted-foreground mb-8 max-w-2xl mx-auto" >
637- Explore our comprehensive documentation to unlock the full potential of byLLM
638- </ p >
639600 < a
640601 href = "https://www.jac-lang.org/learn/jac-byllm/with_llm/"
641602 target = "_blank"
@@ -657,7 +618,7 @@ const Index = () => {
657618 < div className = "container" >
658619 < div className = "text-center mb-8" >
659620 < h2 className = "text-section mb-4" > Tutorials</ h2 >
660- < p className = "text-body-large text-muted-foreground max-w-2xl mx-auto" > Watch video walkthroughs and grab the example repo for each tutorial. </ p >
621+ < p className = "text-body-large text-muted-foreground max-w-2xl mx-auto" > Watch video walkthroughs and grab the documentation for each tutorial</ p >
661622 </ div >
662623
663624 < div className = "max-w-4xl mx-auto relative" >
@@ -700,6 +661,44 @@ const Index = () => {
700661 </ div >
701662 </ section >
702663
664+ { /* Projects Section */ }
665+ < section id = "projects" className = "py-12 bg-muted/30" >
666+ < div className = "container" >
667+ < div className = "text-center mb-16" >
668+ < h2 className = "text-section mb-4" > Projects</ h2 >
669+ < p className = "text-body-large text-muted-foreground max-w-2xl mx-auto" >
670+ Explore real-world applications and get inspired by what's possible
671+ </ p >
672+ </ div >
673+
674+ < div className = "grid gap-6 md:grid-cols-1 lg:grid-cols-2 max-w-3xl mx-auto" >
675+ { examples . map ( ( example , index ) => (
676+ < Card
677+ key = { index }
678+ className = "card-interactive group cursor-pointer overflow-hidden"
679+ onClick = { ( ) => window . open ( example . link , '_blank' ) }
680+ >
681+ < div className = "aspect-video overflow-hidden" >
682+ < img
683+ src = { example . image }
684+ alt = { example . title }
685+ className = "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
686+ />
687+ </ div >
688+ < CardHeader >
689+ < div className = "flex items-center justify-between" >
690+ < CardTitle className = "text-lg" > { example . title } </ CardTitle >
691+ < ExternalLink className = "h-4 w-4 text-muted-foreground group-hover:text-primary transition-colors" />
692+ </ div >
693+ < CardDescription dangerouslySetInnerHTML = { { __html : example . description } } />
694+ { /* <CardDescription>{example.description}</CardDescription> */ }
695+ </ CardHeader >
696+ </ Card >
697+ ) ) }
698+ </ div >
699+ </ div >
700+ </ section >
701+
703702 { /* References */ }
704703 < section className = "py-12" >
705704 < div className = "container" >
0 commit comments