bender/2aa015ad-d23f-4d5c-816c-a029d7103014
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-11 19:41:26 +00:00
Conversation 0 Commits 5 Files Changed 5 +152 -423
5 changed files with 152 additions and 423 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
src/app/blog/page.tsx
View File

@@ -6,7 +6,7 @@ import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleC
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Star, HelpCircle } from "lucide-react";
import { Sparkles, Star, Zap, Lock, GitCompare, Lightbulb, TrendingUp, Users, HelpCircle } from "lucide-react";
export default function BlogPage() {
const navItems = [
@@ -19,8 +19,7 @@ export default function BlogPage() {
const footerColumns = [
{
title: "Tools",
items: [
title: "Tools", items: [
{ label: "Generators", href: "/tools/generator" },
{ label: "Converters", href: "/tools/converter" },
{ label: "Games", href: "/games" },
@@ -28,8 +27,7 @@ export default function BlogPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Contact", href: "/contact" },
@@ -37,8 +35,7 @@ export default function BlogPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Tutorials", href: "#" },
{ label: "Documentation", href: "#" },
{ label: "API Docs", href: "#" },
@@ -46,8 +43,7 @@ export default function BlogPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -90,42 +86,26 @@ export default function BlogPage() {
{ text: "Browse Tools", href: "/tools" },
]}
buttonAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/welcome-composition-background-differente-languages_23-2147871526.jpg?_wi=3",
imageAlt: "Blog articles and insights",
},
imageSrc: "http://img.b2bpic.net/free-vector/welcome-composition-background-differente-languages_23-2147871526.jpg", imageAlt: "Blog articles and insights"},
{
imageSrc: "http://img.b2bpic.net/free-vector/application-development-infographic_1025-405.jpg?_wi=6",
imageAlt: "Development tips and tricks",
},
imageSrc: "http://img.b2bpic.net/free-vector/application-development-infographic_1025-405.jpg", imageAlt: "Development tips and tricks"},
{
imageSrc: "http://img.b2bpic.net/free-vector/charity-app_23-2148628460.jpg?_wi=5",
imageAlt: "User experience improvements",
},
imageSrc: "http://img.b2bpic.net/free-vector/charity-app_23-2148628460.jpg", imageAlt: "User experience improvements"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg?_wi=6",
imageAlt: "Productivity insights",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "Productivity insights"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laptop-with-sticky-note-with-reminder_23-2148578079.jpg?_wi=4",
imageAlt: "Tech tips and reminders",
},
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laptop-with-sticky-note-with-reminder_23-2148578079.jpg", imageAlt: "Tech tips and reminders"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-writing-notes_23-2148504494.jpg?_wi=5",
imageAlt: "Writing and documentation",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-writing-notes_23-2148504494.jpg", imageAlt: "Writing and documentation"},
{
imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-with-online-shopping-concept_23-2148439972.jpg?_wi=5",
imageAlt: "Mobile-first strategies",
},
imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-with-online-shopping-concept_23-2148439972.jpg", imageAlt: "Mobile-first strategies"},
{
imageSrc: "http://img.b2bpic.net/free-vector/multiple-option-quiz-banner-your-competition-event-show_1017-50060.jpg?_wi=5",
imageAlt: "Interactive blog features",
},
imageSrc: "http://img.b2bpic.net/free-vector/multiple-option-quiz-banner-your-competition-event-show_1017-50060.jpg", imageAlt: "Interactive blog features"},
]}
carouselPosition="right"
/>
@@ -143,35 +123,23 @@ export default function BlogPage() {
useInvertedBackground={false}
features={[
{
icon: "Zap",
title: "Maximize Productivity",
description: "Learn pro tips for using our tools effectively and streamline your daily workflow with time-saving techniques",
},
icon: Zap,
title: "Maximize Productivity", description: "Learn pro tips for using our tools effectively and streamline your daily workflow with time-saving techniques"},
{
icon: "Lock",
title: "Security Best Practices",
description: "Understand password security, data protection, and best practices for online safety and privacy",
},
icon: Lock,
title: "Security Best Practices", description: "Understand password security, data protection, and best practices for online safety and privacy"},
{
icon: "GitCompare",
title: "Tool Comparisons",
description: "Deep dives into comparing our utilities with others and understanding which tools work best for your needs",
},
icon: GitCompare,
title: "Tool Comparisons", description: "Deep dives into comparing our utilities with others and understanding which tools work best for your needs"},
{
icon: "Lightbulb",
title: "Creative Use Cases",
description: "Discover innovative ways users are combining tools to solve problems and achieve their goals faster",
},
icon: Lightbulb,
title: "Creative Use Cases", description: "Discover innovative ways users are combining tools to solve problems and achieve their goals faster"},
{
icon: "TrendingUp",
title: "Industry Insights",
description: "Stay updated with industry trends and how emerging technologies impact productivity and digital tools",
},
icon: TrendingUp,
title: "Industry Insights", description: "Stay updated with industry trends and how emerging technologies impact productivity and digital tools"},
{
icon: "Users",
title: "Community Stories",
description: "Read success stories from our community members and learn how they use ToolBox in their daily lives",
},
icon: Users,
title: "Community Stories", description: "Read success stories from our community members and learn how they use ToolBox in their daily lives"},
]}
/>
</div>
@@ -189,35 +157,17 @@ export default function BlogPage() {
animationType="smooth"
faqs={[
{
id: "1",
title: "How often are new blog posts published?",
content: "We publish new blog posts and articles twice a week on Tuesdays and Fridays. Subscribe to our newsletter to get notified about new content directly in your inbox.",
},
id: "1", title: "How often are new blog posts published?", content: "We publish new blog posts and articles twice a week on Tuesdays and Fridays. Subscribe to our newsletter to get notified about new content directly in your inbox."},
{
id: "2",
title: "Can I submit guest posts to the blog?",
content: "Yes! We welcome guest contributions from our community. Contact us at support@toolbox.com with your article idea, and we'll review it for publication on our platform.",
},
id: "2", title: "Can I submit guest posts to the blog?", content: "Yes! We welcome guest contributions from our community. Contact us at support@toolbox.com with your article idea, and we'll review it for publication on our platform."},
{
id: "3",
title: "Are the blog articles regularly updated?",
content: "Absolutely. We regularly review and update our articles to ensure they reflect the latest features, best practices, and tool updates. Look for the 'Last Updated' date on each article.",
},
id: "3", title: "Are the blog articles regularly updated?", content: "Absolutely. We regularly review and update our articles to ensure they reflect the latest features, best practices, and tool updates. Look for the 'Last Updated' date on each article."},
{
id: "4",
title: "Can I search the blog for specific topics?",
content: "Yes, use our search functionality to find articles on specific topics. You can also browse by category, tags, or use the sitemap to navigate our entire blog archive.",
},
id: "4", title: "Can I search the blog for specific topics?", content: "Yes, use our search functionality to find articles on specific topics. You can also browse by category, tags, or use the sitemap to navigate our entire blog archive."},
{
id: "5",
title: "How can I stay updated with new blog content?",
content: "Subscribe to our newsletter for weekly digests, follow our social media channels, or add our RSS feed to your reader. Choose the notification method that works best for you.",
},
id: "5", title: "How can I stay updated with new blog content?", content: "Subscribe to our newsletter for weekly digests, follow our social media channels, or add our RSS feed to your reader. Choose the notification method that works best for you."},
{
id: "6",
title: "Can I share blog articles?",
content: "Of course! Each article includes social sharing buttons. Feel free to share articles with your network, and don't forget to tag us for a chance to be featured in our community highlights.",
},
id: "6", title: "Can I share blog articles?", content: "Of course! Each article includes social sharing buttons. Feel free to share articles with your network, and don't forget to tag us for a chance to be featured in our community highlights."},
]}
/>
</div>

