diff --git a/surfsense_web/components/homepage/hero-section.tsx b/surfsense_web/components/homepage/hero-section.tsx
index c8dde97ee..c7744ccac 100644
--- a/surfsense_web/components/homepage/hero-section.tsx
+++ b/surfsense_web/components/homepage/hero-section.tsx
@@ -1,5 +1,5 @@
"use client";
-import { Monitor } from "lucide-react";
+import { Download, Monitor } from "lucide-react";
import { AnimatePresence, motion } from "motion/react";
import Link from "next/link";
import React, { memo, useCallback, useEffect, useRef, useState } from "react";
@@ -40,18 +40,42 @@ const GoogleLogo = ({ className }: { className?: string }) => (
const TAB_ITEMS = [
{
- title: "Connect & Sync",
- description:
- "Connect data sources like Notion, Drive and Gmail. Automatically sync to keep them updated.",
- src: "/homepage/hero_tutorial/ConnectorFlowGif.mp4",
+ title: "General Assist",
+ description: "Launch SurfSense instantly from any application.",
+ src: "/homepage/hero_tutorial/general_assist.mp4",
featured: true,
},
{
- title: "Upload Documents",
- description: "Upload documents directly, from images to massive PDFs.",
- src: "/homepage/hero_tutorial/DocUploadGif.mp4",
+ title: "Quick Assist",
+ description: "Select text anywhere, then ask AI to explain, rewrite, or act on it.",
+ src: "/homepage/hero_tutorial/quick_assist.mp4",
featured: true,
},
+ {
+ title: "Extreme Assist",
+ description: "Get inline writing suggestions powered by your knowledge base as you type in any app.",
+ src: "/homepage/hero_tutorial/extreme_assist.mp4",
+ featured: true,
+ },
+ // {
+ // title: "Connect & Sync",
+ // description:
+ // "Connect data sources like Notion, Drive and Gmail. Automatically sync to keep them updated.",
+ // src: "/homepage/hero_tutorial/ConnectorFlowGif.mp4",
+ // featured: true,
+ // },
+ // {
+ // title: "Upload Documents",
+ // description: "Upload documents directly, from images to massive PDFs.",
+ // src: "/homepage/hero_tutorial/DocUploadGif.mp4",
+ // featured: true,
+ // },
+ {
+ title: "Video & Presentations",
+ description: "Create short videos and editable presentations with AI-generated visuals and narration from your sources.",
+ src: "/homepage/hero_tutorial/video_gen_surf.mp4",
+ featured: false,
+ },
{
title: "Search & Citation",
description: "Ask questions and get cited responses from your knowledge base.",
@@ -94,12 +118,6 @@ const TAB_ITEMS = [
src: "/homepage/hero_realtime/RealTimeCommentsFlow.mp4",
featured: false,
},
- {
- title: "Video Generation",
- description: "Create short videos with AI-generated visuals and narration from your sources.",
- src: "/homepage/hero_tutorial/video_gen_surf.mp4",
- featured: false,
- },
] as const;
export function HeroSection() {
@@ -125,10 +143,10 @@ export function HeroSection() {
+
-
@@ -167,6 +185,32 @@ function GetStartedButton() {
);
}
+function useUserOS() {
+ const [os, setOs] = useState<"macOS" | "Windows" | "Linux">("macOS");
+ useEffect(() => {
+ const ua = navigator.userAgent;
+ if (/Windows/i.test(ua)) setOs("Windows");
+ else if (/Linux/i.test(ua)) setOs("Linux");
+ else setOs("macOS");
+ }, []);
+ return os;
+}
+
+function DownloadButton() {
+ const os = useUserOS();
+ return (
+
+
+ Download for {os}
+
+ );
+}
+
const BrowserWindow = () => {
const [selectedIndex, setSelectedIndex] = useState(0);
const selectedItem = TAB_ITEMS[selectedIndex];
@@ -313,80 +357,3 @@ const TabVideo = memo(function TabVideo({ src }: { src: string }) {
const GITHUB_RELEASES_URL = "https://github.com/MODSetter/SurfSense/releases/latest";
-const DownloadApp = memo(function DownloadApp() {
- return (
-
-
- Download the desktop app
-
-
-