From 75d049f55dd1fc9cd21307773875a7cd92a1311d Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 16:55:07 +0000 Subject: [PATCH 1/2] Update src/app/clients/page.tsx --- src/app/clients/page.tsx | 83 ++++++++-------------------------------- 1 file changed, 16 insertions(+), 67 deletions(-) diff --git a/src/app/clients/page.tsx b/src/app/clients/page.tsx index b45d55a..121b816 100644 --- a/src/app/clients/page.tsx +++ b/src/app/clients/page.tsx @@ -80,7 +80,7 @@ export default function ClientsPage() { tag="Client Portal" tagIcon={Zap} tagAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg" imageAlt="Client Management Interface" buttons={[{ text: "Manage Clients", href: "/clients" }]} buttonAnimation="slide-up" @@ -97,49 +97,22 @@ export default function ClientsPage() { tagAnimation="slide-up" plans={[ { - id: "1", - badge: "Regular Clients", - badgeIcon: Users, - price: "Standard", - subtitle: "Ongoing relationships", - buttons={[{ text: "View Details", href: "#" }]}, + id: "1", badge: "Regular Clients", badgeIcon: Users, + price: "Standard", subtitle: "Ongoing relationships", buttons: [{ text: "View Details", href: "#" }], features: [ - "Project history tracking", - "Communication logs", - "Document storage", - "Contact information", - "Invoice history", - ], + "Project history tracking", "Communication logs", "Document storage", "Contact information", "Invoice history"], }, { - id: "2", - badge: "Strategic Partners", - badgeIcon: Heart, - price: "Premium", - subtitle: "Long-term partnerships", - buttons={[{ text: "View Details", href: "#" }]}, + id: "2", badge: "Strategic Partners", badgeIcon: Heart, + price: "Premium", subtitle: "Long-term partnerships", buttons: [{ text: "View Details", href: "#" }], features: [ - "Dedicated account manager", - "Priority support", - "Custom reporting", - "Contract management", - "Regular check-ins", - ], + "Dedicated account manager", "Priority support", "Custom reporting", "Contract management", "Regular check-ins"], }, { - id: "3", - badge: "Prospect Leads", - badgeIcon: CheckCircle, - price: "Sales Focus", - subtitle: "New business development", - buttons={[{ text: "View Details", href: "#" }]}, + id: "3", badge: "Prospect Leads", badgeIcon: CheckCircle, + price: "Sales Focus", subtitle: "New business development", buttons: [{ text: "View Details", href: "#" }], features: [ - "Lead tracking pipeline", - "Interest documentation", - "Follow-up scheduling", - "Proposal management", - "Conversion tracking", - ], + "Lead tracking pipeline", "Interest documentation", "Follow-up scheduling", "Proposal management", "Conversion tracking"], }, ]} animationType="slide-up" @@ -157,38 +130,14 @@ export default function ClientsPage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Patricia Williams", - role: "Development Manager", - testimonial: - "Having all client information centralized has improved our service delivery. Follow-ups are systematic and no client is forgotten.", - imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg?_wi=4", - imageAlt: "Patricia Williams", + id: "1", name: "Patricia Williams", role: "Development Manager", testimonial: "Having all client information centralized has improved our service delivery. Follow-ups are systematic and no client is forgotten.", imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg", imageAlt: "Patricia Williams"}, + { + id: "2", name: "Thomas Anderson", role: "Account Director", testimonial: "The client communication tools have transformed how we manage relationships. Projects run smoother with better client alignment.", imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg", imageAlt: "Thomas Anderson"}, + { + id: "3", name: "Rebecca Foster", role: "Business Development", testimonial: "Lead management and prospect tracking are now efficient and data-driven. We've improved our conversion rates significantly.", icon: Award, }, { - id: "2", - name: "Thomas Anderson", - role: "Account Director", - testimonial: - "The client communication tools have transformed how we manage relationships. Projects run smoother with better client alignment.", - imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg?_wi=5", - imageAlt: "Thomas Anderson", - }, - { - id: "3", - name: "Rebecca Foster", - role: "Business Development", - testimonial: - "Lead management and prospect tracking are now efficient and data-driven. We've improved our conversion rates significantly.", - icon: Award, - }, - { - id: "4", - name: "James Mitchell", - role: "Client Services", - testimonial: - "Clients appreciate the professional communication and transparent project tracking. Our satisfaction scores are at all-time highs.", - icon: CheckCircle, + id: "4", name: "James Mitchell", role: "Client Services", testimonial: "Clients appreciate the professional communication and transparent project tracking. Our satisfaction scores are at all-time highs.", icon: CheckCircle, }, ]} animationType="slide-up" -- 2.49.1 From f5d28d269f54e51fe0be38aa31fe1af1961b2887 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 16:55:07 +0000 Subject: [PATCH 2/2] Update src/app/page.tsx --- src/app/page.tsx | 188 +++++++++-------------------------------------- 1 file changed, 34 insertions(+), 154 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 72e8827..2433427 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,6 +9,7 @@ import MediaAbout from "@/components/sections/about/MediaAbout"; import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo"; import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven"; import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo"; +import FaqBase from "@/components/sections/faq/FaqBase"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import { Sparkles, Lock, Zap, Package, TrendingUp, BarChart3, Heart, Award, CheckCircle, HelpCircle, Rocket } from "lucide-react"; @@ -92,35 +93,17 @@ export default function HomePage() { buttonAnimation="slide-up" carouselItems={[ { - id: "1", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-kyybu06n.png?_wi=1", - imageAlt: "Flaw Studio CRM Dashboard Interface", - }, + id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-kyybu06n.png", imageAlt: "Flaw Studio CRM Dashboard Interface"}, { - id: "2", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-d17jsqq3.png?_wi=1", - imageAlt: "Dashboard Detail View", - }, + id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-d17jsqq3.png", imageAlt: "Dashboard Detail View"}, { - id: "3", - imageSrc: "http://img.b2bpic.net/free-vector/line-graph-with-line-graph-that-says-number-s_698780-1079.jpg?_wi=1", - imageAlt: "Revenue Chart Analytics", - }, + id: "3", imageSrc: "http://img.b2bpic.net/free-vector/line-graph-with-line-graph-that-says-number-s_698780-1079.jpg", imageAlt: "Revenue Chart Analytics"}, { - id: "4", - imageSrc: "http://img.b2bpic.net/free-photo/ruler-glasses-near-blueprint_23-2147785574.jpg?_wi=1", - imageAlt: "Architecture Project Design", - }, + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/ruler-glasses-near-blueprint_23-2147785574.jpg", imageAlt: "Architecture Project Design"}, { - id: "5", - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-95331.jpg?_wi=1", - imageAlt: "Invoice Document Financial", - }, + id: "5", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-95331.jpg", imageAlt: "Invoice Document Financial"}, { - id: "6", - imageSrc: "http://img.b2bpic.net/free-photo/meeting-calendar-reminder_53876-33657.jpg", - imageAlt: "Calendar Schedule Event", - }, + id: "6", imageSrc: "http://img.b2bpic.net/free-photo/meeting-calendar-reminder_53876-33657.jpg", imageAlt: "Calendar Schedule Event"}, ]} autoPlay={true} autoPlayInterval={5000} @@ -136,21 +119,11 @@ export default function HomePage() { tagAnimation="slide-up" negativeCard={{ items: [ - "Limited project visibility", - "No financial access", - "Cannot manage team", - "No system settings", - "Cannot delete records", - ], + "Limited project visibility", "No financial access", "Cannot manage team", "No system settings", "Cannot delete records"], }} positiveCard={{ items: [ - "Full system access", - "Complete financial control", - "Team & user management", - "Settings & integrations", - "Complete delete permissions", - ], + "Full system access", "Complete financial control", "Team & user management", "Settings & integrations", "Complete delete permissions"], }} animationType="slide-up" textboxLayout="default" @@ -165,7 +138,7 @@ export default function HomePage() { tag="Architectural Excellence" tagIcon={Zap} tagAnimation="slide-up" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-kyybu06n.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-kyybu06n.png" imageAlt="Flaw Studio CRM Dashboard Interface" buttons={[{ text: "Explore Features", href: "#pricing" }]} buttonAnimation="slide-up" @@ -182,49 +155,22 @@ export default function HomePage() { tagAnimation="slide-up" plans={[ { - id: "1", - badge: "Core Module", - badgeIcon: Sparkles, - price: "Included", - subtitle: "Essential for all users", - buttons={[{ text: "Explore", href: "#" }]}, + id: "1", badge: "Core Module", badgeIcon: Sparkles, + price: "Included", subtitle: "Essential for all users", buttons: [{ text: "Explore", href: "#" }], features: [ - "Project Management", - "Client Database", - "Task Tracking", - "Document Storage", - "Activity Logging", - ], + "Project Management", "Client Database", "Task Tracking", "Document Storage", "Activity Logging"], }, { - id: "2", - badge: "Finance Module", - badgeIcon: TrendingUp, - price: "Admin Only", - subtitle: "Full financial control", - buttons={[{ text: "View Details", href: "#" }]}, + id: "2", badge: "Finance Module", badgeIcon: TrendingUp, + price: "Admin Only", subtitle: "Full financial control", buttons: [{ text: "View Details", href: "#" }], features: [ - "Invoice Management", - "Expense Tracking", - "Revenue Reports", - "Payment Monitoring", - "Financial Analytics", - ], + "Invoice Management", "Expense Tracking", "Revenue Reports", "Payment Monitoring", "Financial Analytics"], }, { - id: "3", - badge: "Integration Hub", - badgeIcon: Zap, - price: "Admin Only", - subtitle: "Connect external tools", - buttons={[{ text: "Connect Now", href: "#" }]}, + id: "3", badge: "Integration Hub", badgeIcon: Zap, + price: "Admin Only", subtitle: "Connect external tools", buttons: [{ text: "Connect Now", href: "#" }], features: [ - "Google Calendar Sync", - "Google Drive Integration", - "WhatsApp Business API", - "Email Notifications", - "Webhook Support", - ], + "Google Calendar Sync", "Google Drive Integration", "WhatsApp Business API", "Email Notifications", "Webhook Support"], }, ]} animationType="slide-up" @@ -242,29 +188,11 @@ export default function HomePage() { tagAnimation="slide-up" metrics={[ { - id: "1", - value: "11", - title: "Pages", - description: "Complete system coverage", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-kyybu06n.png?_wi=3", - imageAlt: "Dashboard Interface", - }, + id: "1", value: "11", title: "Pages", description: "Complete system coverage", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-kyybu06n.png", imageAlt: "Dashboard Interface"}, { - id: "2", - value: "2", - title: "User Roles", - description: "Admin & Worker access", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-d17jsqq3.png?_wi=2", - imageAlt: "Dashboard Detail", - }, + id: "2", value: "2", title: "User Roles", description: "Admin & Worker access", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXBkGvEZPYZeTm48IBeOo6PwY8/uploaded-1772729510192-d17jsqq3.png", imageAlt: "Dashboard Detail"}, { - id: "3", - value: "100%", - title: "Role-Based", - description: "Security-first design", - imageSrc: "http://img.b2bpic.net/free-vector/line-graph-with-line-graph-that-says-number-s_698780-1079.jpg?_wi=2", - imageAlt: "Analytics Dashboard", - }, + id: "3", value: "100%", title: "Role-Based", description: "Security-first design", imageSrc: "http://img.b2bpic.net/free-vector/line-graph-with-line-graph-that-says-number-s_698780-1079.jpg", imageAlt: "Analytics Dashboard"}, ]} animationType="slide-up" textboxLayout="default" @@ -281,38 +209,14 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Sarah Johnson", - role: "Principal Architect", - testimonial: - "Flaw Studio CRM has transformed how we manage our projects. The interface is intuitive, the design is elegant, and our team loves using it every day.", - imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg?_wi=1", - imageAlt: "Sarah Johnson", + id: "1", name: "Sarah Johnson", role: "Principal Architect", testimonial: "Flaw Studio CRM has transformed how we manage our projects. The interface is intuitive, the design is elegant, and our team loves using it every day.", imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg", imageAlt: "Sarah Johnson"}, + { + id: "2", name: "Michael Chen", role: "Studio Manager", testimonial: "The role-based access control gives us peace of mind. Admin features are powerful while keeping worker access simple and focused.", imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg", imageAlt: "Michael Chen"}, + { + id: "3", name: "Emma Rodriguez", role: "Project Lead", testimonial: "Beautiful design meets powerful functionality. This is exactly what a premium CRM should feel like.", icon: Award, }, { - id: "2", - name: "Michael Chen", - role: "Studio Manager", - testimonial: - "The role-based access control gives us peace of mind. Admin features are powerful while keeping worker access simple and focused.", - imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147555118.jpg?_wi=2", - imageAlt: "Michael Chen", - }, - { - id: "3", - name: "Emma Rodriguez", - role: "Project Lead", - testimonial: - "Beautiful design meets powerful functionality. This is exactly what a premium CRM should feel like.", - icon: Award, - }, - { - id: "4", - name: "David Kim", - role: "Operations Director", - testimonial: - "The financial tracking and invoice management have streamlined our billing process significantly. Highly recommended.", - icon: CheckCircle, + id: "4", name: "David Kim", role: "Operations Director", testimonial: "The financial tracking and invoice management have streamlined our billing process significantly. Highly recommended.", icon: CheckCircle, }, ]} animationType="slide-up" @@ -330,41 +234,17 @@ export default function HomePage() { tagAnimation="slide-up" faqs={[ { - id: "1", - title: "Can workers delete records?", - content: - "No. Workers have limited permissions and cannot delete any records. Only Admins can delete projects, clients, invoices, or any other data. This ensures data integrity and prevents accidental data loss.", - }, + id: "1", title: "Can workers delete records?", content: "No. Workers have limited permissions and cannot delete any records. Only Admins can delete projects, clients, invoices, or any other data. This ensures data integrity and prevents accidental data loss."}, { - id: "2", - title: "Can workers see financial data?", - content: - "No. The Finance page is Admin-only. Workers can view projects assigned to them and update tasks, but they cannot access invoices, expenses, revenue reports, or any financial information.", - }, + id: "2", title: "Can workers see financial data?", content: "No. The Finance page is Admin-only. Workers can view projects assigned to them and update tasks, but they cannot access invoices, expenses, revenue reports, or any financial information."}, { - id: "3", - title: "How is activity logging implemented?", - content: - "Every create, update, and delete action automatically generates an activity log entry with timestamp, user, and action type. This provides complete audit trails for all studio operations.", - }, + id: "3", title: "How is activity logging implemented?", content: "Every create, update, and delete action automatically generates an activity log entry with timestamp, user, and action type. This provides complete audit trails for all studio operations."}, { - id: "4", - title: "Can workers access the Settings page?", - content: - "No. Settings is Admin-only. Workers cannot modify studio profile, manage users, change notification preferences, or export data. All system configuration is reserved for the Admin.", - }, + id: "4", title: "Can workers access the Settings page?", content: "No. Settings is Admin-only. Workers cannot modify studio profile, manage users, change notification preferences, or export data. All system configuration is reserved for the Admin."}, { - id: "5", - title: "Is the system mobile-responsive?", - content: - "Yes. The entire system is fully responsive across all devices. The sidebar collapses to a hamburger menu on mobile, and all components adapt to smaller screens while maintaining the premium design aesthetic.", - }, + id: "5", title: "Is the system mobile-responsive?", content: "Yes. The entire system is fully responsive across all devices. The sidebar collapses to a hamburger menu on mobile, and all components adapt to smaller screens while maintaining the premium design aesthetic."}, { - id: "6", - title: "What integrations are supported?", - content: - "Admin users can integrate with Google Calendar, Google Drive, WhatsApp Business API, email (SMTP), and Zapier webhooks. This allows seamless workflow automation and data synchronization with external tools.", - }, + id: "6", title: "What integrations are supported?", content: "Admin users can integrate with Google Calendar, Google Drive, WhatsApp Business API, email (SMTP), and Zapier webhooks. This allows seamless workflow automation and data synchronization with external tools."}, ]} faqsAnimation="slide-up" textboxLayout="default" -- 2.49.1