174
src/app/page.tsx
View File

@@ -22,8 +22,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Tools",
items: [
title: "Tools", items: [
{ label: "Generators", href: "/tools" },
{ label: "Converters", href: "/tools" },
{ label: "Games", href: "/tools" },
@@ -31,8 +30,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Contact", href: "/contact" },
@@ -40,8 +38,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Tutorials", href: "/" },
{ label: "Documentation", href: "/" },
{ label: "API Docs", href: "/" },
@@ -49,8 +46,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/" },
{ label: "Terms of Service", href: "/" },
{ label: "Cookie Policy", href: "/" },
@@ -88,42 +84,26 @@ export default function HomePage() {
tag="Welcome"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/welcome-composition-background-differente-languages_23-2147871526.jpg?_wi=1",
imageAlt: "username generator tool interface",
},
imageSrc: "http://img.b2bpic.net/free-vector/welcome-composition-background-differente-languages_23-2147871526.jpg", imageAlt: "username generator tool interface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laptop-with-sticky-note-with-reminder_23-2148578079.jpg?_wi=1",
imageAlt: "password generator security shield",
},
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laptop-with-sticky-note-with-reminder_23-2148578079.jpg", imageAlt: "password generator security shield"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-writing-notes_23-2148504494.jpg?_wi=1",
imageAlt: "unit converter measurement tool",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-writing-notes_23-2148504494.jpg", imageAlt: "unit converter measurement tool"},
{
imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-with-online-shopping-concept_23-2148439972.jpg?_wi=1",
imageAlt: "mini games entertainment interface",
},
imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-with-online-shopping-concept_23-2148439972.jpg", imageAlt: "mini games entertainment interface"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/application-development-infographic_1025-405.jpg?_wi=1",
imageAlt: "quick conversion utility tool",
},
imageSrc: "http://img.b2bpic.net/free-vector/application-development-infographic_1025-405.jpg", imageAlt: "quick conversion utility tool"},
{
imageSrc: "http://img.b2bpic.net/free-vector/multiple-option-quiz-banner-your-competition-event-show_1017-50060.jpg?_wi=1",
imageAlt: "fun quiz trivia game",
},
imageSrc: "http://img.b2bpic.net/free-vector/multiple-option-quiz-banner-your-competition-event-show_1017-50060.jpg", imageAlt: "fun quiz trivia game"},
{
imageSrc: "http://img.b2bpic.net/free-vector/charity-app_23-2148628460.jpg?_wi=1",
imageAlt: "user friendly interface design",
},
imageSrc: "http://img.b2bpic.net/free-vector/charity-app_23-2148628460.jpg", imageAlt: "user friendly interface design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg?_wi=1",
imageAlt: "mobile responsive website design",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "mobile responsive website design"},
]}
carouselPosition="right"
buttons={[
@@ -147,34 +127,22 @@ export default function HomePage() {
features={[
{
icon: Zap,
title: "Username Generator",
description: "Create unique, creative usernames instantly for gaming, social media, or online accounts",
},
title: "Username Generator", description: "Create unique, creative usernames instantly for gaming, social media, or online accounts"},
{
icon: Lock,
title: "Password Generator",
description: "Generate strong, secure passwords with customizable length and character types",
},
title: "Password Generator", description: "Generate strong, secure passwords with customizable length and character types"},
{
icon: GitCompare,
title: "Unit Converter",
description: "Convert between units quickly - length, weight, temperature, and more",
},
title: "Unit Converter", description: "Convert between units quickly - length, weight, temperature, and more"},
{
icon: Image,
title: "Image Converter",
description: "Convert images between formats like JPG, PNG, WebP, and resize them online",
},
title: "Image Converter", description: "Convert images between formats like JPG, PNG, WebP, and resize them online"},
{
icon: Gamepad2,
title: "Mini Games",
description: "Play fun, casual games to take a break and have some entertainment",
},
title: "Mini Games", description: "Play fun, casual games to take a break and have some entertainment"},
{
icon: Brain,
title: "Quiz Master",
description: "Test your knowledge with our collection of entertaining quizzes",
},
title: "Quiz Master", description: "Test your knowledge with our collection of entertaining quizzes"},
]}
/>
</div>
@@ -193,53 +161,17 @@ export default function HomePage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Username & Pseudonym Generator",
price: "Free",
variant: "Instant Generation",
imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-application_23-2148576388.jpg?_wi=1",
imageAlt: "username generator creative names",
},
id: "1", name: "Username & Pseudonym Generator", price: "Free", variant: "Instant Generation", imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-application_23-2148576388.jpg", imageAlt: "username generator creative names"},
{
id: "2",
name: "Strong Password Generator",
price: "Free",
variant: "Custom Options",
imageSrc: "http://img.b2bpic.net/free-vector/security-background-design_1300-256.jpg?_wi=1",
imageAlt: "password generator security tool",
},
id: "2", name: "Strong Password Generator", price: "Free", variant: "Custom Options", imageSrc: "http://img.b2bpic.net/free-vector/security-background-design_1300-256.jpg", imageAlt: "password generator security tool"},
{
id: "3",
name: "Universal Unit Converter",
price: "Free",
variant: "100+ Units",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440960.jpg?_wi=1",
imageAlt: "unit converter measurement tool",
},
id: "3", name: "Universal Unit Converter", price: "Free", variant: "100+ Units", imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440960.jpg", imageAlt: "unit converter measurement tool"},
{
id: "4",
name: "Image Format Converter",
price: "Free",
variant: "Multiple Formats",
imageSrc: "http://img.b2bpic.net/free-photo/crop-photographers-with-laptop-camera_1098-21638.jpg?_wi=1",
imageAlt: "image format converter tool",
},
id: "4", name: "Image Format Converter", price: "Free", variant: "Multiple Formats", imageSrc: "http://img.b2bpic.net/free-photo/crop-photographers-with-laptop-camera_1098-21638.jpg", imageAlt: "image format converter tool"},
{
id: "5",
name: "Quick Quiz Generator",
price: "Free",
variant: "Fun Challenges",
imageSrc: "http://img.b2bpic.net/free-vector/instagram-poll-sticker-set_23-2150306058.jpg?_wi=1",
imageAlt: "quiz generator trivia questions",
},
id: "5", name: "Quick Quiz Generator", price: "Free", variant: "Fun Challenges", imageSrc: "http://img.b2bpic.net/free-vector/instagram-poll-sticker-set_23-2150306058.jpg", imageAlt: "quiz generator trivia questions"},
{
id: "6",
name: "Arcade Mini Games",
price: "Free",
variant: "Multiple Games",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retro-computer-windows-element-set_23-2150369739.jpg?_wi=1",
imageAlt: "mini games arcade collection",
},
id: "6", name: "Arcade Mini Games", price: "Free", variant: "Multiple Games", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retro-computer-windows-element-set_23-2150369739.jpg", imageAlt: "mini games arcade collection"},
]}
/>
</div>
@@ -254,15 +186,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Students",
"Developers",
"Content Creators",
"Gamers",
"Designers",
"Writers",
"Teachers",
"Business Owners",
]}
"Students", "Developers", "Content Creators", "Gamers", "Designers", "Writers", "Teachers", "Business Owners"]}
speed={40}
showCard={true}
/>
@@ -274,26 +198,18 @@ export default function HomePage() {
description="Subscribe to our newsletter and get notified about new tools, tips, and updates delivered to your inbox"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "interests",
placeholder: "What tools interest you most?",
rows: 3,
name: "interests", placeholder: "What tools interest you most?", rows: 3,
required: false,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-vector/flat-design-newsletter-template_23-2150746762.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-vector/flat-design-newsletter-template_23-2150746762.jpg"
imageAlt="newsletter subscription email signup"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -315,35 +231,17 @@ export default function HomePage() {
animationType="smooth"
faqs={[
{
id: "1",
title: "Are all tools really free?",
content: "Yes! All our tools are completely free to use. No hidden fees, no premium upgrades, no login required. We support ourselves through non-intrusive advertising.",
},
id: "1", title: "Are all tools really free?", content: "Yes! All our tools are completely free to use. No hidden fees, no premium upgrades, no login required. We support ourselves through non-intrusive advertising."},
{
id: "2",
title: "Is my data secure when using these tools?",
content: "Absolutely. We prioritize your privacy and security. All data processing happens locally in your browser - nothing is stored on our servers. Check our Privacy Policy for complete details.",
},
id: "2", title: "Is my data secure when using these tools?", content: "Absolutely. We prioritize your privacy and security. All data processing happens locally in your browser - nothing is stored on our servers. Check our Privacy Policy for complete details."},
{
id: "3",
title: "Can I use these tools offline?",
content: "Most tools work offline once loaded. However, some features may require internet connectivity for optimal functionality. Try your favorite tool offline to check.",
},
id: "3", title: "Can I use these tools offline?", content: "Most tools work offline once loaded. However, some features may require internet connectivity for optimal functionality. Try your favorite tool offline to check."},
{
id: "4",
title: "Do you offer an API or bulk tool access?",
content: "Currently, we focus on individual user access through our web interface. If you need enterprise solutions or API access, please contact us for special arrangements.",
},
id: "4", title: "Do you offer an API or bulk tool access?", content: "Currently, we focus on individual user access through our web interface. If you need enterprise solutions or API access, please contact us for special arrangements."},
{
id: "5",
title: "How often are new tools added?",
content: "We regularly add new tools based on user feedback and popular requests. Subscribe to our newsletter to stay informed about new additions and improvements.",
},
id: "5", title: "How often are new tools added?", content: "We regularly add new tools based on user feedback and popular requests. Subscribe to our newsletter to stay informed about new additions and improvements."},
{
id: "6",
title: "Can I report bugs or suggest improvements?",
content: "Absolutely! We love feedback. Visit our Contact page or email us directly at support@toolbox.com. Your suggestions help us make better tools.",
},
id: "6", title: "Can I report bugs or suggest improvements?", content: "Absolutely! We love feedback. Visit our Contact page or email us directly at support@toolbox.com. Your suggestions help us make better tools."},
]}
/>
</div>

