chore: removed announcements from navbar and rewrote tagline

surfsense_web/app/globals.css

@@ -235,4 +235,3 @@ button {
 @source '../node_modules/streamdown/dist/*.js';
 @source '../node_modules/@streamdown/code/dist/*.js';
 @source '../node_modules/@streamdown/math/dist/*.js';
-

surfsense_web/components/homepage/hero-section.tsx

@@ -96,12 +96,9 @@ export function HeroSection() {
 					</div>
 				)}
 			</h2>
-			{/* // TODO:aCTUAL DESCRITION */}
+			<p className="relative z-50 mx-auto mt-4 max-w-lg px-6 text-center text-sm leading-relaxed text-gray-600 sm:text-base sm:leading-relaxed md:max-w-xl md:text-lg md:leading-relaxed dark:text-gray-200">
-			<p className="relative z-50 mx-auto mt-4 max-w-xl px-4 text-center text-base/6 text-gray-600 dark:text-gray-200">
+				Connect any LLM to your internal knowledge sources and chat with it in real time alongside
-				Connect any AI to your documents, Drive, Notion and more,
+				your team.
-			</p>
-			<p className="relative z-50 mx-auto mt-0 max-w-xl px-4 text-center text-base/6 text-gray-600 dark:text-gray-200">
-				then chat with it, generate podcasts and reports, or even invite your team.
 			</p>
 			<div className="mb-6 mt-6 flex w-full flex-col items-center justify-center gap-4 px-8 sm:flex-row md:mb-10">
 				<GetStartedButton />

surfsense_web/components/homepage/navbar.tsx

@@ -4,7 +4,6 @@ import {
 	IconBrandGithub,
 	IconBrandReddit,
 	IconMenu2,
-	IconSpeakerphone,
 	IconX,
 } from "@tabler/icons-react";
 import { AnimatePresence, motion } from "motion/react";
@@ -13,7 +12,6 @@ import { useEffect, useState } from "react";
 import { SignInButton } from "@/components/auth/sign-in-button";
 import { Logo } from "@/components/Logo";
 import { ThemeTogglerComponent } from "@/components/theme/theme-toggle";
-import { useAnnouncements } from "@/hooks/use-announcements";
 import { useGithubStars } from "@/hooks/use-github-stars";
 import { cn } from "@/lib/utils";
 
@@ -49,11 +47,7 @@ export const Navbar = () => {
 
 const DesktopNav = ({ navItems, isScrolled }: any) => {
 	const [hovered, setHovered] = useState<number | null>(null);
-	const [mounted, setMounted] = useState(false);
 	const { compactFormat: githubStars, loading: loadingGithubStars } = useGithubStars();
-	const { unreadCount } = useAnnouncements();
-
-	useEffect(() => setMounted(true), []);
 	return (
 		<motion.div
 			onMouseLeave={() => {
@@ -124,17 +118,6 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
 						</span>
 					)}
 				</Link>
-				<Link
-					href="/announcements"
-					className="relative hidden rounded-full p-2 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors md:flex items-center justify-center"
-				>
-					<IconSpeakerphone className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
-					{mounted && unreadCount > 0 && (
-						<span className="absolute -top-0.5 -right-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold text-white">
-							{unreadCount > 99 ? "99+" : unreadCount}
-						</span>
-					)}
-				</Link>
 				<ThemeTogglerComponent />
 				<SignInButton variant="desktop" />
 			</div>
@@ -144,11 +127,7 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
 
 const MobileNav = ({ navItems, isScrolled }: any) => {
 	const [open, setOpen] = useState(false);
-	const [mounted, setMounted] = useState(false);
 	const { compactFormat: githubStars, loading: loadingGithubStars } = useGithubStars();
-	const { unreadCount } = useAnnouncements();
-
-	useEffect(() => setMounted(true), []);
 
 	return (
 		<motion.div
@@ -233,17 +212,6 @@ const MobileNav = ({ navItems, isScrolled }: any) => {
 									</span>
 								)}
 							</Link>
-							<Link
-								href="/announcements"
-								className="relative flex items-center justify-center rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors touch-manipulation"
-							>
-								<IconSpeakerphone className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
-								{mounted && unreadCount > 0 && (
-									<span className="absolute -top-0.5 -right-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold text-white">
-										{unreadCount > 99 ? "99+" : unreadCount}
-									</span>
-								)}
-							</Link>
 							<ThemeTogglerComponent />
 						</div>
 						<SignInButton variant="mobile" />

surfsense_web/components/pricing/pricing-section.tsx

@@ -18,7 +18,7 @@ const demoPlans = [
 		],
 		description: "",
 		buttonText: "Get Started",
-		href: "/",
+		href: "/login",
 		isPopular: false,
 	},
 	{
@@ -35,7 +35,7 @@ const demoPlans = [
 		],
 		description: "",
 		buttonText: "Get Started",
-		href: "/",
+		href: "/login",
 		isPopular: true,
 	},
 	{

surfsense_web/lib/source.ts

@@ -1,13 +1,12 @@
 import { loader } from "fumadocs-core/source";
-import { docs } from "@/.source/server";
 import { icons } from "lucide-react";
 import { createElement } from "react";
+import { docs } from "@/.source/server";
 
 export const source = loader({
 	baseUrl: "/docs",
 	source: docs.toFumadocsSource(),
 	icon(icon) {
-		if (icon && icon in icons)
+		if (icon && icon in icons) return createElement(icons[icon as keyof typeof icons]);
-			return createElement(icons[icon as keyof typeof icons]);
 	},
 });