Want to contribute? Check out our GitHub repository for issues, discussions, and contribution guidelines. @@ -88,7 +88,7 @@ const ContactUs = () => { {/* Background decoration */}
- +
@@ -99,19 +99,19 @@ const ContactUs = () => {
Meet the Developer
-
+
-
+
{/* Profile Avatar & Info */}
-
+
diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx
index 9a91d72..2fac651 100644
--- a/src/components/home/HeroSection.tsx
+++ b/src/components/home/HeroSection.tsx
@@ -13,7 +13,7 @@ const HeroSection = () => {
useEffect(() => {
setIsVisible(true);
-
+
const handleMouseMove = (e: MouseEvent) => {
if (heroRef.current) {
const rect = heroRef.current.getBoundingClientRect();
@@ -32,18 +32,18 @@ const HeroSection = () => {
}, []);
return (
-
{/* Animated gradient background */}
-
-
+
{/* Grid pattern overlay */}
Akash Kumar
Main Developer
@@ -121,7 +121,7 @@ const ContactUs = () => { {/* Social Links Grid */} {
{/* Badge */}
-
+
- + Socialize - + Your Browsing
- + {/* Subtitle */} -+
The{' '} open-source @@ -93,13 +89,12 @@ const HeroSection = () => { vibrant social experience - . Connect with friends, share your digital presence, and discover what's capturing everyone's attention across the web. + . Connect with friends, share your digital presence, and discover what's capturing everyone's attention across the web.
{/* Key Features */} -
+
{[
{ icon: FiGithub, text: 'Open Source', color: 'text-green-400' },
{ icon: FiUsers, text: 'Social Presence', color: 'text-blue-400' },
@@ -116,9 +111,8 @@ const HeroSection = () => {
{/* CTA Buttons with browser detection */}
-
+
{detectedBrowser ? (
{
{/* Product Hunt Badge */}
-
{/* Browser Support */}
-
+
Available for all major browsers
{allBrowsers.map((browser, index) => (
-
{
{/* Badge */}
-
+
+
+
Top Browsing Champions
-
-
- See who's leading the pack in social browsing this month + +
+ See who's leading the pack in social browsing this month
-
+
-
+
{/* Background effects */}
-
+
@@ -56,14 +56,14 @@ const PrivacyPolicy = () => {
{/* Main Content */}
{/* Header */}
-
+
@@ -128,7 +129,7 @@ const PublicLeaderboard = () => {
Community Leaderboard
diff --git a/src/components/privacy/PrivacyPolicy.tsx b/src/components/privacy/PrivacyPolicy.tsx
index 1aa852c..4d39a5c 100644
--- a/src/components/privacy/PrivacyPolicy.tsx
+++ b/src/components/privacy/PrivacyPolicy.tsx
@@ -13,16 +13,16 @@ const PrivacyPolicy = () => {
- See who's leading the pack in social browsing this month + See who's leading the pack in social browsing this month
Your Privacy is Our Priority
- +BrowsePing is committed to protecting your privacy and giving you complete control over your data. This policy explains how we collect, use, and protect your information.
- +Last updated: October 2025
-
+
{/* Information We Collect */}
-
+
-
+
Account Information
@@ -105,7 +105,7 @@ const PrivacyPolicy = () => {
@@ -132,7 +132,7 @@ const PrivacyPolicy = () => {
• Social media links visibility
-
+
-
+
@@ -171,7 +171,7 @@ const PrivacyPolicy = () => {
• Contribute to the open-source project
-
+
@@ -204,7 +204,7 @@ const TermsOfService = () => {
@@ -229,7 +229,7 @@ const TermsOfService = () => {
@@ -259,7 +259,7 @@ const TermsOfService = () => {
• Some data may be retained for legal or security purposes
-
+
diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx
index 4e47458..3f8b009 100644
--- a/src/components/home/HeroSection.tsx
+++ b/src/components/home/HeroSection.tsx
@@ -156,20 +156,11 @@ const HeroSection = () => {
rel="noopener noreferrer"
className="inline-block hover:scale-105 transition-transform duration-300 group"
>
-<<<<<<< HEAD
- 
>>>>>> upstream/main
+ width={250}
+ height={54}
className="rounded-lg shadow-lg hover:shadow-2xl transition-all duration-300 border border-gray-700/50 hover:border-gray-600/50"
/>
diff --git a/src/components/leaderboard/PublicLeaderboard.tsx b/src/components/leaderboard/PublicLeaderboard.tsx
index e145935..077ecbf 100644
--- a/src/components/leaderboard/PublicLeaderboard.tsx
+++ b/src/components/leaderboard/PublicLeaderboard.tsx
@@ -55,7 +55,6 @@ const PublicLeaderboard = () => {
totalUsers: 0
});
}
- } catch (err) {
} catch (err) {
const errorMessage = err instanceof Error ? err.message : 'Unknown error occurred';
console.log('Leaderboard API Error:', errorMessage);
From 5ecb77e820b9ffc406ec23e6aac9fe9d156a5c61 Mon Sep 17 00:00:00 2001
From: "Shruthi deepika.v"
<151644213+shruthideepikareddy@users.noreply.github.com>
Date: Thu, 8 Jan 2026 14:28:22 +0530
Subject: [PATCH 8/8] test(web): expand unit test coverage for static pages and
align with guidelines
---
src/__tests__/About.test.tsx | 29 ++++++++++++++++++++++++++
src/__tests__/Contact.test.tsx | 33 ++++++++++++++++++++++++++++++
src/__tests__/Download.test.tsx | 30 +++++++++++++++++++++++++++
src/__tests__/Leaderboard.test.tsx | 32 +++++++++++++++++++++++++++++
src/__tests__/Privacy.test.tsx | 30 +++++++++++++++++++++++++++
src/__tests__/Terms.test.tsx | 28 +++++++++++++++++++++++++
src/__tests__/setup.ts | 15 +++++++++++++-
7 files changed, 196 insertions(+), 1 deletion(-)
create mode 100644 src/__tests__/About.test.tsx
create mode 100644 src/__tests__/Contact.test.tsx
create mode 100644 src/__tests__/Download.test.tsx
create mode 100644 src/__tests__/Leaderboard.test.tsx
create mode 100644 src/__tests__/Privacy.test.tsx
create mode 100644 src/__tests__/Terms.test.tsx
diff --git a/src/__tests__/About.test.tsx b/src/__tests__/About.test.tsx
new file mode 100644
index 0000000..3391614
--- /dev/null
+++ b/src/__tests__/About.test.tsx
@@ -0,0 +1,29 @@
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import AboutPage from '../app/about/page';
+import React from 'react';
+
+// Mock the Layout component because it uses Navbar and Footer which might have problematic hooks for a simple unit test
+vi.mock('@/components/layout/Layout', () => ({
+ default: ({ children }: { children: React.ReactNode }) =>
Granular Settings
@@ -145,7 +145,7 @@ const PrivacyPolicy = () => {Privacy Levels
-
@@ -156,10 +156,10 @@ const PrivacyPolicy = () => {
- Default Settings: All privacy settings default to the most restrictive level. + Default Settings: All privacy settings default to the most restrictive level. You must explicitly choose to share information with others.
@@ -198,7 +198,7 @@ const PrivacyPolicy = () => {
-
+
BrowsePing is completely open source, which means: @@ -221,7 +221,7 @@ const PrivacyPolicy = () => { Self-Hostable: You can run your own instance if you prefer complete control
{
• Friend networks and discovery
@@ -118,7 +118,7 @@ const TermsOfService = () => {
Questions About Privacy?
- We're here to help. Contact us for any privacy-related questions or concerns. + We're here to help. Contact us for any privacy-related questions or concerns.
{Terms of Service
- +These terms govern your use of BrowsePing, our open-source browser extension for social browsing. By using our service, you agree to these terms.
- +Last updated: October 2025
1. Acceptance of Terms
- By accessing or using BrowsePing, you agree to be bound by these Terms of Service and our Privacy Policy. + By accessing or using BrowsePing, you agree to be bound by these Terms of Service and our Privacy Policy. If you do not agree to these terms, you may not use our service.
@@ -75,7 +75,7 @@ const TermsOfService = () => {
- All social features are optional and controlled by user privacy settings. The service is provided "as is" without warranties. + All social features are optional and controlled by user privacy settings. The service is provided "as is" without warranties.
You May Not
-
@@ -152,7 +152,7 @@ const TermsOfService = () => {
- Data Ownership: You retain ownership of all your personal data. + Data Ownership: You retain ownership of all your personal data. We only process data as necessary to provide the service and as permitted by your privacy settings.
- Community Project: BrowsePing is a community-driven project. + Community Project: BrowsePing is a community-driven project. While we aim for reliability, the service depends on community contributions and volunteer maintenance.
9. Limitation of Liability
- BrowsePing is provided "as is" without warranties. We are not liable for: + BrowsePing is provided "as is" without warranties. We are not liable for:
- • Data loss or corruption @@ -240,7 +240,7 @@ const TermsOfService = () => {
- Important: Use the service at your own risk. + Important: Use the service at your own risk. Always maintain backups of important data and use appropriate security practices.
By Us
-
@@ -276,7 +276,7 @@ const TermsOfService = () => {
11. Governing Law
- These terms are governed by applicable international laws and regulations for digital services. + These terms are governed by applicable international laws and regulations for digital services. Disputes will be resolved through good faith discussion and, if necessary, appropriate legal channels.
-<<<<<<< HEAD We're here to help! Whether you have questions, need support, or want to contribute to our open-source project, -======= - We're here to help! Whether you have questions, need support, or want to contribute to our open-source project, ->>>>>>> upstream/main + we'd love to hear from you.
>>>>>> upstream/main
+ width={250}
+ height={54}
className="rounded-lg shadow-lg hover:shadow-2xl transition-all duration-300 border border-gray-700/50 hover:border-gray-600/50"
/>
diff --git a/src/components/leaderboard/PublicLeaderboard.tsx b/src/components/leaderboard/PublicLeaderboard.tsx
index e145935..077ecbf 100644
--- a/src/components/leaderboard/PublicLeaderboard.tsx
+++ b/src/components/leaderboard/PublicLeaderboard.tsx
@@ -55,7 +55,6 @@ const PublicLeaderboard = () => {
totalUsers: 0
});
}
- } catch (err) {
} catch (err) {
const errorMessage = err instanceof Error ? err.message : 'Unknown error occurred';
console.log('Leaderboard API Error:', errorMessage);
From 5ecb77e820b9ffc406ec23e6aac9fe9d156a5c61 Mon Sep 17 00:00:00 2001
From: "Shruthi deepika.v"
<151644213+shruthideepikareddy@users.noreply.github.com>
Date: Thu, 8 Jan 2026 14:28:22 +0530
Subject: [PATCH 8/8] test(web): expand unit test coverage for static pages and
align with guidelines
---
src/__tests__/About.test.tsx | 29 ++++++++++++++++++++++++++
src/__tests__/Contact.test.tsx | 33 ++++++++++++++++++++++++++++++
src/__tests__/Download.test.tsx | 30 +++++++++++++++++++++++++++
src/__tests__/Leaderboard.test.tsx | 32 +++++++++++++++++++++++++++++
src/__tests__/Privacy.test.tsx | 30 +++++++++++++++++++++++++++
src/__tests__/Terms.test.tsx | 28 +++++++++++++++++++++++++
src/__tests__/setup.ts | 15 +++++++++++++-
7 files changed, 196 insertions(+), 1 deletion(-)
create mode 100644 src/__tests__/About.test.tsx
create mode 100644 src/__tests__/Contact.test.tsx
create mode 100644 src/__tests__/Download.test.tsx
create mode 100644 src/__tests__/Leaderboard.test.tsx
create mode 100644 src/__tests__/Privacy.test.tsx
create mode 100644 src/__tests__/Terms.test.tsx
diff --git a/src/__tests__/About.test.tsx b/src/__tests__/About.test.tsx
new file mode 100644
index 0000000..3391614
--- /dev/null
+++ b/src/__tests__/About.test.tsx
@@ -0,0 +1,29 @@
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import AboutPage from '../app/about/page';
+import React from 'react';
+
+// Mock the Layout component because it uses Navbar and Footer which might have problematic hooks for a simple unit test
+vi.mock('@/components/layout/Layout', () => ({
+ default: ({ children }: { children: React.ReactNode }) => {children}
,
+}));
+
+describe('AboutPage', () => {
+ it('renders the redefining heading', () => {
+ render({children}
,
+}));
+
+describe('ContactPage', () => {
+ it('renders the Contact Us heading', () => {
+ render({children}
,
+}));
+
+describe('DownloadPage', () => {
+ it('renders the Download page headers', () => {
+ render({children}
,
+}));
+
+// Mock components that might use window/hooks
+vi.mock('@/components/leaderboard/PublicLeaderboard', () => ({
+ default: () => Public Leaderboard
,
+}));
+
+describe('LeaderboardPage', () => {
+ it('renders the Leaderboard page headers', () => {
+ render({children}
,
+}));
+
+describe('PrivacyPage', () => {
+ it('renders the Privacy page heading', () => {
+ render({children}
,
+}));
+
+describe('TermsPage', () => {
+ it('renders the Terms of Service heading', () => {
+ render(