From e9dd57f6d5f8eb05e02312d187507d062d35145e Mon Sep 17 00:00:00 2001 From: Devesh Chandra Date: Thu, 20 Nov 2025 13:30:07 +0530 Subject: [PATCH 1/6] fix: fix the responsivness of the navbar --- .../components/landing-sections/navbar.tsx | 152 +++++++++--------- 1 file changed, 76 insertions(+), 76 deletions(-) diff --git a/apps/web/src/components/landing-sections/navbar.tsx b/apps/web/src/components/landing-sections/navbar.tsx index 8c3c6924..44a1725d 100644 --- a/apps/web/src/components/landing-sections/navbar.tsx +++ b/apps/web/src/components/landing-sections/navbar.tsx @@ -1,9 +1,8 @@ "use client"; import React, { useState } from "react"; -import PrimaryButton from "../ui/custom-button"; import { motion, useScroll, useMotionValueEvent } from "framer-motion"; import Image from "next/image"; -import { Terminal, Github, Menu, X } from "lucide-react"; +import { Github, Menu, X } from "lucide-react"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { cn } from "@/lib/utils"; @@ -55,90 +54,91 @@ const Navbar = () => { : "fixed rounded-3xl top-4 border w-[94%] md:w-[80%] mx-auto left-1/2 -translate-x-1/2" )} > -
- -
-
- background +
+ {/* opensox logo */} +
+ +
+
+ background +
+ Opensox AI
- Opensox AI
-
-
- {links.map((link, index) => { - const isActive = pathname === link.href; - return ( - - {link.name} - - ); - })} -
-
- - - Contribute - - - - - Get Started - - -
- {isOpen && ( - - {links.map((link, index) => ( - setIsOpen(false)} - className="text-white hover:text-gray-300 text-lg" - > - {link.name} - - ))} + {/* links to be rendered */} +
+ {links.map((link, index) => { + const isActive = pathname === link.href; + return ( + + {link.name} + + ); + })} +
+ + {/* git link */} +
setIsOpen(false)} - className="flex items-center gap-2 px-4 py-2 bg-[#0d1117] hover:bg-[#161b22] rounded-lg border border-[#30363d] text-white transition-colors" + className="hidden lg:flex items-center gap-2 px-4 py-2.5 bg-[#0d1117] hover:bg-[#161b22] transition-colors rounded-lg border border-[#30363d] text-white" > Contribute - - )} +
+ {/* mobile nav dropdown */} + {isOpen && ( + + {links.map((link, index) => ( + setIsOpen(false)} + className="text-white hover:text-gray-300 text-lg" + > + {link.name} + + ))} + setIsOpen(false)} + className="flex items-center gap-2 px-4 py-2 bg-[#0d1117] hover:bg-[#161b22] rounded-lg border border-[#30363d] text-white transition-colors" + > + + Contribute + + + )} +
); }; From 173bcdcbf14bf503a4a3fe25e6ae38b40a77f5e5 Mon Sep 17 00:00:00 2001 From: Devesh Chandra Date: Thu, 20 Nov 2025 13:49:03 +0530 Subject: [PATCH 2/6] fix: some more fixes in the nav bar --- .../components/landing-sections/navbar.tsx | 20 ++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/apps/web/src/components/landing-sections/navbar.tsx b/apps/web/src/components/landing-sections/navbar.tsx index 44a1725d..4a033379 100644 --- a/apps/web/src/components/landing-sections/navbar.tsx +++ b/apps/web/src/components/landing-sections/navbar.tsx @@ -2,10 +2,11 @@ import React, { useState } from "react"; import { motion, useScroll, useMotionValueEvent } from "framer-motion"; import Image from "next/image"; -import { Github, Menu, X } from "lucide-react"; +import { Github, Menu, Terminal, X } from "lucide-react"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { cn } from "@/lib/utils"; +import PrimaryButton from "../ui/custom-button"; const Navbar = () => { const { scrollYProgress } = useScroll(); @@ -51,12 +52,12 @@ const Navbar = () => { " z-40 flex items-center justify-between px-4 py-3 bg-neutral-900/5 backdrop-blur-xl border-white/10", isPricingPage ? "relative h-max md:w-full top-0 border-b" - : "fixed rounded-3xl top-4 border w-[94%] md:w-[80%] mx-auto left-1/2 -translate-x-1/2" + : "fixed rounded-3xl top-4 border w-[96%] md:w-[80%] mx-auto left-1/2 -translate-x-1/2" )} >
{/* opensox logo */} -
+
-
+
{
{/* git link */} -
+
{ Contribute + + + + Get Started + +
{/* mobile nav dropdown */} {isOpen && ( From 414acfa488a8a7c7bfb577b0eb9988fcd478e630 Mon Sep 17 00:00:00 2001 From: Devesh Chandra Date: Wed, 3 Dec 2025 21:39:04 +0530 Subject: [PATCH 3/6] fix: change the link label from how it works to working and the contribute button will be only visible on xl screen devices --- apps/web/src/components/landing-sections/navbar.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/apps/web/src/components/landing-sections/navbar.tsx b/apps/web/src/components/landing-sections/navbar.tsx index aebf7cd9..9b8fc89b 100644 --- a/apps/web/src/components/landing-sections/navbar.tsx +++ b/apps/web/src/components/landing-sections/navbar.tsx @@ -37,7 +37,7 @@ const Navbar = () => { { name: "Pricing", href: "/pricing" }, { name: "Features", href: "/#features" }, { name: "Demo", href: "/#demo" }, - { name: "How it works", href: "/#HIW" }, + { name: "working", href: "/#HIW" }, { name: "Stats", href: "/#Stats" }, { name: "Contact", href: "/#Contact" }, { name: "FAQ", href: "/#faq" }, @@ -46,7 +46,7 @@ const Navbar = () => { return ( {
{/* links to be rendered */} -
+
{links.map((link, index) => { const isActive = pathname === link.href; return ( @@ -103,7 +103,7 @@ const Navbar = () => { href="https://github.com/apsinghdev/opensox" target="_blank" rel="noopener noreferrer" - className="hidden lg:flex items-center gap-2 px-4 py-2.5 bg-[#0d1117] hover:bg-[#161b22] transition-colors rounded-lg border border-[#30363d] text-white" + className="hidden xl:flex items-center gap-2 px-4 py-2.5 bg-[#0d1117] hover:bg-[#161b22] transition-colors rounded-lg border border-[#30363d] text-white" > Contribute From 4c090131265b0be01bf0f75b120c929b1311a3d1 Mon Sep 17 00:00:00 2001 From: Devesh Chandra Date: Mon, 8 Dec 2025 17:39:24 +0530 Subject: [PATCH 4/6] refactor: change the navbar label from working to workflow and also changed the id from HIW to workflow --- .../landing-sections/how-it-works.tsx | 117 +++++++++--------- .../components/landing-sections/navbar.tsx | 2 +- 2 files changed, 61 insertions(+), 58 deletions(-) diff --git a/apps/web/src/components/landing-sections/how-it-works.tsx b/apps/web/src/components/landing-sections/how-it-works.tsx index 427b1b8e..f7bbb500 100644 --- a/apps/web/src/components/landing-sections/how-it-works.tsx +++ b/apps/web/src/components/landing-sections/how-it-works.tsx @@ -1,66 +1,69 @@ - import { Sparkles, Upload, Zap } from "lucide-react"; import Features from "../ui/features"; import Header from "../ui/header"; const data = [ - { - id: 1, - title: "1. Set Your Filters", - content: - "Choose the languages, stack, activity level, and other preferences that matter to you.", - image: "/assets/filter.webp", - icon: , - }, - { - id: 2, - title: "2. Search Instantly", - content: - "Hit search and explore thousands of open-source repositories matched to your criteria.", - image: "/assets/search.webp", - icon: , - }, - { - id: 3, - title: "3. Discover & Contribute", - content: - "Find the perfect project for your stack, start exploring the code, and make meaningful contributions.", - image: "/assets/contribute.webp", - icon: , - }, + { + id: 1, + title: "1. Set Your Filters", + content: + "Choose the languages, stack, activity level, and other preferences that matter to you.", + image: "/assets/filter.webp", + icon: , + }, + { + id: 2, + title: "2. Search Instantly", + content: + "Hit search and explore thousands of open-source repositories matched to your criteria.", + image: "/assets/search.webp", + icon: , + }, + { + id: 3, + title: "3. Discover & Contribute", + content: + "Find the perfect project for your stack, start exploring the code, and make meaningful contributions.", + image: "/assets/contribute.webp", + icon: , + }, ]; export default function HowItWorks() { - return ( -
-
-
-
-
- -
-
- ); + return ( +
+
+
+
+
+ +
+
+ ); } diff --git a/apps/web/src/components/landing-sections/navbar.tsx b/apps/web/src/components/landing-sections/navbar.tsx index 9b8fc89b..546b07ce 100644 --- a/apps/web/src/components/landing-sections/navbar.tsx +++ b/apps/web/src/components/landing-sections/navbar.tsx @@ -37,7 +37,7 @@ const Navbar = () => { { name: "Pricing", href: "/pricing" }, { name: "Features", href: "/#features" }, { name: "Demo", href: "/#demo" }, - { name: "working", href: "/#HIW" }, + { name: "workflow", href: "/#workflow" }, { name: "Stats", href: "/#Stats" }, { name: "Contact", href: "/#Contact" }, { name: "FAQ", href: "/#faq" }, From b12c6e87fcb513074f98807b8e43a196732c76ca Mon Sep 17 00:00:00 2001 From: Devesh Chandra Date: Mon, 8 Dec 2025 17:49:37 +0530 Subject: [PATCH 5/6] fix: fixed gap in nav link in the navbar --- apps/web/src/components/landing-sections/navbar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/landing-sections/navbar.tsx b/apps/web/src/components/landing-sections/navbar.tsx index 546b07ce..34014850 100644 --- a/apps/web/src/components/landing-sections/navbar.tsx +++ b/apps/web/src/components/landing-sections/navbar.tsx @@ -79,7 +79,7 @@ const Navbar = () => {
{/* links to be rendered */} -
+
{links.map((link, index) => { const isActive = pathname === link.href; return ( From 93f1c5f257caa1ca370ec927b7746a02eab0c7ba Mon Sep 17 00:00:00 2001 From: Devesh Chandra Date: Mon, 8 Dec 2025 19:04:18 +0530 Subject: [PATCH 6/6] refactor: update navbar labels and logo alt text --- apps/web/src/components/landing-sections/navbar.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/web/src/components/landing-sections/navbar.tsx b/apps/web/src/components/landing-sections/navbar.tsx index 34014850..671a0c29 100644 --- a/apps/web/src/components/landing-sections/navbar.tsx +++ b/apps/web/src/components/landing-sections/navbar.tsx @@ -37,7 +37,7 @@ const Navbar = () => { { name: "Pricing", href: "/pricing" }, { name: "Features", href: "/#features" }, { name: "Demo", href: "/#demo" }, - { name: "workflow", href: "/#workflow" }, + { name: "Workflow", href: "/#workflow" }, { name: "Stats", href: "/#Stats" }, { name: "Contact", href: "/#Contact" }, { name: "FAQ", href: "/#faq" }, @@ -70,7 +70,7 @@ const Navbar = () => {
background