Merge version_1 into main #2
@@ -35,9 +35,7 @@ export default function AboutPage() {
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/resume",
|
||||
}}
|
||||
text: "Get Started", href: "/resume"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -63,16 +61,10 @@ export default function AboutPage() {
|
||||
title="Recommended By Leading Industry Publications"
|
||||
description="NonePay has been featured and recommended by top productivity and business platforms worldwide."
|
||||
tag="Featured In"
|
||||
names={[
|
||||
"TechCrunch", "Product Hunt", "Forbes", "Entrepreneur", "Business Insider", "Mashable", "VentureBeat", "Medium"]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/techcrunch-logo-black-text-techcrunch-wi-1773230950928-9cb895ff.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/product-hunt-logo-recognizable-orange-an-1773230952533-d182421c.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/forbes-logo-classic-black-serif-typograp-1773230951401-9f2e4609.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/entrepreneur-logo-modern-sans-serif-entr-1773230952123-ae2be757.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/business-insider-logo-black-text-busines-1773230950969-6c9f026a.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/mashable-logo-iconic-blue-wordmark-masha-1773230952481-33fc4ac4.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/venturebeat-logo-modern-wordmark-with-ve-1773230952807-dc9e9b4b.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/medium-logo-black-letter-m-icon-and-medi-1773230952514-7722b91d.png",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/techcrunch-logo-black-text-techcrunch-wi-1773230950928-9cb895ff.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/product-hunt-logo-recognizable-orange-an-1773230952533-d182421c.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/forbes-logo-classic-black-serif-typograp-1773230951401-9f2e4609.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/entrepreneur-logo-modern-sans-serif-entr-1773230952123-ae2be757.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/business-insider-logo-black-text-busines-1773230950969-6c9f026a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/mashable-logo-iconic-blue-wordmark-masha-1773230952481-33fc4ac4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/venturebeat-logo-modern-wordmark-with-ve-1773230952807-dc9e9b4b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/medium-logo-black-letter-m-icon-and-medi-1773230952514-7722b91d.png"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={40}
|
||||
@@ -89,58 +81,22 @@ export default function AboutPage() {
|
||||
tagIcon={Heart}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Product Designer",
|
||||
testimonial: "NonePay's resume builder helped me land my dream role at a top tech company. The templates are stunning and the customization is incredibly intuitive. Best free tool I've found!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-confident-wom-1773230951951-55999f37.png?_wi=3",
|
||||
imageAlt: "Sarah Mitchell headshot",
|
||||
icon: CheckCircle,
|
||||
id: "1", name: "Sarah Mitchell", role: "Product Designer", testimonial: "NonePay's resume builder helped me land my dream role at a top tech company. The templates are stunning and the customization is incredibly intuitive. Best free tool I've found!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-confident-wom-1773230951951-55999f37.png", imageAlt: "Sarah Mitchell headshot", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Freelance Developer",
|
||||
testimonial: "The invoice generator saves me hours every month. Professional formatting, automatic calculations, and PDF export. I can't imagine managing invoices without it now.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-30-1773230954552-727f5b3b.png?_wi=3",
|
||||
imageAlt: "James Chen headshot",
|
||||
icon: CheckCircle,
|
||||
id: "2", name: "James Chen", role: "Freelance Developer", testimonial: "The invoice generator saves me hours every month. Professional formatting, automatic calculations, and PDF export. I can't imagine managing invoices without it now.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-30-1773230954552-727f5b3b.png", imageAlt: "James Chen headshot", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Content Writer",
|
||||
testimonial: "The word counter tool is exceptional. Real-time statistics, reading time estimates, and keyword density analysis help me optimize my content instantly. Highly recommended!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-woman-in-her--1773230951076-5a49ecbe.png?_wi=3",
|
||||
imageAlt: "Emma Rodriguez headshot",
|
||||
icon: CheckCircle,
|
||||
id: "3", name: "Emma Rodriguez", role: "Content Writer", testimonial: "The word counter tool is exceptional. Real-time statistics, reading time estimates, and keyword density analysis help me optimize my content instantly. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-woman-in-her--1773230951076-5a49ecbe.png", imageAlt: "Emma Rodriguez headshot", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Park",
|
||||
role: "Small Business Owner",
|
||||
testimonial: "NonePay is a complete game-changer for my business. Free, professional, and reliable. I've recommended it to all my networking contacts. Outstanding service.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-40-1773230951384-8702c44b.png?_wi=3",
|
||||
imageAlt: "Michael Park headshot",
|
||||
icon: CheckCircle,
|
||||
id: "4", name: "Michael Park", role: "Small Business Owner", testimonial: "NonePay is a complete game-changer for my business. Free, professional, and reliable. I've recommended it to all my networking contacts. Outstanding service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-40-1773230951384-8702c44b.png", imageAlt: "Michael Park headshot", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Taylor",
|
||||
role: "Executive Coach",
|
||||
testimonial: "The attention to detail is remarkable. Every feature feels premium despite being completely free. NonePay demonstrates what quality SaaS should look like.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-woman-in-her--1773230951971-ed215aa6.png?_wi=3",
|
||||
imageAlt: "Jessica Taylor headshot",
|
||||
icon: CheckCircle,
|
||||
id: "5", name: "Jessica Taylor", role: "Executive Coach", testimonial: "The attention to detail is remarkable. Every feature feels premium despite being completely free. NonePay demonstrates what quality SaaS should look like.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-woman-in-her--1773230951971-ed215aa6.png", imageAlt: "Jessica Taylor headshot", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Okonkwo",
|
||||
role: "Marketing Manager",
|
||||
testimonial: "Professional, fast, and intuitive. NonePay has become my go-to platform for all productivity needs. The team clearly cares about user experience.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-30-1773230952107-6b1ac72e.png?_wi=3",
|
||||
imageAlt: "David Okonkwo headshot",
|
||||
icon: CheckCircle,
|
||||
id: "6", name: "David Okonkwo", role: "Marketing Manager", testimonial: "Professional, fast, and intuitive. NonePay has become my go-to platform for all productivity needs. The team clearly cares about user experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-30-1773230952107-6b1ac72e.png", imageAlt: "David Okonkwo headshot", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -155,48 +111,20 @@ export default function AboutPage() {
|
||||
<MetricCardSeven
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
title: "Resume Templates Available",
|
||||
items: [
|
||||
"Modern creative designs",
|
||||
"Traditional professional formats",
|
||||
"Industry-specific layouts",
|
||||
"Fully customizable styles",
|
||||
],
|
||||
id: "1", value: "500+", title: "Resume Templates Available", items: [
|
||||
"Modern creative designs", "Traditional professional formats", "Industry-specific layouts", "Fully customizable styles"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2.5M+",
|
||||
title: "Documents Created",
|
||||
items: [
|
||||
"Resumes, invoices & letters",
|
||||
"Across 180+ countries",
|
||||
"100% free platform",
|
||||
"Zero ads or premium walls",
|
||||
],
|
||||
id: "2", value: "2.5M+", title: "Documents Created", items: [
|
||||
"Resumes, invoices & letters", "Across 180+ countries", "100% free platform", "Zero ads or premium walls"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
title: "User Satisfaction Rate",
|
||||
items: [
|
||||
"Intuitive interface design",
|
||||
"Lightning-fast performance",
|
||||
"Mobile responsive",
|
||||
"Professional results",
|
||||
],
|
||||
id: "3", value: "98%", title: "User Satisfaction Rate", items: [
|
||||
"Intuitive interface design", "Lightning-fast performance", "Mobile responsive", "Professional results"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
title: "Platform Availability",
|
||||
items: [
|
||||
"Always online and ready",
|
||||
"No downtime or maintenance",
|
||||
"Instant document export",
|
||||
"Secure data handling",
|
||||
],
|
||||
id: "4", value: "24/7", title: "Platform Availability", items: [
|
||||
"Always online and ready", "No downtime or maintenance", "Instant document export", "Secure data handling"],
|
||||
},
|
||||
]}
|
||||
title="NonePay by the Numbers"
|
||||
@@ -215,8 +143,7 @@ export default function AboutPage() {
|
||||
logoText="NonePay"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Resume Builder", href: "/resume" },
|
||||
{ label: "Invoice Generator", href: "/invoice" },
|
||||
{ label: "Word Counter", href: "/word-counter" },
|
||||
@@ -224,8 +151,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
@@ -233,8 +159,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Help Center", href: "/help" },
|
||||
{ label: "Documentation", href: "/docs" },
|
||||
{ label: "API Reference", href: "/api" },
|
||||
@@ -242,8 +167,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
@@ -251,8 +175,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "https://twitter.com/nonepay" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/nonepay" },
|
||||
{ label: "GitHub", href: "https://github.com/nonepay" },
|
||||
|
||||
@@ -8,6 +8,7 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import Link from "next/link";
|
||||
import { CheckCircle, Heart, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function InvoicePage() {
|
||||
const navItems = [
|
||||
@@ -40,9 +41,7 @@ export default function InvoicePage() {
|
||||
brandName="NonePay"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/resume",
|
||||
}}
|
||||
text: "Get Started", href: "/resume"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -52,18 +51,14 @@ export default function InvoicePage() {
|
||||
title="Professional Invoice Generator"
|
||||
description="Create polished invoices in minutes. Add your logo, company details, itemized billing, automatic calculations, and payment terms. Download as PDF or print directly."
|
||||
tag="Core Features"
|
||||
tagIcon="Zap"
|
||||
tagIcon={CheckCircle}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Professional Invoice Generator",
|
||||
description: "Create polished invoices in minutes. Add your logo, company details, itemized billing, automatic calculations, and payment terms. Download as PDF or print directly. Perfect for freelancers and small businesses.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/invoice-generator-interface-displaying-a-1773230952772-6992373a.png?_wi=2",
|
||||
},
|
||||
title: "Professional Invoice Generator", description: "Create polished invoices in minutes. Add your logo, company details, itemized billing, automatic calculations, and payment terms. Download as PDF or print directly. Perfect for freelancers and small businesses.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/invoice-generator-interface-displaying-a-1773230952772-6992373a.png"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/invoice-form-interface-showing-input-fie-1773230952596-63f0025b.png?_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/invoice-form-interface-showing-input-fie-1773230952596-63f0025b.png"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -79,51 +74,23 @@ export default function InvoicePage() {
|
||||
title="Invoice Generator by the Numbers"
|
||||
description="Trusted by freelancers and small business owners worldwide for professional invoicing."
|
||||
tag="Impact & Growth"
|
||||
tagIcon="TrendingUp"
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1M+",
|
||||
title: "Invoices Generated",
|
||||
items: [
|
||||
"Professional templates",
|
||||
"Automated calculations",
|
||||
"Multi-currency support",
|
||||
"PDF export included",
|
||||
],
|
||||
id: "1", value: "1M+", title: "Invoices Generated", items: [
|
||||
"Professional templates", "Automated calculations", "Multi-currency support", "PDF export included"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50K+",
|
||||
title: "Active Users",
|
||||
items: [
|
||||
"Freelancers & consultants",
|
||||
"Small business owners",
|
||||
"Service providers",
|
||||
"Global coverage",
|
||||
],
|
||||
id: "2", value: "50K+", title: "Active Users", items: [
|
||||
"Freelancers & consultants", "Small business owners", "Service providers", "Global coverage"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
items: [
|
||||
"Always available platform",
|
||||
"Zero data loss",
|
||||
"Secure cloud storage",
|
||||
"Instant access",
|
||||
],
|
||||
id: "3", value: "99.9%", title: "Uptime Reliability", items: [
|
||||
"Always available platform", "Zero data loss", "Secure cloud storage", "Instant access"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "4.9/5",
|
||||
title: "User Rating",
|
||||
items: [
|
||||
"Intuitive interface",
|
||||
"Fast processing",
|
||||
"Professional results",
|
||||
"Excellent support",
|
||||
],
|
||||
id: "4", value: "4.9/5", title: "User Rating", items: [
|
||||
"Intuitive interface", "Fast processing", "Professional results", "Excellent support"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -137,31 +104,16 @@ export default function InvoicePage() {
|
||||
title="Trusted by Professionals"
|
||||
description="Join thousands of freelancers and business owners who rely on our invoice generator daily."
|
||||
tag="User Testimonials"
|
||||
tagIcon="Heart"
|
||||
tagIcon={Heart}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Chen",
|
||||
role: "Freelance Developer",
|
||||
testimonial: "The invoice generator saves me hours every month. Professional formatting, automatic calculations, and PDF export. I can't imagine managing invoices without it now.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-30-1773230954552-727f5b3b.png?_wi=2",
|
||||
icon: "CheckCircle",
|
||||
id: "1", name: "James Chen", role: "Freelance Developer", testimonial: "The invoice generator saves me hours every month. Professional formatting, automatic calculations, and PDF export. I can't imagine managing invoices without it now.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-30-1773230954552-727f5b3b.png", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Park",
|
||||
role: "Small Business Owner",
|
||||
testimonial: "NonePay is a complete game-changer for my business. Free, professional, and reliable. I've recommended it to all my networking contacts. Outstanding service.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-40-1773230951384-8702c44b.png?_wi=2",
|
||||
icon: "CheckCircle",
|
||||
id: "2", name: "Michael Park", role: "Small Business Owner", testimonial: "NonePay is a complete game-changer for my business. Free, professional, and reliable. I've recommended it to all my networking contacts. Outstanding service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-40-1773230951384-8702c44b.png", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Product Designer",
|
||||
testimonial: "The attention to detail is remarkable. Every feature feels premium despite being completely free. NonePay demonstrates what quality SaaS should look like.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-confident-wom-1773230951951-55999f37.png?_wi=2",
|
||||
icon: "CheckCircle",
|
||||
id: "3", name: "Sarah Mitchell", role: "Product Designer", testimonial: "The attention to detail is remarkable. Every feature feels premium despite being completely free. NonePay demonstrates what quality SaaS should look like.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-confident-wom-1773230951951-55999f37.png", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -178,65 +130,29 @@ export default function InvoicePage() {
|
||||
tag="Help & Support"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What can I do with the Invoice Generator?",
|
||||
content: "The Invoice Generator lets you create professional invoices by entering company details, client information, itemized services, quantities, prices, and taxes. It automatically calculates totals and formats everything like a professional accounting document. You can download as PDF, print, or save for later.",
|
||||
},
|
||||
id: "1", title: "What can I do with the Invoice Generator?", content: "The Invoice Generator lets you create professional invoices by entering company details, client information, itemized services, quantities, prices, and taxes. It automatically calculates totals and formats everything like a professional accounting document. You can download as PDF, print, or save for later."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I customize invoice templates?",
|
||||
content: "Absolutely. You can customize company logo, colors, fonts, business address, payment terms, and all text content. Each invoice can be tailored to your brand identity while maintaining professional formatting.",
|
||||
},
|
||||
id: "2", title: "Can I customize invoice templates?", content: "Absolutely. You can customize company logo, colors, fonts, business address, payment terms, and all text content. Each invoice can be tailored to your brand identity while maintaining professional formatting."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there a limit to invoices I can create?",
|
||||
content: "No limit. You can create unlimited invoices completely free. There are no premium tiers or hidden fees. Create as many professional invoices as you need.",
|
||||
},
|
||||
id: "3", title: "Is there a limit to invoices I can create?", content: "No limit. You can create unlimited invoices completely free. There are no premium tiers or hidden fees. Create as many professional invoices as you need."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I download invoices as PDF?",
|
||||
content: "Yes, you can download your completed invoice as a high-quality PDF file. The PDF maintains all formatting, colors, and layouts perfectly. You can also print directly from the platform.",
|
||||
},
|
||||
id: "4", title: "Can I download invoices as PDF?", content: "Yes, you can download your completed invoice as a high-quality PDF file. The PDF maintains all formatting, colors, and layouts perfectly. You can also print directly from the platform."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Does it support multiple currencies?",
|
||||
content: "Yes, the Invoice Generator supports multiple currencies and payment methods. You can set currency symbols, decimal places, and payment terms for international clients.",
|
||||
},
|
||||
id: "5", title: "Does it support multiple currencies?", content: "Yes, the Invoice Generator supports multiple currencies and payment methods. You can set currency symbols, decimal places, and payment terms for international clients."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I save invoices for later?",
|
||||
content: "Yes, create an account to save your invoices and access them from any device. You can also duplicate invoices to save time on repetitive billing to the same clients.",
|
||||
},
|
||||
id: "6", title: "Can I save invoices for later?", content: "Yes, create an account to save your invoices and access them from any device. You can also duplicate invoices to save time on repetitive billing to the same clients."},
|
||||
{
|
||||
id: "7",
|
||||
title: "Is my invoice data secure?",
|
||||
content: "Yes, all data is encrypted and stored securely. NonePay prioritizes user privacy and never shares your information. You can delete invoices anytime.",
|
||||
},
|
||||
id: "7", title: "Is my invoice data secure?", content: "Yes, all data is encrypted and stored securely. NonePay prioritizes user privacy and never shares your information. You can delete invoices anytime."},
|
||||
{
|
||||
id: "8",
|
||||
title: "Can I use it on mobile?",
|
||||
content: "Yes, the Invoice Generator is fully responsive and works perfectly on mobile, tablet, and desktop devices. Create professional invoices on the go.",
|
||||
},
|
||||
id: "8", title: "Can I use it on mobile?", content: "Yes, the Invoice Generator is fully responsive and works perfectly on mobile, tablet, and desktop devices. Create professional invoices on the go."},
|
||||
{
|
||||
id: "9",
|
||||
title: "How long does it take to create an invoice?",
|
||||
content: "Creating an invoice typically takes 2-5 minutes. Fill in client details, add line items, review the preview, and download. The platform is designed for speed and simplicity.",
|
||||
},
|
||||
id: "9", title: "How long does it take to create an invoice?", content: "Creating an invoice typically takes 2-5 minutes. Fill in client details, add line items, review the preview, and download. The platform is designed for speed and simplicity."},
|
||||
{
|
||||
id: "10",
|
||||
title: "Do I need to create an account?",
|
||||
content: "Creating an account is optional for basic usage. However, an account allows you to save invoices, access them from any device, and manage multiple clients.",
|
||||
},
|
||||
id: "10", title: "Do I need to create an account?", content: "Creating an account is optional for basic usage. However, an account allows you to save invoices, access them from any device, and manage multiple clients."},
|
||||
{
|
||||
id: "11",
|
||||
title: "Can I add payment terms and due dates?",
|
||||
content: "Yes, you can specify payment terms (Net 30, Net 60, etc.), due dates, and payment instructions. This helps clarify expectations with your clients.",
|
||||
},
|
||||
id: "11", title: "Can I add payment terms and due dates?", content: "Yes, you can specify payment terms (Net 30, Net 60, etc.), due dates, and payment instructions. This helps clarify expectations with your clients."},
|
||||
{
|
||||
id: "12",
|
||||
title: "Is there customer support?",
|
||||
content: "Yes, we offer 24/7 support via email and chat. Our team responds within 24 hours to help with any questions or technical issues.",
|
||||
},
|
||||
id: "12", title: "Is there customer support?", content: "Yes, we offer 24/7 support via email and chat. Our team responds within 24 hours to help with any questions or technical issues."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -250,8 +166,7 @@ export default function InvoicePage() {
|
||||
logoText="NonePay"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Resume Builder", href: "/" },
|
||||
{ label: "Invoice Generator", href: "/invoice" },
|
||||
{ label: "Word Counter", href: "/word-counter" },
|
||||
@@ -259,8 +174,7 @@ export default function InvoicePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
@@ -268,8 +182,7 @@ export default function InvoicePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Help Center", href: "/help" },
|
||||
{ label: "Documentation", href: "/docs" },
|
||||
{ label: "API Reference", href: "/api" },
|
||||
@@ -277,8 +190,7 @@ export default function InvoicePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
@@ -286,8 +198,7 @@ export default function InvoicePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "https://twitter.com/nonepay" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/nonepay" },
|
||||
{ label: "GitHub", href: "https://github.com/nonepay" },
|
||||
|
||||
@@ -8,6 +8,7 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import Link from "next/link";
|
||||
import { CheckCircle, Heart, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function WordCounterPage() {
|
||||
const navItems = [
|
||||
@@ -36,9 +37,7 @@ export default function WordCounterPage() {
|
||||
brandName="NonePay"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/resume",
|
||||
}}
|
||||
text: "Get Started", href: "/resume"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -48,18 +47,14 @@ export default function WordCounterPage() {
|
||||
title="Advanced Word Counter & Text Analysis"
|
||||
description="Real-time text analysis with comprehensive statistics for writers, students, and professionals who need detailed insights into their content."
|
||||
tag="Core Features"
|
||||
tagIcon="Zap"
|
||||
tagIcon={CheckCircle}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Advanced Word Counter & Analysis",
|
||||
description: "Real-time text analysis with word count, character count, sentence count, reading time, and keyword density. Clean, distraction-free interface perfect for writers, students, and professionals.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/word-counter-interface-with-large-text-i-1773230952371-7a767177.png?_wi=2",
|
||||
},
|
||||
title: "Advanced Word Counter & Analysis", description: "Real-time text analysis with word count, character count, sentence count, reading time, and keyword density. Clean, distraction-free interface perfect for writers, students, and professionals.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/word-counter-interface-with-large-text-i-1773230952371-7a767177.png"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/word-counter-analytics-panel-showing-det-1773230952632-573dfcef.png?_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/word-counter-analytics-panel-showing-det-1773230952632-573dfcef.png"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -75,51 +70,23 @@ export default function WordCounterPage() {
|
||||
title="Word Counter Usage Statistics"
|
||||
description="Trusted by writers, students, and content creators worldwide for accurate text analysis and productivity insights."
|
||||
tag="Impact & Growth"
|
||||
tagIcon="TrendingUp"
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10M+",
|
||||
title: "Texts Analyzed",
|
||||
items: [
|
||||
"Real-time statistics",
|
||||
"Instant insights",
|
||||
"Zero processing lag",
|
||||
"Accurate results",
|
||||
],
|
||||
id: "1", value: "10M+", title: "Texts Analyzed", items: [
|
||||
"Real-time statistics", "Instant insights", "Zero processing lag", "Accurate results"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100K+",
|
||||
title: "Active Writers",
|
||||
items: [
|
||||
"Content creators",
|
||||
"Academic students",
|
||||
"Professional writers",
|
||||
"Global community",
|
||||
],
|
||||
id: "2", value: "100K+", title: "Active Writers", items: [
|
||||
"Content creators", "Academic students", "Professional writers", "Global community"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "14",
|
||||
title: "Analysis Metrics",
|
||||
items: [
|
||||
"Word count",
|
||||
"Character count",
|
||||
"Sentence analysis",
|
||||
"Reading statistics",
|
||||
],
|
||||
id: "3", value: "14", title: "Analysis Metrics", items: [
|
||||
"Word count", "Character count", "Sentence analysis", "Reading statistics"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
title: "Platform Availability",
|
||||
items: [
|
||||
"Always online",
|
||||
"No downtime",
|
||||
"Instant access",
|
||||
"Reliable service",
|
||||
],
|
||||
id: "4", value: "24/7", title: "Platform Availability", items: [
|
||||
"Always online", "No downtime", "Instant access", "Reliable service"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -133,31 +100,16 @@ export default function WordCounterPage() {
|
||||
title="Loved by Content Creators"
|
||||
description="Join thousands of writers and students who rely on our word counter for accurate text analysis and content optimization."
|
||||
tag="User Testimonials"
|
||||
tagIcon="Heart"
|
||||
tagIcon={Heart}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Content Writer",
|
||||
testimonial: "The word counter tool is exceptional. Real-time statistics, reading time estimates, and keyword density analysis help me optimize my content instantly. Highly recommended!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-woman-in-her--1773230951076-5a49ecbe.png?_wi=2",
|
||||
icon: "CheckCircle",
|
||||
id: "1", name: "Emma Rodriguez", role: "Content Writer", testimonial: "The word counter tool is exceptional. Real-time statistics, reading time estimates, and keyword density analysis help me optimize my content instantly. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-woman-in-her--1773230951076-5a49ecbe.png", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Okonkwo",
|
||||
role: "Marketing Manager",
|
||||
testimonial: "Professional, fast, and intuitive. NonePay has become my go-to platform for all productivity needs. The word counter helps me maintain consistent content standards.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-30-1773230952107-6b1ac72e.png?_wi=2",
|
||||
icon: "CheckCircle",
|
||||
id: "2", name: "David Okonkwo", role: "Marketing Manager", testimonial: "Professional, fast, and intuitive. NonePay has become my go-to platform for all productivity needs. The word counter helps me maintain consistent content standards.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-man-in-his-30-1773230952107-6b1ac72e.png", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica Taylor",
|
||||
role: "Executive Coach",
|
||||
testimonial: "The attention to detail is remarkable. Every feature feels premium despite being completely free. The word counter provides exactly what I need for my writing projects.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-woman-in-her--1773230951971-ed215aa6.png?_wi=2",
|
||||
icon: "CheckCircle",
|
||||
id: "3", name: "Jessica Taylor", role: "Executive Coach", testimonial: "The attention to detail is remarkable. Every feature feels premium despite being completely free. The word counter provides exactly what I need for my writing projects.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnaceI8pTn50dFcZMIpA0hOEsh/professional-headshot-of-a-woman-in-her--1773230951971-ed215aa6.png", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -174,65 +126,29 @@ export default function WordCounterPage() {
|
||||
tag="Help & Support"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Does the Word Counter show real-time statistics?",
|
||||
content: "Yes, the Word Counter provides real-time analysis including word count, character count, characters without spaces, sentence count, paragraph count, estimated reading time, and keyword density. Statistics update instantly as you type or paste text.",
|
||||
},
|
||||
id: "1", title: "Does the Word Counter show real-time statistics?", content: "Yes, the Word Counter provides real-time analysis including word count, character count, characters without spaces, sentence count, paragraph count, estimated reading time, and keyword density. Statistics update instantly as you type or paste text."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What metrics does the tool provide?",
|
||||
content: "The Word Counter provides 14+ metrics including: word count, character count, characters without spaces, sentence count, paragraph count, average sentence length, average word length, reading time estimate, speaking time, keyword density, syllable count, and flesch reading ease.",
|
||||
},
|
||||
id: "2", title: "What metrics does the tool provide?", content: "The Word Counter provides 14+ metrics including: word count, character count, characters without spaces, sentence count, paragraph count, average sentence length, average word length, reading time estimate, speaking time, keyword density, syllable count, and flesch reading ease."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I copy text from other sources?",
|
||||
content: "Yes, you can paste text from anywhere - documents, emails, websites, social media. Simply copy and paste into the text area, and instant statistics will appear. The tool works with any text content.",
|
||||
},
|
||||
id: "3", title: "Can I copy text from other sources?", content: "Yes, you can paste text from anywhere - documents, emails, websites, social media. Simply copy and paste into the text area, and instant statistics will appear. The tool works with any text content."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is there a character limit?",
|
||||
content: "No character limit. Paste or type as much text as you want. The Word Counter handles everything from short posts to complete books instantly.",
|
||||
},
|
||||
id: "4", title: "Is there a character limit?", content: "No character limit. Paste or type as much text as you want. The Word Counter handles everything from short posts to complete books instantly."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I export the statistics?",
|
||||
content: "Yes, you can export detailed statistics as PDF or copy results. You can also share your analysis with others or save it for later reference.",
|
||||
},
|
||||
id: "5", title: "Can I export the statistics?", content: "Yes, you can export detailed statistics as PDF or copy results. You can also share your analysis with others or save it for later reference."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Does it support multiple languages?",
|
||||
content: "Yes, the Word Counter supports multiple languages including English, Spanish, French, German, Italian, Portuguese, Chinese, Japanese, and more.",
|
||||
},
|
||||
id: "6", title: "Does it support multiple languages?", content: "Yes, the Word Counter supports multiple languages including English, Spanish, French, German, Italian, Portuguese, Chinese, Japanese, and more."},
|
||||
{
|
||||
id: "7",
|
||||
title: "What is reading time estimate?",
|
||||
content: "The reading time estimate calculates how long it takes an average person to read your text based on standard reading speed (approximately 200 words per minute).",
|
||||
},
|
||||
id: "7", title: "What is reading time estimate?", content: "The reading time estimate calculates how long it takes an average person to read your text based on standard reading speed (approximately 200 words per minute)."},
|
||||
{
|
||||
id: "8",
|
||||
title: "Can I track keyword frequency?",
|
||||
content: "Yes, the tool analyzes keyword density and shows the most frequently used words in your text. This helps optimize your content for SEO and consistency.",
|
||||
},
|
||||
id: "8", title: "Can I track keyword frequency?", content: "Yes, the tool analyzes keyword density and shows the most frequently used words in your text. This helps optimize your content for SEO and consistency."},
|
||||
{
|
||||
id: "9",
|
||||
title: "Is there a mobile version?",
|
||||
content: "Yes, the Word Counter is fully responsive and works perfectly on mobile, tablet, and desktop devices. Analyze text on the go from any device.",
|
||||
},
|
||||
id: "9", title: "Is there a mobile version?", content: "Yes, the Word Counter is fully responsive and works perfectly on mobile, tablet, and desktop devices. Analyze text on the go from any device."},
|
||||
{
|
||||
id: "10",
|
||||
title: "Can I use it for academic writing?",
|
||||
content: "Absolutely. The Word Counter is perfect for academic writing, helping you meet word count requirements, check sentence structure, and optimize readability for essays and research papers.",
|
||||
},
|
||||
id: "10", title: "Can I use it for academic writing?", content: "Absolutely. The Word Counter is perfect for academic writing, helping you meet word count requirements, check sentence structure, and optimize readability for essays and research papers."},
|
||||
{
|
||||
id: "11",
|
||||
title: "Is my text data saved?",
|
||||
content: "No, your text is analyzed in real-time but not saved unless you create an account. We prioritize your privacy and never store personal writing without consent.",
|
||||
},
|
||||
id: "11", title: "Is my text data saved?", content: "No, your text is analyzed in real-time but not saved unless you create an account. We prioritize your privacy and never store personal writing without consent."},
|
||||
{
|
||||
id: "12",
|
||||
title: "Is the Word Counter completely free?",
|
||||
content: "Yes, completely free. No hidden costs, premium tiers, or feature limitations. All tools are available for everyone, forever.",
|
||||
},
|
||||
id: "12", title: "Is the Word Counter completely free?", content: "Yes, completely free. No hidden costs, premium tiers, or feature limitations. All tools are available for everyone, forever."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -246,8 +162,7 @@ export default function WordCounterPage() {
|
||||
logoText="NonePay"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Resume Builder", href: "/" },
|
||||
{ label: "Invoice Generator", href: "/invoice" },
|
||||
{ label: "Word Counter", href: "/word-counter" },
|
||||
@@ -255,8 +170,7 @@ export default function WordCounterPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
@@ -264,8 +178,7 @@ export default function WordCounterPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Help Center", href: "/help" },
|
||||
{ label: "Documentation", href: "/docs" },
|
||||
{ label: "API Reference", href: "/api" },
|
||||
@@ -273,8 +186,7 @@ export default function WordCounterPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
@@ -282,8 +194,7 @@ export default function WordCounterPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "https://twitter.com/nonepay" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/nonepay" },
|
||||
{ label: "GitHub", href: "https://github.com/nonepay" },
|
||||
|
||||
@@ -1,51 +1,41 @@
|
||||
"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;
|
||||
fontSize?: number;
|
||||
fontWeight?: string | number;
|
||||
fill?: string;
|
||||
dominantBaseline?: 'auto' | 'text-top' | 'hanging' | 'middle' | 'central' | 'text-bottom' | 'ideographic' | 'mathematical' | 'inherit';
|
||||
className?: string;
|
||||
}
|
||||
|
||||
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,
|
||||
fontSize = 24,
|
||||
fontWeight = 'bold',
|
||||
fill = 'currentColor',
|
||||
dominantBaseline = 'middle',
|
||||
className = '',
|
||||
}) => {
|
||||
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 ${text.length * (fontSize * 0.6)} ${fontSize * 1.5}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<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="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline={dominantBaseline}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user