114
src/app/tools/generator/page.tsx
View File

@@ -20,8 +20,7 @@ export default function GeneratorToolPage() {
const footerColumns = [
{
title: "Tools",
items: [
title: "Tools", items: [
{ label: "Generators", href: "/tools/generator" },
{ label: "Converters", href: "/tools/password" },
{ label: "Games", href: "/games" },
@@ -29,8 +28,7 @@ export default function GeneratorToolPage() {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Contact", href: "/contact" },
@@ -38,8 +36,7 @@ export default function GeneratorToolPage() {
]
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Tutorials", href: "#" },
{ label: "Documentation", href: "#" },
{ label: "API Docs", href: "#" },
@@ -47,8 +44,7 @@ export default function GeneratorToolPage() {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -59,34 +55,22 @@ export default function GeneratorToolPage() {
const faqItems = [
{
id: "1",
title: "How does the username generator work?",
content: "Our username generator uses advanced algorithms to create unique, creative, and memorable usernames based on your preferences. Simply click generate to get instant results tailored to your needs."
id: "1", title: "How does the username generator work?", content: "Our username generator uses advanced algorithms to create unique, creative, and memorable usernames based on your preferences. Simply click generate to get instant results tailored to your needs."
},
{
id: "2",
title: "Can I customize the generated usernames?",
content: "Yes! You can customize results by specifying preferences like length, style (casual, professional, gaming), and character types. The generator will adapt to create usernames matching your criteria."
id: "2", title: "Can I customize the generated usernames?", content: "Yes! You can customize results by specifying preferences like length, style (casual, professional, gaming), and character types. The generator will adapt to create usernames matching your criteria."
},
{
id: "3",
title: "Are generated names unique and original?",
content: "Our generator creates original combinations, though we cannot guarantee they are available on all platforms. We recommend checking availability on your target social media or gaming platform."
id: "3", title: "Are generated names unique and original?", content: "Our generator creates original combinations, though we cannot guarantee they are available on all platforms. We recommend checking availability on your target social media or gaming platform."
},
{
id: "4",
title: "How many usernames can I generate?",
content: "Generate as many usernames as you need! There's no limit. Keep generating until you find the perfect username that matches your brand or personality."
id: "4", title: "How many usernames can I generate?", content: "Generate as many usernames as you need! There's no limit. Keep generating until you find the perfect username that matches your brand or personality."
},
{
id: "5",
title: "Can I save my favorite usernames?",
content: "You can easily copy any generated username to your clipboard and save it in your notes or browser bookmarks for future reference."
id: "5", title: "Can I save my favorite usernames?", content: "You can easily copy any generated username to your clipboard and save it in your notes or browser bookmarks for future reference."
},
{
id: "6",
title: "Is the tool free to use?",
content: "Absolutely! Our username generator is completely free with no hidden fees, registration required, or limitations on the number of generations."
id: "6", title: "Is the tool free to use?", content: "Absolutely! Our username generator is completely free with no hidden fees, registration required, or limitations on the number of generations."
}
];
@@ -124,18 +108,18 @@ export default function GeneratorToolPage() {
{ text: "Explore Tools", href: "/tools/password" }
]}
buttonAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-vector/welcome-composition-background-differente-languages_23-2147871526.jpg?_wi=2", imageAlt: "Username generator tool interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laptop-with-sticky-note-with-reminder_23-2148578079.jpg?_wi=2", imageAlt: "Creative name generation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-writing-notes_23-2148504494.jpg?_wi=2", imageAlt: "Name writing notes" },
{ imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-with-online-shopping-concept_23-2148439972.jpg?_wi=2", imageAlt: "Mobile interface" }
{ imageSrc: "http://img.b2bpic.net/free-vector/welcome-composition-background-differente-languages_23-2147871526.jpg", imageAlt: "Username generator tool interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laptop-with-sticky-note-with-reminder_23-2148578079.jpg", imageAlt: "Creative name generation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-writing-notes_23-2148504494.jpg", imageAlt: "Name writing notes" },
{ imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-with-online-shopping-concept_23-2148439972.jpg", imageAlt: "Mobile interface" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-vector/application-development-infographic_1025-405.jpg?_wi=2", imageAlt: "App development" },
{ imageSrc: "http://img.b2bpic.net/free-vector/multiple-option-quiz-banner-your-competition-event-show_1017-50060.jpg?_wi=2", imageAlt: "Quiz interface" },
{ imageSrc: "http://img.b2bpic.net/free-vector/charity-app_23-2148628460.jpg?_wi=2", imageAlt: "App design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg?_wi=2", imageAlt: "Office workspace" }
{ imageSrc: "http://img.b2bpic.net/free-vector/application-development-infographic_1025-405.jpg", imageAlt: "App development" },
{ imageSrc: "http://img.b2bpic.net/free-vector/multiple-option-quiz-banner-your-competition-event-show_1017-50060.jpg", imageAlt: "Quiz interface" },
{ imageSrc: "http://img.b2bpic.net/free-vector/charity-app_23-2148628460.jpg", imageAlt: "App design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "Office workspace" }
]}
carouselPosition="right"
/>
@@ -154,33 +138,27 @@ export default function GeneratorToolPage() {
features={[
{
icon: Zap,
title: "Instant Generation",
description: "Get creative usernames instantly with a single click. No waiting, no complicated setup."
title: "Instant Generation", description: "Get creative usernames instantly with a single click. No waiting, no complicated setup."
},
{
icon: Lock,
title: "Customizable Options",
description: "Choose username style, length, and character preferences to match your brand perfectly."
title: "Customizable Options", description: "Choose username style, length, and character preferences to match your brand perfectly."
},
{
icon: GitCompare,
title: "Multiple Styles",
description: "Generate casual, professional, gaming, or creative usernames tailored to your platform."
title: "Multiple Styles", description: "Generate casual, professional, gaming, or creative usernames tailored to your platform."
},
{
icon: Image,
title: "Easy Copying",
description: "Copy generated usernames with one click and save them for later reference."
title: "Easy Copying", description: "Copy generated usernames with one click and save them for later reference."
},
{
icon: Gamepad2,
title: "Gaming Focused",
description: "Special algorithm for gaming usernames that are memorable and platform-friendly."
title: "Gaming Focused", description: "Special algorithm for gaming usernames that are memorable and platform-friendly."
},
{
icon: Brain,
title: "AI-Powered",
description: "Advanced algorithms create unique combinations never seen before on your chosen platform."
title: "AI-Powered", description: "Advanced algorithms create unique combinations never seen before on your chosen platform."
}
]}
/>
@@ -200,52 +178,22 @@ export default function GeneratorToolPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Username & Pseudonym Generator",
price: "Free",
variant: "Instant Generation",
imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-application_23-2148576388.jpg?_wi=3",
imageAlt: "Username generator tool"
id: "1", name: "Username & Pseudonym Generator", price: "Free", variant: "Instant Generation", imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-application_23-2148576388.jpg", imageAlt: "Username generator tool"
},
{
id: "2",
name: "Strong Password Generator",
price: "Free",
variant: "Custom Options",
imageSrc: "http://img.b2bpic.net/free-vector/security-background-design_1300-256.jpg?_wi=3",
imageAlt: "Password generator security"
id: "2", name: "Strong Password Generator", price: "Free", variant: "Custom Options", imageSrc: "http://img.b2bpic.net/free-vector/security-background-design_1300-256.jpg", imageAlt: "Password generator security"
},
{
id: "3",
name: "Universal Unit Converter",
price: "Free",
variant: "100+ Units",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440960.jpg?_wi=3",
imageAlt: "Unit converter tool"
id: "3", name: "Universal Unit Converter", price: "Free", variant: "100+ Units", imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440960.jpg", imageAlt: "Unit converter tool"
},
{
id: "4",
name: "Image Format Converter",
price: "Free",
variant: "Multiple Formats",
imageSrc: "http://img.b2bpic.net/free-photo/crop-photographers-with-laptop-camera_1098-21638.jpg?_wi=3",
imageAlt: "Image converter tool"
id: "4", name: "Image Format Converter", price: "Free", variant: "Multiple Formats", imageSrc: "http://img.b2bpic.net/free-photo/crop-photographers-with-laptop-camera_1098-21638.jpg", imageAlt: "Image converter tool"
},
{
id: "5",
name: "Quick Quiz Generator",
price: "Free",
variant: "Fun Challenges",
imageSrc: "http://img.b2bpic.net/free-vector/instagram-poll-sticker-set_23-2150306058.jpg?_wi=3",
imageAlt: "Quiz generator tool"
id: "5", name: "Quick Quiz Generator", price: "Free", variant: "Fun Challenges", imageSrc: "http://img.b2bpic.net/free-vector/instagram-poll-sticker-set_23-2150306058.jpg", imageAlt: "Quiz generator tool"
},
{
id: "6",
name: "Arcade Mini Games",
price: "Free",
variant: "Multiple Games",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retro-computer-windows-element-set_23-2150369739.jpg?_wi=3",
imageAlt: "Mini games collection"
id: "6", name: "Arcade Mini Games", price: "Free", variant: "Multiple Games", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retro-computer-windows-element-set_23-2150369739.jpg", imageAlt: "Mini games collection"
}
]}
/>

114
src/app/tools/password/page.tsx
View File

@@ -20,8 +20,7 @@ export default function PasswordToolPage() {
const footerColumns = [
{
title: "Tools",
items: [
title: "Tools", items: [
{ label: "Generators", href: "/tools/generator" },
{ label: "Converters", href: "/tools/password" },
{ label: "Games", href: "/games" },
@@ -29,8 +28,7 @@ export default function PasswordToolPage() {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Contact", href: "/contact" },
@@ -38,8 +36,7 @@ export default function PasswordToolPage() {
]
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Tutorials", href: "#" },
{ label: "Documentation", href: "#" },
{ label: "API Docs", href: "#" },
@@ -47,8 +44,7 @@ export default function PasswordToolPage() {
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -59,34 +55,22 @@ export default function PasswordToolPage() {
const faqItems = [
{
id: "1",
title: "How strong are the generated passwords?",
content: "Our generator creates passwords with military-grade encryption standards using a combination of uppercase letters, lowercase letters, numbers, and special characters. Each password is cryptographically random and meets NIST guidelines for password security."
id: "1", title: "How strong are the generated passwords?", content: "Our generator creates passwords with military-grade encryption standards using a combination of uppercase letters, lowercase letters, numbers, and special characters. Each password is cryptographically random and meets NIST guidelines for password security."
},
{
id: "2",
title: "Can I customize password requirements?",
content: "Yes! You can customize password length (8-128 characters), include or exclude uppercase, lowercase, numbers, special characters, and avoid ambiguous characters like 0 and O. Customize to meet your specific security requirements."
id: "2", title: "Can I customize password requirements?", content: "Yes! You can customize password length (8-128 characters), include or exclude uppercase, lowercase, numbers, special characters, and avoid ambiguous characters like 0 and O. Customize to meet your specific security requirements."
},
{
id: "3",
title: "Are my passwords stored or tracked?",
content: "Absolutely not. All password generation happens locally in your browser. Nothing is stored on our servers, logged, or transmitted anywhere. Your passwords are private and secure."
id: "3", title: "Are my passwords stored or tracked?", content: "Absolutely not. All password generation happens locally in your browser. Nothing is stored on our servers, logged, or transmitted anywhere. Your passwords are private and secure."
},
{
id: "4",
title: "How long should my password be?",
content: "We recommend 16+ characters for maximum security. Longer passwords are exponentially harder to crack. Most accounts allow 16-32 character passwords. We support up to 128 characters."
id: "4", title: "How long should my password be?", content: "We recommend 16+ characters for maximum security. Longer passwords are exponentially harder to crack. Most accounts allow 16-32 character passwords. We support up to 128 characters."
},
{
id: "5",
title: "Can I use these passwords for all my accounts?",
content: "It's best practice to use unique passwords for each account. Our generator creates completely unique passwords every time, so you can generate different ones for each service."
id: "5", title: "Can I use these passwords for all my accounts?", content: "It's best practice to use unique passwords for each account. Our generator creates completely unique passwords every time, so you can generate different ones for each service."
},
{
id: "6",
title: "What makes a password truly secure?",
content: "A truly secure password combines length, randomness, and complexity. Our generator uses cryptographic randomness, includes all character types, and avoids patterns that make passwords vulnerable to cracking attempts."
id: "6", title: "What makes a password truly secure?", content: "A truly secure password combines length, randomness, and complexity. Our generator uses cryptographic randomness, includes all character types, and avoids patterns that make passwords vulnerable to cracking attempts."
}
];
@@ -124,18 +108,18 @@ export default function PasswordToolPage() {
{ text: "Back to Tools", href: "/tools/generator" }
]}
buttonAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laptop-with-sticky-note-with-reminder_23-2148578079.jpg?_wi=3", imageAlt: "Password security focus" },
{ imageSrc: "http://img.b2bpic.net/free-vector/security-background-design_1300-256.jpg?_wi=4", imageAlt: "Security background design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-writing-notes_23-2148504494.jpg?_wi=3", imageAlt: "Secure notes" },
{ imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-with-online-shopping-concept_23-2148439972.jpg?_wi=3", imageAlt: "Mobile security" }
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laptop-with-sticky-note-with-reminder_23-2148578079.jpg", imageAlt: "Password security focus" },
{ imageSrc: "http://img.b2bpic.net/free-vector/security-background-design_1300-256.jpg", imageAlt: "Security background design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-writing-notes_23-2148504494.jpg", imageAlt: "Secure notes" },
{ imageSrc: "http://img.b2bpic.net/free-vector/mobile-phone-with-online-shopping-concept_23-2148439972.jpg", imageAlt: "Mobile security" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-vector/application-development-infographic_1025-405.jpg?_wi=3", imageAlt: "Security application" },
{ imageSrc: "http://img.b2bpic.net/free-vector/multiple-option-quiz-banner-your-competition-event-show_1017-50060.jpg?_wi=3", imageAlt: "Security options" },
{ imageSrc: "http://img.b2bpic.net/free-vector/charity-app_23-2148628460.jpg?_wi=3", imageAlt: "Secure interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg?_wi=3", imageAlt: "Secure workspace" }
{ imageSrc: "http://img.b2bpic.net/free-vector/application-development-infographic_1025-405.jpg", imageAlt: "Security application" },
{ imageSrc: "http://img.b2bpic.net/free-vector/multiple-option-quiz-banner-your-competition-event-show_1017-50060.jpg", imageAlt: "Security options" },
{ imageSrc: "http://img.b2bpic.net/free-vector/charity-app_23-2148628460.jpg", imageAlt: "Secure interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916743.jpg", imageAlt: "Secure workspace" }
]}
carouselPosition="right"
/>
@@ -154,33 +138,27 @@ export default function PasswordToolPage() {
features={[
{
icon: Lock,
title: "Military-Grade Encryption",
description: "Generate passwords using cryptographically secure random algorithms meeting NIST standards."
title: "Military-Grade Encryption", description: "Generate passwords using cryptographically secure random algorithms meeting NIST standards."
},
{
icon: Zap,
title: "Instant Generation",
description: "Create strong passwords instantly with one click. No waiting, no installation required."
title: "Instant Generation", description: "Create strong passwords instantly with one click. No waiting, no installation required."
},
{
icon: GitCompare,
title: "Full Customization",
description: "Control length, character types, special characters, and exclude ambiguous characters."
title: "Full Customization", description: "Control length, character types, special characters, and exclude ambiguous characters."
},
{
icon: Image,
title: "Local Processing",
description: "All password generation happens in your browser. Nothing stored on servers ever."
title: "Local Processing", description: "All password generation happens in your browser. Nothing stored on servers ever."
},
{
icon: Gamepad2,
title: "Multiple Presets",
description: "Pre-configured profiles for different account types and security requirements."
title: "Multiple Presets", description: "Pre-configured profiles for different account types and security requirements."
},
{
icon: Brain,
title: "Strength Meter",
description: "Real-time feedback on password strength and estimated crack time for your password."
title: "Strength Meter", description: "Real-time feedback on password strength and estimated crack time for your password."
}
]}
/>
@@ -200,52 +178,22 @@ export default function PasswordToolPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Username & Pseudonym Generator",
price: "Free",
variant: "Instant Generation",
imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-application_23-2148576388.jpg?_wi=4",
imageAlt: "Username generator"
id: "1", name: "Username & Pseudonym Generator", price: "Free", variant: "Instant Generation", imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-application_23-2148576388.jpg", imageAlt: "Username generator"
},
{
id: "2",
name: "Strong Password Generator",
price: "Free",
variant: "Custom Options",
imageSrc: "http://img.b2bpic.net/free-vector/security-background-design_1300-256.jpg?_wi=5",
imageAlt: "Password generator security"
id: "2", name: "Strong Password Generator", price: "Free", variant: "Custom Options", imageSrc: "http://img.b2bpic.net/free-vector/security-background-design_1300-256.jpg", imageAlt: "Password generator security"
},
{
id: "3",
name: "Universal Unit Converter",
price: "Free",
variant: "100+ Units",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440960.jpg?_wi=4",
imageAlt: "Unit converter"
id: "3", name: "Universal Unit Converter", price: "Free", variant: "100+ Units", imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440960.jpg", imageAlt: "Unit converter"
},
{
id: "4",
name: "Image Format Converter",
price: "Free",
variant: "Multiple Formats",
imageSrc: "http://img.b2bpic.net/free-photo/crop-photographers-with-laptop-camera_1098-21638.jpg?_wi=4",
imageAlt: "Image converter"
id: "4", name: "Image Format Converter", price: "Free", variant: "Multiple Formats", imageSrc: "http://img.b2bpic.net/free-photo/crop-photographers-with-laptop-camera_1098-21638.jpg", imageAlt: "Image converter"
},
{
id: "5",
name: "Quick Quiz Generator",
price: "Free",
variant: "Fun Challenges",
imageSrc: "http://img.b2bpic.net/free-vector/instagram-poll-sticker-set_23-2150306058.jpg?_wi=4",
imageAlt: "Quiz generator"
id: "5", name: "Quick Quiz Generator", price: "Free", variant: "Fun Challenges", imageSrc: "http://img.b2bpic.net/free-vector/instagram-poll-sticker-set_23-2150306058.jpg", imageAlt: "Quiz generator"
},
{
id: "6",
name: "Arcade Mini Games",
price: "Free",
variant: "Multiple Games",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retro-computer-windows-element-set_23-2150369739.jpg?_wi=4",
imageAlt: "Mini games"
id: "6", name: "Arcade Mini Games", price: "Free", variant: "Multiple Games", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retro-computer-windows-element-set_23-2150369739.jpg", imageAlt: "Mini games"
}
]}
/>

59
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,36 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
size?: number;
fontWeight?: number;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
size = 48,
fontWeight = 700,
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 200 60"
className={className}
aria-label={text}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="10"
y="40"
fontSize={size}
fontWeight={fontWeight}
fill="currentColor"
dominantBaseline="middle"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;