+ Find answers to common questions, troubleshoot issues, and learn
+ how to make the most of your BrowsePing experience.
+
+
+
+
+
+
+ {/* Categories Grid */}
+
+
+ Browse by category
+
+
+ }
+ title="Getting Started"
+ description="Learn how to install and set up BrowsePing on your browser."
+ color="from-blue-600 to-cyan-600"
+ />
+ }
+ title="Features & Usage"
+ description="Discover how to use all BrowsePing features effectively."
+ color="from-purple-600 to-pink-600"
+ />
+ }
+ title="Social Features"
+ description="Learn about sharing, groups, and social browsing."
+ color="from-green-600 to-emerald-600"
+ />
+ }
+ title="Privacy & Security"
+ description="Understand how BrowsePing protects your data and privacy."
+ color="from-orange-600 to-red-600"
+ />
+ }
+ title="Troubleshooting"
+ description="Fix common issues and problems with BrowsePing."
+ color="from-indigo-600 to-blue-600"
+ />
+ }
+ title="FAQ"
+ description="Quick answers to frequently asked questions."
+ color="from-yellow-600 to-amber-600"
+ />
+
+
+
+ {/* Popular Articles */}
+
+
+ Popular Articles
+
+
+
+
+
+
+
+
+
+ How to create and join browsing groups
+
+
+ Learn how to create your own browsing groups or join
+ existing ones to browse with friends.
+
+
+
+
+
+
+
+
+
+
+
+ Privacy controls and data management
+
+
+ Understand how to control your privacy settings and manage
+ your shared browsing data.
+
+
+
+
+
+
+
+ {/* Still Need Help Section */}
+
+
+
+
+
+ );
+}
diff --git a/src/components/helpcenter/ContactSupport.tsx b/src/components/helpcenter/ContactSupport.tsx
new file mode 100644
index 0000000..be76f38
--- /dev/null
+++ b/src/components/helpcenter/ContactSupport.tsx
@@ -0,0 +1,30 @@
+// components/helpcenter/ContactSupport.tsx
+import React from "react";
+import { MessageCircle, Mail } from "lucide-react";
+
+export default function ContactSupport() {
+ return (
+
+
+
Still need help?
+
+ {`Can't find what you're looking for? Our support team is here to help.`}
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 43cf909..0f5d336 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -1,7 +1,13 @@
-import React from 'react';
-import Link from 'next/link';
-import Image from 'next/image';
-import { FiGithub, FiMail, FiHeart, FiTwitter, FiLinkedin } from 'react-icons/fi';
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import {
+ FiGithub,
+ FiMail,
+ FiHeart,
+ FiTwitter,
+ FiLinkedin,
+} from "react-icons/fi";
const Footer = () => {
const currentYear = new Date().getFullYear();
@@ -26,12 +32,15 @@ const Footer = () => {
BrowsePing
-
Socialize Your Browsing
+
+ Socialize Your Browsing
+
- Transform your solitary browsing into a vibrant social experience. Connect with friends,
- share your digital presence, and discover what's capturing everyone's attention across the web.
+ Transform your solitary browsing into a vibrant social experience.
+ Connect with friends, share your digital presence, and discover
+ what's capturing everyone's attention across the web.