Update src/app/tools/page.tsx

This commit is contained in:
2026-03-13 14:10:43 +00:00
parent d3eb66748b
commit 9699997823

View File

@@ -19,8 +19,7 @@ export default function ToolsPage() {
const footerColumns = [
{
title: "Tools",
items: [
title: "Tools", items: [
{ label: "Speed Test", href: "/tools#speedtest" },
{ label: "WiFi Analyzer", href: "/tools#wifianalyzer" },
{ label: "File Converter", href: "/tools#converter" },
@@ -28,8 +27,7 @@ export default function ToolsPage() {
],
},
{
title: "More Tools",
items: [
title: "More Tools", items: [
{ label: "Password Generator", href: "/tools#password" },
{ label: "IP Finder", href: "/tools#ipfinder" },
{ label: "QR Code Generator", href: "/tools#qrcode" },
@@ -37,8 +35,7 @@ export default function ToolsPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Pricing", href: "/premium" },
@@ -46,8 +43,7 @@ export default function ToolsPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Affiliate Program", href: "/affiliate" },
@@ -63,7 +59,7 @@ export default function ToolsPage() {
borderRadius="soft"
contentWidth="compact"
sizing="large"
background="noise"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
@@ -88,36 +84,18 @@ export default function ToolsPage() {
animationType="slide-up"
features={[
{
id: "speedtest",
title: "Internet Speed Test",
description: "Measure your connection speed with precision. Get instant results on download, upload, and latency metrics. Perfect for diagnosing connectivity issues.",
tag: "Network Testing",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/internet-speed-test-gauge-showing-fast-r-1773410870050-40f37355.png?_wi=2",
imageAlt: "Internet Speed Test Tool",
buttons: [{ text: "Start Test", href: "#" }],
id: "speedtest", title: "Internet Speed Test", description: "Measure your connection speed with precision. Get instant results on download, upload, and latency metrics. Perfect for diagnosing connectivity issues.", tag: "Network Testing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/internet-speed-test-gauge-showing-fast-r-1773410870050-40f37355.png", imageAlt: "Internet Speed Test Tool", buttons: [{ text: "Start Test", href: "#" }],
},
{
id: "wifianalyzer",
title: "WiFi Analyzer",
description: "Visualize WiFi signals in your area. Analyze signal strength, channel congestion, and identify the best network for your device placement.",
tag: "Network Analysis",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/wifi-analyzer-visualization-showing-sign-1773410870433-f833804f.png?_wi=2",
imageAlt: "WiFi Analyzer Tool",
buttons: [{ text: "Analyze Networks", href: "#" }],
id: "wifianalyzer", title: "WiFi Analyzer", description: "Visualize WiFi signals in your area. Analyze signal strength, channel congestion, and identify the best network for your device placement.", tag: "Network Analysis", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/wifi-analyzer-visualization-showing-sign-1773410870433-f833804f.png", imageAlt: "WiFi Analyzer Tool", buttons: [{ text: "Analyze Networks", href: "#" }],
},
{
id: "converter",
title: "File Converter",
description: "Convert between 50+ file formats instantly. Support for PDF, images, documents, and archives. Batch convert multiple files at once.",
tag: "File Management",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/file-converter-interface-showing-pdf-jpg-1773410870419-3af25ca3.png?_wi=2",
imageAlt: "File Converter Tool",
buttons: [{ text: "Convert Files", href: "#" }],
id: "converter", title: "File Converter", description: "Convert between 50+ file formats instantly. Support for PDF, images, documents, and archives. Batch convert multiple files at once.", tag: "File Management", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/file-converter-interface-showing-pdf-jpg-1773410870419-3af25ca3.png", imageAlt: "File Converter Tool", buttons: [{ text: "Convert Files", href: "#" }],
},
]}
buttons={[{ text: "Back to Home", href: "/" }]}
containerClassName="max-w-6xl"
titleClassName="text-4xl font-bold mb-4"
itemClassName="text-4xl font-bold mb-4"
/>
</div>
@@ -133,36 +111,18 @@ export default function ToolsPage() {
animationType="slide-up"
features={[
{
id: "compressor",
title: "Image Compressor",
description: "Reduce image file sizes without quality loss. Compress JPG, PNG, WebP and more. Perfect for web optimization and storage management.",
tag: "Image Tools",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/image-compression-tool-showing-before-af-1773410870196-514fe3e7.png?_wi=2",
imageAlt: "Image Compressor Tool",
buttons: [{ text: "Compress Now", href: "#" }],
id: "compressor", title: "Image Compressor", description: "Reduce image file sizes without quality loss. Compress JPG, PNG, WebP and more. Perfect for web optimization and storage management.", tag: "Image Tools", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/image-compression-tool-showing-before-af-1773410870196-514fe3e7.png", imageAlt: "Image Compressor Tool", buttons: [{ text: "Compress Now", href: "#" }],
},
{
id: "password",
title: "Password Generator",
description: "Create cryptographically secure passwords instantly. Customize length, complexity, and character types. No storage of generated passwords.",
tag: "Security",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/password-generator-interface-with-streng-1773410870344-e2501b6f.png?_wi=2",
imageAlt: "Password Generator Tool",
buttons: [{ text: "Generate Password", href: "#" }],
id: "password", title: "Password Generator", description: "Create cryptographically secure passwords instantly. Customize length, complexity, and character types. No storage of generated passwords.", tag: "Security", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/password-generator-interface-with-streng-1773410870344-e2501b6f.png", imageAlt: "Password Generator Tool", buttons: [{ text: "Generate Password", href: "#" }],
},
{
id: "ipfinder",
title: "IP Address Finder",
description: "Discover your IP address, location, ISP information, and network details. Includes geolocation mapping and network diagnostics.",
tag: "Network Info",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/ip-address-finder-displaying-location-ma-1773410870840-3dc9199c.png?_wi=2",
imageAlt: "IP Address Finder Tool",
buttons: [{ text: "Find My IP", href: "#" }],
id: "ipfinder", title: "IP Address Finder", description: "Discover your IP address, location, ISP information, and network details. Includes geolocation mapping and network diagnostics.", tag: "Network Info", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/ip-address-finder-displaying-location-ma-1773410870840-3dc9199c.png", imageAlt: "IP Address Finder Tool", buttons: [{ text: "Find My IP", href: "#" }],
},
]}
buttons={[{ text: "Upgrade to Pro", href: "/#pricing" }]}
containerClassName="max-w-6xl"
titleClassName="text-4xl font-bold mb-4"
itemClassName="text-4xl font-bold mb-4"
/>
</div>
@@ -178,36 +138,18 @@ export default function ToolsPage() {
animationType="slide-up"
features={[
{
id: "qrcode",
title: "QR Code Generator",
description: "Generate custom QR codes in seconds. Perfect for marketing campaigns, URLs, contact information, and WiFi sharing.",
tag: "Encoding Tools",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/qr-code-generator-showing-generated-code-1773410871224-9b2aa1ff.png?_wi=2",
imageAlt: "QR Code Generator Tool",
buttons: [{ text: "Create QR Code", href: "#" }],
id: "qrcode", title: "QR Code Generator", description: "Generate custom QR codes in seconds. Perfect for marketing campaigns, URLs, contact information, and WiFi sharing.", tag: "Encoding Tools", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/qr-code-generator-showing-generated-code-1773410871224-9b2aa1ff.png", imageAlt: "QR Code Generator Tool", buttons: [{ text: "Create QR Code", href: "#" }],
},
{
id: "texttools",
title: "Text Tools Suite",
description: "Word counter, character counter, text formatter, and more. Essential utilities for writers, content creators, and developers.",
tag: "Text Processing",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/text-tools-interface-with-word-counter-c-1773410870329-72a86c65.png?_wi=2",
imageAlt: "Text Tools Suite",
buttons: [{ text: "Analyze Text", href: "#" }],
id: "texttools", title: "Text Tools Suite", description: "Word counter, character counter, text formatter, and more. Essential utilities for writers, content creators, and developers.", tag: "Text Processing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/text-tools-interface-with-word-counter-c-1773410870329-72a86c65.png", imageAlt: "Text Tools Suite", buttons: [{ text: "Analyze Text", href: "#" }],
},
{
id: "dashboard",
title: "Tools Dashboard",
description: "Access all your tools from one unified dashboard. Track usage statistics, manage conversions, and monitor your productivity metrics.",
tag: "Dashboard",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/modern-clean-dashboard-interface-showing-1773410871985-74134662.png?_wi=2",
imageAlt: "Tools Dashboard",
buttons: [{ text: "View Dashboard", href: "#" }],
id: "dashboard", title: "Tools Dashboard", description: "Access all your tools from one unified dashboard. Track usage statistics, manage conversions, and monitor your productivity metrics.", tag: "Dashboard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtTIOpCDkEeTJ0EOSOTWt7UTyU/modern-clean-dashboard-interface-showing-1773410871985-74134662.png", imageAlt: "Tools Dashboard", buttons: [{ text: "View Dashboard", href: "#" }],
},
]}
buttons={[{ text: "View Pricing Plans", href: "/#pricing" }]}
containerClassName="max-w-6xl"
titleClassName="text-4xl font-bold mb-4"
itemClassName="text-4xl font-bold mb-4"
/>
</div>
@@ -218,7 +160,7 @@ export default function ToolsPage() {
description="Subscribe to our newsletter for updates on new tools, feature releases, and exclusive tips. We're constantly improving our platform."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "noise" }}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="your@email.com"
buttonText="Subscribe"