From 6de7f8dcb2643caa6e007628756ee8ff28316168 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 9 Mar 2026 09:01:03 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 125 +++++++++++++++++++++++++++++++---------------- 1 file changed, 83 insertions(+), 42 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7a70ad9..1840b7c 100644 --- a/src/app/page.tsx +++ b/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." + }, ]} /> @@ -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." + }, ]} /> -- 2.49.1