+
+
+ 🦌
+ DeerFlow
+
+
+
+
+ +
+
+ );
+}
+
+function Jumbotron() {
+ return (
+ + {title} +
+{description}
+
+
+
+ Deep Research{" "}
+
+
+
+
+
+ Deep Research{" "}
+
+ at Your Fingertips
+
+
+ Discover the revolutionary Multi-Agent Research Assistant that
+ empowers you to dive
+
+ deeper and wider into any subject. Equipped with the powerful tools
+ like search
+
+ engines, crawlers, Python, and MCP services, DeerFlow provides instant
+
+ insights, in-depth reports and even captivating podcasts.
+
+
+
+
+
+
+ * DEER stands for Deep Exploration and Efficient Research.
+
+ {caseStudies.map((caseStudy) => (
+
+
+
+ ))}
+
+ {children}
+
+ );
+};
+
+const BentoCard = ({
+ name,
+ className,
+ background,
+ Icon,
+ description,
+ href,
+ cta,
+ ...props
+}: BentoCardProps) => (
+
+
+);
+
+export { BentoCard, BentoGrid };
diff --git a/web/src/components/magicui/flickering-grid.tsx b/web/src/components/magicui/flickering-grid.tsx
new file mode 100644
index 0000000..eed2014
--- /dev/null
+++ b/web/src/components/magicui/flickering-grid.tsx
@@ -0,0 +1,199 @@
+"use client";
+
+import { cn } from "~/lib/utils";
+import React, {
+ useCallback,
+ useEffect,
+ useMemo,
+ useRef,
+ useState,
+} from "react";
+
+interface FlickeringGridProps extends React.HTMLAttributes{background}
+
+
+
+ + {name} +
+{description}
+
+
+
+
+
+
+
+ );
+};
diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index d9a6ab5..dfa2072 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -57,6 +57,40 @@
--color-sidebar-ring: var(--sidebar-ring);
--color-app: var(--app-background);
--color-brand: var(--brand);
+ --animate-aurora:
+ aurora 8s ease-in-out infinite alternate;
+ @keyframes aurora {
+ 0% {
+ background-position:
+ 0% 50%;
+ transform:
+ rotate(-5deg) scale(0.9);
+ }
+ 25% {
+ background-position:
+ 50% 100%;
+ transform:
+ rotate(5deg) scale(1.1);
+ }
+ 50% {
+ background-position:
+ 100% 50%;
+ transform:
+ rotate(-3deg) scale(0.95);
+ }
+ 75% {
+ background-position:
+ 50% 0%;
+ transform:
+ rotate(3deg) scale(1.05);
+ }
+ 100% {
+ background-position:
+ 0% 50%;
+ transform:
+ rotate(-5deg) scale(0.9);
+ }
+ }
}
:root {
@@ -241,4 +275,4 @@ textarea {
body {
@apply bg-background text-foreground;
}
-}
+}
\ No newline at end of file