Merge version_1 into main #2
125
src/app/page.tsx
125
src/app/page.tsx
@@ -30,6 +30,9 @@ import {
|
||||
Shield,
|
||||
HardDrive,
|
||||
Mouse,
|
||||
Eye,
|
||||
Smartphone,
|
||||
BarChart,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -89,13 +92,16 @@ export default function LandingPage() {
|
||||
stats: [
|
||||
{
|
||||
title: "Monthly Income", values: [2500, 3200, 4100],
|
||||
valuePrefix: "$", description: "This month earnings"},
|
||||
valuePrefix: "$", description: "This month earnings"
|
||||
},
|
||||
{
|
||||
title: "Total Invoices", values: [12, 18, 24],
|
||||
description: "Active invoices"},
|
||||
description: "Active invoices"
|
||||
},
|
||||
{
|
||||
title: "Unpaid Amount", values: [800, 1200, 950],
|
||||
valuePrefix: "$", description: "Pending payments"},
|
||||
valuePrefix: "$", description: "Pending payments"
|
||||
},
|
||||
],
|
||||
chartTitle: "Monthly Revenue Trend", chartData: [
|
||||
{ value: 2500 },
|
||||
@@ -107,13 +113,16 @@ export default function LandingPage() {
|
||||
listTitle: "Recent Invoices", listItems: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Invoice #001 - $2,500", status: "Paid"},
|
||||
title: "Invoice #001 - $2,500", status: "Paid"
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Invoice #002 - $1,800", status: "Pending"},
|
||||
title: "Invoice #002 - $1,800", status: "Pending"
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Invoice #003 - $3,200", status: "Paid"},
|
||||
title: "Invoice #003 - $3,200", status: "Paid"
|
||||
},
|
||||
],
|
||||
}}
|
||||
/>
|
||||
@@ -134,7 +143,8 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
title: "Auto-Incrementing Invoices", description:
|
||||
"Invoice numbers increment automatically. Never manually manage numbering again.", bentoComponent: "animated-bar-chart"},
|
||||
"Invoice numbers increment automatically. Never manually manage numbering again.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Client Management", description:
|
||||
"Save and organize client details. Select from your saved clients in seconds.", bentoComponent: "icon-info-cards", items: [
|
||||
@@ -157,19 +167,23 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
title: "Statistics Dashboard", description:
|
||||
"Track revenue, monthly trends, and top clients with beautiful charts.", bentoComponent: "line-chart"},
|
||||
"Track revenue, monthly trends, and top clients with beautiful charts.", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Fast Workflow", description:
|
||||
"Create invoices in under 20 seconds. Optimized for speed and clarity.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Zap,
|
||||
title: "20 Seconds", subtitle: "Invoice Creation", detail: "Streamlined workflow"},
|
||||
title: "20 Seconds", subtitle: "Invoice Creation", detail: "Streamlined workflow"
|
||||
},
|
||||
{
|
||||
icon: Mouse,
|
||||
title: "3 Clicks", subtitle: "PDF Export", detail: "One-click generation"},
|
||||
title: "3 Clicks", subtitle: "PDF Export", detail: "One-click generation"
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "100%", subtitle: "Done Locally", detail: "No server needed"},
|
||||
title: "100%", subtitle: "Done Locally", detail: "No server needed"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -192,27 +206,33 @@ export default function LandingPage() {
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Time-Saving", description:
|
||||
"Generate invoices faster than ever. Reduce administrative work to seconds."},
|
||||
"Generate invoices faster than ever. Reduce administrative work to seconds."
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
icon: Eye,
|
||||
title: "Clean Interface", description:
|
||||
"Distraction-free design. Focus on what matters—creating and managing invoices."},
|
||||
"Distraction-free design. Focus on what matters—creating and managing invoices."
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Privacy First", description:
|
||||
"Your data never leaves your browser. Complete control over your invoices."},
|
||||
"Your data never leaves your browser. Complete control over your invoices."
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
icon: Smartphone,
|
||||
title: "Responsive", description:
|
||||
"Works on desktop and mobile. Invoice on the go, anytime, anywhere."},
|
||||
"Works on desktop and mobile. Invoice on the go, anytime, anywhere."
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "No Setup", description:
|
||||
"Start immediately. No backend, no configuration, no complex setup."},
|
||||
"Start immediately. No backend, no configuration, no complex setup."
|
||||
},
|
||||
{
|
||||
icon: BarChart3,
|
||||
icon: BarChart,
|
||||
title: "Smart Analytics", description:
|
||||
"Track revenue trends and client insights with automatic calculations."},
|
||||
"Track revenue trends and client insights with automatic calculations."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -229,7 +249,7 @@ export default function LandingPage() {
|
||||
{ value: "100%", title: "Data Privacy Guaranteed" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/financial-charts-table-with-laptop_1232-2736.jpg"
|
||||
imageAlt="freelancer workspace home office setup"
|
||||
imageAlt="Freelancer workspace with invoicing setup"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -241,22 +261,28 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Petra Svobodová", handle: "@petradesgn", testimonial:
|
||||
"Finally, a tool that respects my time. I was spending hours on invoicing—now it takes minutes. Exactly what freelancers need.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg?_wi=1", imageAlt: "Petra Svobodová"},
|
||||
"Finally, a tool that respects my time. I was spending hours on invoicing—now it takes minutes. Exactly what freelancers need.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageAlt: "Petra Svobodová"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Jakub Novotný", handle: "@jakub.dev", testimonial:
|
||||
"No backend, no complications. All my invoices stored locally—perfect for privacy. This is how invoicing software should be.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-145.jpg?_wi=1", imageAlt: "Jakub Novotný"},
|
||||
"No backend, no complications. All my invoices stored locally—perfect for privacy. This is how invoicing software should be.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-145.jpg", imageAlt: "Jakub Novotný"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Marie Čermáková", handle: "@marie.writer", testimonial:
|
||||
"Clean, minimal, and fast. I can generate a professional invoice and export PDF in under 30 seconds. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7126.jpg", imageAlt: "Marie Čermáková"},
|
||||
"Clean, minimal, and fast. I can generate a professional invoice and export PDF in under 30 seconds. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7126.jpg", imageAlt: "Marie Čermáková"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kříž", handle: "@david.consultant", testimonial:
|
||||
"The statistics dashboard gives me real insights into my monthly revenue. Worth every second. Love this tool.", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-with-glasses_1098-760.jpg", imageAlt: "David Kříž"},
|
||||
"The statistics dashboard gives me real insights into my monthly revenue. Worth every second. Love this tool.", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-with-glasses_1098-760.jpg", imageAlt: "David Kříž"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lenka Horváthová", handle: "@lenka.coach", testimonial:
|
||||
"Simple, elegant, and effective. No unnecessary features—just what I need to manage my invoices professionally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg?_wi=2", imageAlt: "Lenka Horváthová"},
|
||||
"Simple, elegant, and effective. No unnecessary features—just what I need to manage my invoices professionally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageAlt: "Lenka Horváthová"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Tomáš Procházka", handle: "@tomas.it", testimonial:
|
||||
"Built with freelancers in mind. The interface is intuitive, and the workflow is optimized. This is professional software.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-145.jpg?_wi=2", imageAlt: "Tomáš Procházka"},
|
||||
"Built with freelancers in mind. The interface is intuitive, and the workflow is optimized. This is professional software.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-145.jpg", imageAlt: "Tomáš Procházka"
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Loved by Freelancers"
|
||||
@@ -283,7 +309,8 @@ export default function LandingPage() {
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited invoices", "Up to 10 clients", "Basic statistics", "PDF export", "Browser storage"],
|
||||
"Unlimited invoices", "Up to 10 clients", "Basic statistics", "PDF export", "Browser storage"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
@@ -292,7 +319,8 @@ export default function LandingPage() {
|
||||
{ text: "Chat to Sales", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited invoices", "Unlimited clients", "Advanced analytics", "Custom templates", "Data export", "Priority support"],
|
||||
"Unlimited invoices", "Unlimited clients", "Advanced analytics", "Custom templates", "Data export", "Priority support"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3", price: "Free", name: "Enterprise", buttons: [
|
||||
@@ -300,7 +328,8 @@ export default function LandingPage() {
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Everything in Professional", "Team collaboration", "API access", "Custom branding", "Dedicated support", "SLA guarantee"],
|
||||
"Everything in Professional", "Team collaboration", "API access", "Custom branding", "Dedicated support", "SLA guarantee"
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -319,40 +348,52 @@ export default function LandingPage() {
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long does it take to create an invoice?", content:
|
||||
"Most invoices can be created in under 20 seconds. Select a client, add line items, and generate the PDF. The entire workflow is optimized for speed."},
|
||||
"Most invoices can be created in under 20 seconds. Select a client, add line items, and generate the PDF. The entire workflow is optimized for speed."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Is my data safe?", content:
|
||||
"Yes. All data is stored locally in your browser using localStorage. Your invoices never leave your computer. No cloud servers, no third-party access."},
|
||||
"Yes. All data is stored locally in your browser using localStorage. Your invoices never leave your computer. No cloud servers, no third-party access."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do I need to set up a backend?", content:
|
||||
"No. InvoicePro is a fully client-side application. No backend, no database, no server configuration needed. Everything runs in your browser."},
|
||||
"No. InvoicePro is a fully client-side application. No backend, no database, no server configuration needed. Everything runs in your browser."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can I export invoices as PDF?", content:
|
||||
"Yes. Click 'Generate PDF' and a professional invoice PDF is created instantly. Fully formatted and ready to send to clients."},
|
||||
"Yes. Click 'Generate PDF' and a professional invoice PDF is created instantly. Fully formatted and ready to send to clients."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How many clients can I manage?", content:
|
||||
"Unlimited. Save as many clients as you need. Browser storage capacity is typically 5-10MB, which allows thousands of invoice records."},
|
||||
"Unlimited. Save as many clients as you need. Browser storage capacity is typically 5-10MB, which allows thousands of invoice records."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What happens if I clear my browser data?", content:
|
||||
"Your invoices will be deleted if you clear browser storage. We recommend exporting important invoices as PDFs or using browser backup features."},
|
||||
"Your invoices will be deleted if you clear browser storage. We recommend exporting important invoices as PDFs or using browser backup features."
|
||||
},
|
||||
{
|
||||
id: "7", title: "Is there a cost?", content:
|
||||
"InvoicePro is completely free. No subscriptions, no hidden fees, no payment required. Open-source and community-driven."},
|
||||
"InvoicePro is completely free. No subscriptions, no hidden fees, no payment required. Open-source and community-driven."
|
||||
},
|
||||
{
|
||||
id: "8", title: "Can I use this on mobile?", content:
|
||||
"Yes. InvoicePro is fully responsive. Create and manage invoices on your phone, tablet, or desktop with the same experience."},
|
||||
"Yes. InvoicePro is fully responsive. Create and manage invoices on your phone, tablet, or desktop with the same experience."
|
||||
},
|
||||
{
|
||||
id: "9", title: "How do I backup my data?", content:
|
||||
"Export your invoices regularly as PDFs. You can also use browser developer tools to export localStorage data as JSON for backup purposes."},
|
||||
"Export your invoices regularly as PDFs. You can also use browser developer tools to export localStorage data as JSON for backup purposes."
|
||||
},
|
||||
{
|
||||
id: "10", title: "Can I customize invoice templates?", content:
|
||||
"Yes. Professional plan includes custom templates. You can add your company details, bank information, and custom branding."},
|
||||
"Yes. Professional plan includes custom templates. You can add your company details, bank information, and custom branding."
|
||||
},
|
||||
{
|
||||
id: "11", title: "Does it support Czech invoice standards?", content:
|
||||
"Yes. InvoicePro fully supports Czech invoicing requirements including ICO, DIC, and VAT number fields for OSVČ compliance."},
|
||||
"Yes. InvoicePro fully supports Czech invoicing requirements including ICO, DIC, and VAT number fields for OSVČ compliance."
|
||||
},
|
||||
{
|
||||
id: "12", title: "What browsers are supported?", content:
|
||||
"Works on all modern browsers (Chrome, Firefox, Safari, Edge). Requires JavaScript enabled and localStorage support."},
|
||||
"Works on all modern browsers (Chrome, Firefox, Safari, Edge). Requires JavaScript enabled and localStorage support."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user