From 45f306d890c54d71fd3bef400ce464fbe68f4182 Mon Sep 17 00:00:00 2001 From: "DESKTOP-RTLN3BA\\$punk" Date: Mon, 27 Oct 2025 08:37:08 -0700 Subject: [PATCH] chore: suggested changes --- surfsense_web/app/(home)/layout.tsx | 4 +- .../components/homepage/footer-new.tsx | 188 ++++++++++++++++++ .../components/homepage/hero-section.tsx | 8 +- surfsense_web/components/homepage/navbar.tsx | 12 +- surfsense_web/components/pricing.tsx | 4 +- 5 files changed, 202 insertions(+), 14 deletions(-) create mode 100644 surfsense_web/components/homepage/footer-new.tsx diff --git a/surfsense_web/app/(home)/layout.tsx b/surfsense_web/app/(home)/layout.tsx index c71f61fa3..f6a9e5d42 100644 --- a/surfsense_web/app/(home)/layout.tsx +++ b/surfsense_web/app/(home)/layout.tsx @@ -1,6 +1,6 @@ "use client"; -import { Footer } from "@/components/homepage/footer"; +import { FooterNew } from "@/components/homepage/footer-new"; import { Navbar } from "@/components/homepage/navbar"; export default function HomePageLayout({ children }: { children: React.ReactNode }) { @@ -8,7 +8,7 @@ export default function HomePageLayout({ children }: { children: React.ReactNode
{children} -
+
); } diff --git a/surfsense_web/components/homepage/footer-new.tsx b/surfsense_web/components/homepage/footer-new.tsx new file mode 100644 index 000000000..fb4c5753d --- /dev/null +++ b/surfsense_web/components/homepage/footer-new.tsx @@ -0,0 +1,188 @@ +import Image from "next/image"; +import Link from "next/link"; +import React from "react"; +import { + IconBrandTwitter, + IconBrandLinkedin, + IconBrandGithub, + IconBrandDiscord, +} from "@tabler/icons-react"; +import { Logo } from "@/components/Logo"; + +export function FooterNew() { + const pages = [ + // { + // title: "All Products", + // href: "#", + // }, + // { + // title: "Studio", + // href: "#", + // }, + // { + // title: "Clients", + // href: "#", + // }, + { + title: "Pricing", + href: "/pricing", + }, + { + title: "Docs", + href: "/docs", + }, + // { + // title: "Blog", + // href: "#", + // }, + ]; + + const socials = [ + { + title: "Twitter", + href: "https://x.com/mod_setter", + icon: IconBrandTwitter, + }, + { + title: "LinkedIn", + href: "https://www.linkedin.com/in/rohan-verma-sde/", + icon: IconBrandLinkedin, + }, + { + title: "GitHub", + href: "https://github.com/MODSetter", + icon: IconBrandGithub, + }, + { + title: "Discord", + href: "https://discord.gg/ejRNvftDp9", + icon: IconBrandDiscord, + }, + ]; + const legals = [ + { + title: "Privacy Policy", + href: "/privacy", + }, + { + title: "Terms of Service", + href: "/terms", + }, + // { + // title: "Cookie Policy", + // href: "#", + // }, + ]; + + const signups = [ + { + title: "Sign In", + href: "/login", + }, + // { + // title: "Login", + // href: "#", + // }, + // { + // title: "Forgot Password", + // href: "#", + // }, + ]; + return ( +
+
+
+
+ + SurfSense +
+ +
+ © SurfSense 2025. All rights reserved. +
+
+
+
+

+ Pages +

+
    + {pages.map((page, idx) => ( +
  • + + {page.title} + +
    • + ))} +
+
+ +
+

+ Socials +

+
    + {socials.map((social, idx) => { + const Icon = social.icon; + return ( +
  • + + + {social.title} + +
    • + ); + })} +
+
+ +
+

+ Legal +

+
    + {legals.map((legal, idx) => ( +
  • + + {legal.title} + +
    • + ))} +
+
+
+

+ Register +

+
    + {signups.map((auth, idx) => ( +
  • + + {auth.title} + +
    • + ))} +
+
+
+
+

+ SurfSense +

+
+ ); +} diff --git a/surfsense_web/components/homepage/hero-section.tsx b/surfsense_web/components/homepage/hero-section.tsx index 4b0bbfebf..cb63213c6 100644 --- a/surfsense_web/components/homepage/hero-section.tsx +++ b/surfsense_web/components/homepage/hero-section.tsx @@ -77,14 +77,14 @@ export function HeroSection() { href="/contact" className="group relative z-20 flex h-10 w-full cursor-pointer items-center justify-center space-x-2 rounded-lg bg-black p-px px-4 py-2 text-center text-sm font-semibold leading-6 text-white no-underline transition duration-200 sm:w-52 dark:bg-white dark:text-black" > - Start Free Trial + Get Started - - Explore - + Start Free Trial + */}
{ const [isScrolled, setIsScrolled] = useState(false); const navItems = [ - { name: "Home", link: "/" }, + // { name: "Home", link: "/" }, { name: "Pricing", link: "/pricing" }, - { name: "Sign In", link: "/login" }, + // { name: "Sign In", link: "/login" }, { name: "Docs", link: "/docs" }, ]; @@ -99,10 +99,10 @@ const DesktopNav = ({ navItems, isScrolled }: any) => { - Book a call + Sign In
@@ -188,10 +188,10 @@ const MobileNav = ({ navItems, isScrolled }: any) => { - Book a call + Sign In )} diff --git a/surfsense_web/components/pricing.tsx b/surfsense_web/components/pricing.tsx index 61c1f4f1f..e47cbd82b 100644 --- a/surfsense_web/components/pricing.tsx +++ b/surfsense_web/components/pricing.tsx @@ -75,7 +75,7 @@ export function Pricing({

{description}

-
+ {/*
+
*/}