Merge version_1 into main #2
@@ -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"
|
||||
|
||||
188
src/app/page.tsx
188
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"
|
||||
|
||||
Reference in New Issue
Block a user