mirror of
https://github.com/bytedance/deer-flow.git
synced 2026-05-09 10:18:19 +00:00
89 lines
3.1 KiB
TypeScript
89 lines
3.1 KiB
TypeScript
// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
|
|
// SPDX-License-Identifier: MIT
|
|
|
|
import { Bird, Microscope, Podcast, Usb, User } from "lucide-react";
|
|
|
|
import { BentoCard, BentoGrid } from "~/components/magicui/bento-grid";
|
|
|
|
import { SectionHeader } from "../components/section-header";
|
|
|
|
const features = [
|
|
{
|
|
Icon: Microscope,
|
|
name: "Dive Deeper and Reach Wider",
|
|
description:
|
|
"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: "https://github.com/bytedance/deer-flow/blob/main/src/tools",
|
|
cta: "Learn more",
|
|
background: (
|
|
<img alt="background" className="absolute -top-20 -right-20 opacity-60" />
|
|
),
|
|
className: "lg:col-start-1 lg:col-end-2 lg:row-start-1 lg:row-end-3",
|
|
},
|
|
{
|
|
Icon: User,
|
|
name: "Human-in-the-loop",
|
|
description:
|
|
"Refine your research plan, or adjust focus areas all through simple natural language.",
|
|
href: "https://github.com/bytedance/deer-flow/blob/main/src/graph/nodes.py",
|
|
cta: "Learn more",
|
|
background: (
|
|
<img alt="background" className="absolute -top-20 -right-20 opacity-60" />
|
|
),
|
|
className: "lg:col-start-1 lg:col-end-2 lg:row-start-3 lg:row-end-4",
|
|
},
|
|
{
|
|
Icon: Bird,
|
|
name: "Lang Stack",
|
|
description:
|
|
"Build with confidence using the LangChain and LangGraph frameworks.",
|
|
href: "https://www.langchain.com/",
|
|
cta: "Learn more",
|
|
background: (
|
|
<img alt="background" className="absolute -top-20 -right-20 opacity-60" />
|
|
),
|
|
className: "lg:col-start-2 lg:col-end-3 lg:row-start-1 lg:row-end-2",
|
|
},
|
|
{
|
|
Icon: Usb,
|
|
name: "MCP Integrations",
|
|
description:
|
|
"Supercharge your research workflow and expand your toolkit with seamless MCP integrations.",
|
|
href: "https://github.com/bytedance/deer-flow/blob/main/src/graph/nodes.py",
|
|
cta: "Learn more",
|
|
background: (
|
|
<img alt="background" className="absolute -top-20 -right-20 opacity-60" />
|
|
),
|
|
className: "lg:col-start-2 lg:col-end-3 lg:row-start-2 lg:row-end-3",
|
|
},
|
|
{
|
|
Icon: Podcast,
|
|
name: "Podcast Generation",
|
|
description:
|
|
"Instantly generate podcasts from reports. Perfect for on-the-go learning or sharing findings effortlessly. ",
|
|
href: "https://github.com/bytedance/deer-flow/blob/main/src/podcast",
|
|
cta: "Learn more",
|
|
background: (
|
|
<img alt="background" className="absolute -top-20 -right-20 opacity-60" />
|
|
),
|
|
className: "lg:col-start-2 lg:col-end-3 lg:row-start-3 lg:row-end-4",
|
|
},
|
|
];
|
|
|
|
export function CoreFeatureSection() {
|
|
return (
|
|
<section className="relative flex w-full flex-col content-around items-center justify-center">
|
|
<SectionHeader
|
|
anchor="core-features"
|
|
title="Core Features"
|
|
description="Find out what makes DeerFlow effective."
|
|
/>
|
|
<BentoGrid className="w-3/4 lg:grid-cols-2 lg:grid-rows-3">
|
|
{features.map((feature) => (
|
|
<BentoCard key={feature.name} {...feature} />
|
|
))}
|
|
</BentoGrid>
|
|
</section>
|
|
);
|
|
}
|