+
+
+ An open source, privacy focused alternative to NotebookLM for teams with no data limits.
+
-
-
-
-
NotebookLM for Teams
+
+
+
+
-
- Connect any LLM to your internal knowledge sources and chat with it in real time alongside
- your team.
-
-
-
- {/* */}
-
-
-
+
);
@@ -158,193 +156,155 @@ function GetStartedButton() {
if (isGoogleAuth) {
return (
-
- {/* Animated gradient background on hover */}
-
- {/* Google logo with subtle animation */}
-
-
-
- Continue with Google
-
+
+
Continue with Google
+
);
}
return (
-
-
- Get Started
-
-
+
+ Get Started
+
);
}
-const BackgroundGrids = () => {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
+const BrowserWindow = () => {
+ const [selectedIndex, setSelectedIndex] = useState(0);
+ const selectedItem = TAB_ITEMS[selectedIndex];
+ const intervalRef = useRef
(null);
+ const { expanded, open, close } = useExpandedMedia();
-const CollisionMechanism = ({
- parentRef,
- beamOptions = {},
-}: {
- parentRef: React.RefObject;
- beamOptions?: {
- initialX?: number;
- translateX?: number;
- initialY?: number;
- translateY?: number;
- rotate?: number;
- className?: string;
- duration?: number;
- delay?: number;
- repeatDelay?: number;
- };
-}) => {
- const beamRef = useRef(null);
- const [collision, setCollision] = useState<{
- detected: boolean;
- coordinates: { x: number; y: number } | null;
- }>({ detected: false, coordinates: null });
- const [beamKey, setBeamKey] = useState(0);
- const [cycleCollisionDetected, setCycleCollisionDetected] = useState(false);
+ const startInterval = useCallback(() => {
+ if (intervalRef.current) {
+ clearInterval(intervalRef.current);
+ }
+ intervalRef.current = setInterval(() => {
+ setSelectedIndex((prev) => (prev + 1) % TAB_ITEMS.length);
+ }, 10000);
+ }, []);
useEffect(() => {
- const checkCollision = () => {
- if (beamRef.current && parentRef.current && !cycleCollisionDetected) {
- const beamRect = beamRef.current.getBoundingClientRect();
- const parentRect = parentRef.current.getBoundingClientRect();
- const rightEdge = parentRect.right;
-
- if (beamRect.right >= rightEdge - 20) {
- const relativeX = parentRect.width - 20;
- const relativeY = beamRect.top - parentRect.top + beamRect.height / 2;
-
- setCollision({
- detected: true,
- coordinates: { x: relativeX, y: relativeY },
- });
- setCycleCollisionDetected(true);
- if (beamRef.current) {
- beamRef.current.style.opacity = "0";
- }
- }
- }
- };
-
- const animationInterval = setInterval(checkCollision, 100);
-
- return () => clearInterval(animationInterval);
- }, [cycleCollisionDetected, parentRef]);
-
- useEffect(() => {
- if (!collision.detected || !collision.coordinates) return;
-
- const timer1 = setTimeout(() => {
- setCollision({ detected: false, coordinates: null });
- setCycleCollisionDetected(false);
- if (beamRef.current) {
- beamRef.current.style.opacity = "1";
- }
- }, 2000);
-
- const timer2 = setTimeout(() => {
- setBeamKey((prevKey) => prevKey + 1);
- }, 2000);
-
+ startInterval();
return () => {
- clearTimeout(timer1);
- clearTimeout(timer2);
+ if (intervalRef.current) {
+ clearInterval(intervalRef.current);
+ }
};
- }, [collision]);
+ }, [startInterval]);
+
+ const handleTabClick = (index: number) => {
+ setSelectedIndex(index);
+ startInterval();
+ };
return (
<>
-
+
+
+
+
+ {TAB_ITEMS.map((item, index) => (
+
+
+ {index !== TAB_ITEMS.length - 1 && (
+
+ )}
+
+ ))}
+
+
+
+
+
+
+
+ {selectedItem.title}
+
+
+ {selectedItem.description}
+
+
+
+
+
+
+
+
-
- {spans.map((span) => (
-
- ))}
+
+
+ {!hasLoaded && (
+
+ )}
);
-};
+});
-const GridLineVertical = ({ className, offset }: { className?: string; offset?: string }) => {
+const GITHUB_RELEASES_URL =
+ "https://github.com/MODSetter/SurfSense/releases/latest";
+
+const DownloadApp = memo(function DownloadApp() {
return (
-
+
+
+ Download the desktop app
+
+
+
);
-};
+});