From 1d050e7d40f75745cb413ecdea6f07c4c197fd80 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Tue, 16 Jun 2026 02:10:00 +0530
Subject: [PATCH] refactor(web): drop google sign-in cta from marketing pages
---
.../components/auth/sign-in-button.tsx | 74 +------------------
.../components/homepage/hero-section.tsx | 55 --------------
2 files changed, 3 insertions(+), 126 deletions(-)
diff --git a/surfsense_web/components/auth/sign-in-button.tsx b/surfsense_web/components/auth/sign-in-button.tsx
index 7f5a77f36..b53988c5f 100644
--- a/surfsense_web/components/auth/sign-in-button.tsx
+++ b/surfsense_web/components/auth/sign-in-button.tsx
@@ -1,40 +1,6 @@
"use client";
import Link from "next/link";
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import { AUTH_TYPE, BACKEND_URL } from "@/lib/env-config";
-import { trackLoginAttempt } from "@/lib/posthog/events";
-import { cn } from "@/lib/utils";
-
-// Official Google "G" logo with brand colors
-const GoogleLogo = ({ className }: { className?: string }) => (
-
-);
interface SignInButtonProps {
/**
@@ -46,51 +12,17 @@ interface SignInButtonProps {
}
export const SignInButton = ({ variant = "desktop" }: SignInButtonProps) => {
- const isGoogleAuth = AUTH_TYPE === "GOOGLE";
- const [isRedirecting, setIsRedirecting] = useState(false);
-
- const handleGoogleLogin = () => {
- if (isRedirecting) return;
- setIsRedirecting(true);
- trackLoginAttempt("google");
- window.location.href = `${BACKEND_URL}/auth/google/authorize-redirect`;
- };
-
const getClassName = () => {
if (variant === "desktop") {
- return isGoogleAuth
- ? "hidden rounded-full border border-white bg-white px-5 py-2 text-sm font-medium text-[#1f1f1f] shadow-sm hover:bg-zinc-100 hover:text-[#1f1f1f] md:flex dark:border-white"
- : "hidden rounded-full bg-black px-8 py-2 text-sm font-bold text-white shadow-[0px_-2px_0px_0px_rgba(255,255,255,0.4)_inset] md:block dark:bg-white dark:text-black";
+ return "hidden rounded-full bg-black px-8 py-2 text-sm font-bold text-white shadow-[0px_-2px_0px_0px_rgba(255,255,255,0.4)_inset] md:block dark:bg-white dark:text-black";
}
if (variant === "compact") {
- return isGoogleAuth
- ? "rounded-full border border-white bg-white px-4 py-1.5 text-sm font-medium text-[#1f1f1f] shadow-sm hover:bg-zinc-100 hover:text-[#1f1f1f] dark:border-white"
- : "rounded-full bg-black px-6 py-1.5 text-sm font-bold text-white shadow-[0px_-2px_0px_0px_rgba(255,255,255,0.4)_inset] dark:bg-white dark:text-black";
+ return "rounded-full bg-black px-6 py-1.5 text-sm font-bold text-white shadow-[0px_-2px_0px_0px_rgba(255,255,255,0.4)_inset] dark:bg-white dark:text-black";
}
// mobile
- return isGoogleAuth
- ? "w-full rounded-lg border border-white bg-white px-8 py-2.5 font-medium text-[#1f1f1f] shadow-sm hover:bg-zinc-100 hover:text-[#1f1f1f] dark:border-white touch-manipulation"
- : "w-full rounded-lg bg-black px-8 py-2 font-medium text-white shadow-[0px_-2px_0px_0px_rgba(255,255,255,0.4)_inset] dark:bg-white dark:text-black text-center touch-manipulation";
+ return "w-full rounded-lg bg-black px-8 py-2 font-medium text-white shadow-[0px_-2px_0px_0px_rgba(255,255,255,0.4)_inset] dark:bg-white dark:text-black text-center touch-manipulation";
};
- if (isGoogleAuth) {
- return (
-
- );
- }
-
return (
Sign In
diff --git a/surfsense_web/components/homepage/hero-section.tsx b/surfsense_web/components/homepage/hero-section.tsx
index 09cf316d8..9c9139b83 100644
--- a/surfsense_web/components/homepage/hero-section.tsx
+++ b/surfsense_web/components/homepage/hero-section.tsx
@@ -37,38 +37,8 @@ import {
getAssetLabel,
usePrimaryDownload,
} from "@/lib/desktop-download-utils";
-import { AUTH_TYPE, BACKEND_URL } from "@/lib/env-config";
-import { trackLoginAttempt } from "@/lib/posthog/events";
import { cn } from "@/lib/utils";
-const GoogleLogo = ({ className }: { className?: string }) => (
-
-);
-
type HeroUseCase = {
id: string;
title: string;
@@ -314,31 +284,6 @@ export function HeroSection() {
}
function GetStartedButton() {
- const isGoogleAuth = AUTH_TYPE === "GOOGLE";
- const [isRedirecting, setIsRedirecting] = useState(false);
-
- const handleGoogleLogin = () => {
- if (isRedirecting) return;
- setIsRedirecting(true);
- trackLoginAttempt("google");
- window.location.href = `${BACKEND_URL}/auth/google/authorize-redirect`;
- };
-
- if (isGoogleAuth) {
- return (
-
- );
- }
-
return (