feat: re-layout

This commit is contained in:
Li Xin 2025-04-29 10:45:27 +08:00
parent 78b10ec066
commit 7ea5c3ece6

View File

@ -12,7 +12,6 @@ import {
Home, Home,
Lightbulb, Lightbulb,
Microscope, Microscope,
Network,
Paintbrush, Paintbrush,
Podcast, Podcast,
ShoppingCart, ShoppingCart,
@ -36,6 +35,7 @@ export default function HomePage() {
<main className="container flex flex-col items-center justify-center gap-56"> <main className="container flex flex-col items-center justify-center gap-56">
<Jumbotron /> <Jumbotron />
<CaseStudySection /> <CaseStudySection />
<MultiAgentSection />
<CoreFeatureSection /> <CoreFeatureSection />
<JoinCommunitySection /> <JoinCommunitySection />
</main> </main>
@ -93,7 +93,7 @@ function SectionHeader({
}) { }) {
return ( return (
<div className="mb-12 flex flex-col items-center justify-center gap-2"> <div className="mb-12 flex flex-col items-center justify-center gap-2">
<h2 className="mb-4 bg-gradient-to-r from-white via-gray-200 to-gray-400 bg-clip-text text-5xl font-bold text-transparent"> <h2 className="mb-4 bg-gradient-to-r from-white via-gray-200 to-gray-400 bg-clip-text text-center text-5xl font-bold text-transparent">
{title} {title}
</h2> </h2>
<p className="text-muted-foreground text-center text-xl">{description}</p> <p className="text-muted-foreground text-center text-xl">{description}</p>
@ -129,7 +129,7 @@ function Jumbotron() {
</span> </span>
<AuroraText>at Your Fingertips</AuroraText> <AuroraText>at Your Fingertips</AuroraText>
</h1> </h1>
<p className="max-w-3xl text-center text-2xl opacity-75"> <p className="max-w-4xl text-center text-2xl font-light opacity-75">
Discover the revolutionary Multi-Agent Research Assistant that Discover the revolutionary Multi-Agent Research Assistant that
empowers you to dive deeper and wider into any subject. Equipped with empowers you to dive deeper and wider into any subject. Equipped with
the powerful tools like search engines, crawlers, Python, and MCP the powerful tools like search engines, crawlers, Python, and MCP
@ -244,12 +244,23 @@ function CaseStudySection() {
); );
} }
function MultiAgentSection() {
return (
<section className="relative container flex flex-col items-center justify-center">
<SectionHeader
title="Multi-Agent Architecture"
description="Experience the agent teamwork with our Supervisor + Handoffs design pattern."
/>
</section>
);
}
const features = [ const features = [
{ {
Icon: Microscope, Icon: Microscope,
name: "Dive Deeper and Reach Wider", name: "Dive Deeper and Reach Wider",
description: description:
"Unlock deeper insights with advanced tools. Our powerful search and web crawling technology gathers comprehensive data, delivering in-depth reports to enhance your study.", "Unlock deeper insights with advanced tools. Our powerful search + crawling and Python tools gathers comprehensive data, delivering in-depth reports to enhance your study.",
href: "/", href: "/",
cta: "Learn more", cta: "Learn more",
background: ( background: (
@ -269,18 +280,6 @@ const features = [
), ),
className: "lg:col-start-1 lg:col-end-2 lg:row-start-3 lg:row-end-4", className: "lg:col-start-1 lg:col-end-2 lg:row-start-3 lg:row-end-4",
}, },
{
Icon: Network,
name: "Multi-Agent Architecture",
description:
"Experience agent teamwork with our Supervisor + Handoffs architecture. From initial communication to deep research and polished report generation, each step is seamlessly coordinated for maximum efficiency and accuracy.",
href: "/",
cta: "Learn more",
background: (
<img alt="background" className="absolute -top-20 -right-20 opacity-60" />
),
className: "lg:row-start-1 lg:row-end-4 lg:col-start-2 lg:col-end-3",
},
{ {
Icon: Bird, Icon: Bird,
name: "Lang Stack", name: "Lang Stack",
@ -309,7 +308,7 @@ const features = [
Icon: Podcast, Icon: Podcast,
name: "Podcast Generation", name: "Podcast Generation",
description: description:
"Listen to insights anytime—perfect for on-the-go learning or sharing findings effortlessly. ", "Instantly generate podcasts from reports. Perfect for on-the-go learning or sharing findings effortlessly. ",
href: "/", href: "/",
cta: "Learn more", cta: "Learn more",
background: ( background: (