From a9566ebef0b5fd89f2cec71f52ded7fed65e7bf9 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 01:55:58 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 285 ++++++++++++----------------------------------- 1 file changed, 71 insertions(+), 214 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ef4b0e5..797ef18 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -48,8 +48,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Dashboard", href: "#dashboard" }, { label: "Team Management", href: "#team-status" }, { label: "Project Tracking", href: "/projects" }, @@ -57,8 +56,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }, @@ -66,8 +64,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Security", href: "#" }, @@ -99,9 +96,7 @@ export default function HomePage() { { name: "Approvals", id: "#approvals" }, ]} button={{ - text: "Access Portal", - href: "https://portal.companyhub.io", - }} + text: "Access Portal", href: "https://portal.companyhub.io"}} animateOnLoad={true} /> @@ -118,11 +113,9 @@ export default function HomePage() { { text: "Explore Features", href: "#features" }, ]} dashboard={{ - title: "Team Status Hub", - logoIcon: BarChart3, + title: "Team Status Hub", logoIcon: BarChart3, imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjY9TwW9LDI9FV87nruG66xCNg/a-modern-clean-executive-dashboard-inter-1773107585871-7b95220b.png", - buttons: [ + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjY9TwW9LDI9FV87nruG66xCNg/a-modern-clean-executive-dashboard-inter-1773107585871-7b95220b.png", buttons: [ { text: "Dashboard", href: "/projects" }, { text: "Export Report", href: "#" }, ], @@ -134,50 +127,34 @@ export default function HomePage() { ], stats: [ { - title: "Team Members Active", - values: [24, 28, 31], - description: "Currently online and available", - }, + title: "Team Members Active", values: [24, 28, 31], + description: "Currently online and available"}, { - title: "Projects On Track", - values: [12, 14, 18], - valueSuffix: "/20", - description: "Completed milestones this month", - }, + title: "Projects On Track", values: [12, 14, 18], + valueSuffix: "/20", description: "Completed milestones this month"}, { - title: "Pending Approvals", - values: [7, 5, 3], - description: "Items awaiting your review", - }, + title: "Pending Approvals", values: [7, 5, 3], + description: "Items awaiting your review"}, ], - chartTitle: "Team Activity Trend", - chartData: [ + chartTitle: "Team Activity Trend", chartData: [ { value: 65 }, { value: 72 }, { value: 58 }, { value: 80 }, { value: 75 }, ], - listTitle: "Recent Updates", - listItems: [ + listTitle: "Recent Updates", listItems: [ { icon: CheckCircle, - title: "Project Alpha completed", - status: "Completed", - }, + title: "Project Alpha completed", status: "Completed"}, { icon: Clock, - title: "Awaiting approval on Budget Q4", - status: "Pending", - }, + title: "Awaiting approval on Budget Q4", status: "Pending"}, { icon: AlertCircle, - title: "Team meeting rescheduled", - status: "Updated", - }, + title: "Team meeting rescheduled", status: "Updated"}, ], - searchPlaceholder: "Search team or projects...", - }} + searchPlaceholder: "Search team or projects..."}} /> @@ -195,6 +172,7 @@ export default function HomePage() { imageAlt="Team status dashboard overview" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -206,32 +184,16 @@ export default function HomePage() { tagIcon={TrendingUp} metrics={[ { - id: "1", - value: "156", - title: "Active Projects", - description: "Currently in progress across organization", - icon: Briefcase, + id: "1", value: "156", title: "Active Projects", description: "Currently in progress across organization", icon: Briefcase, }, { - id: "2", - value: "1,234", - title: "Team Members", - description: "Employees managed across all divisions", - icon: Users, + id: "2", value: "1,234", title: "Team Members", description: "Employees managed across all divisions", icon: Users, }, { - id: "3", - value: "89", - title: "Pending Approvals", - description: "Awaiting executive decision", - icon: CheckCircle, + id: "3", value: "89", title: "Pending Approvals", description: "Awaiting executive decision", icon: CheckCircle, }, { - id: "4", - value: "92%", - title: "Success Rate", - description: "Project completion on-time", - icon: Target, + id: "4", value: "92%", title: "Success Rate", description: "Project completion on-time", icon: Target, }, ]} gridVariant="uniform-all-items-equal" @@ -249,21 +211,11 @@ export default function HomePage() { tagIcon={Sparkles} negativeCard={{ items: [ - "Scattered team data across multiple platforms", - "Manual approval workflows taking days", - "Delayed project status updates", - "Incomplete visibility into team performance", - "Time-consuming report generation", - ], + "Scattered team data across multiple platforms", "Manual approval workflows taking days", "Delayed project status updates", "Incomplete visibility into team performance", "Time-consuming report generation"], }} positiveCard={{ items: [ - "Unified dashboard with all team information", - "Instant approval processing", - "Real-time project tracking", - "Complete visibility and analytics", - "Automated report generation and delivery", - ], + "Unified dashboard with all team information", "Instant approval processing", "Real-time project tracking", "Complete visibility and analytics", "Automated report generation and delivery"], }} animationType="slide-up" textboxLayout="default" @@ -282,64 +234,25 @@ export default function HomePage() { animationType="slide-up" plans={[ { - id: "starter", - tag: "Starter Plan", - tagIcon: Zap, - price: "$2,999", - period: "/month", - description: - "Perfect for small to medium teams looking to streamline basic management tasks.", - button: { text: "Get Started", href: "#contact" }, - featuresTitle: "What's Included:", - features: [ - "Up to 50 team members", - "Basic dashboard and reporting", - "Team status tracking", - "Manual approval workflow", - "Email support", - "30-day data retention", - ], + id: "starter", tag: "Starter Plan", tagIcon: Zap, + price: "$2,999", period: "/month", description: + "Perfect for small to medium teams looking to streamline basic management tasks.", button: { text: "Get Started", href: "#contact" }, + featuresTitle: "What's Included:", features: [ + "Up to 50 team members", "Basic dashboard and reporting", "Team status tracking", "Manual approval workflow", "Email support", "30-day data retention"], }, { - id: "professional", - tag: "Professional Plan", - tagIcon: Star, - price: "$7,999", - period: "/month", - description: - "For growing organizations requiring advanced features and priority support.", - button: { text: "Choose Plan", href: "#contact" }, - featuresTitle: "What's Included:", - features: [ - "Up to 500 team members", - "Advanced analytics and custom reports", - "Real-time project management", - "Automated approval workflows", - "API access and integrations", - "Priority support", - "1-year data retention", - ], + id: "professional", tag: "Professional Plan", tagIcon: Star, + price: "$7,999", period: "/month", description: + "For growing organizations requiring advanced features and priority support.", button: { text: "Choose Plan", href: "#contact" }, + featuresTitle: "What's Included:", features: [ + "Up to 500 team members", "Advanced analytics and custom reports", "Real-time project management", "Automated approval workflows", "API access and integrations", "Priority support", "1-year data retention"], }, { - id: "enterprise", - tag: "Enterprise Plan", - tagIcon: Crown, - price: "Custom", - period: "pricing", - description: - "For large enterprises requiring full customization, dedicated support, and advanced security.", - button: { text: "Contact Sales", href: "#contact" }, - featuresTitle: "What's Included:", - features: [ - "Unlimited team members", - "Enterprise-grade analytics", - "Custom workflow automation", - "Dedicated account manager", - "Advanced security and compliance", - "24/7 phone and priority support", - "Unlimited data retention", - "SLA guarantee", - ], + id: "enterprise", tag: "Enterprise Plan", tagIcon: Crown, + price: "Custom", period: "pricing", description: + "For large enterprises requiring full customization, dedicated support, and advanced security.", button: { text: "Contact Sales", href: "#contact" }, + featuresTitle: "What's Included:", features: [ + "Unlimited team members", "Enterprise-grade analytics", "Custom workflow automation", "Dedicated account manager", "Advanced security and compliance", "24/7 phone and priority support", "Unlimited data retention", "SLA guarantee"], }, ]} /> @@ -356,52 +269,28 @@ export default function HomePage() { animationType="slide-up" testimonials={[ { - id: "1", - name: "Sarah Mitchell", - role: "VP of Operations", - testimonial: - "CompanyHub eliminated our scattered communication channels. Now we have complete visibility into all projects and team performance in one unified dashboard. Our approval cycle time dropped from 5 days to hours.", - icon: CheckCircle, + id: "1", name: "Sarah Mitchell", role: "VP of Operations", testimonial: + "CompanyHub eliminated our scattered communication channels. Now we have complete visibility into all projects and team performance in one unified dashboard. Our approval cycle time dropped from 5 days to hours.", icon: CheckCircle, }, { - id: "2", - name: "James Richardson", - role: "Chief Operations Officer", - testimonial: - "The real-time metrics and automated workflows saved our team over 40 hours per week. The platform's intuitive design means minimal training required for our entire executive team.", - icon: Award, + id: "2", name: "James Richardson", role: "Chief Operations Officer", testimonial: + "The real-time metrics and automated workflows saved our team over 40 hours per week. The platform's intuitive design means minimal training required for our entire executive team.", icon: Award, }, { - id: "3", - name: "Michelle Chen", - role: "Executive Director", - testimonial: - "What impressed us most is the quality of support and the ability to customize workflows for our specific needs. CompanyHub scaled perfectly as our organization grew from 50 to 500+ employees.", - icon: Star, + id: "3", name: "Michelle Chen", role: "Executive Director", testimonial: + "What impressed us most is the quality of support and the ability to customize workflows for our specific needs. CompanyHub scaled perfectly as our organization grew from 50 to 500+ employees.", icon: Star, }, { - id: "4", - name: "David Thompson", - role: "Managing Director", - testimonial: - "The analytics and reporting capabilities give us the insights we need to make strategic decisions faster. ROI was realized within the first month of implementation.", - icon: TrendingUp, + id: "4", name: "David Thompson", role: "Managing Director", testimonial: + "The analytics and reporting capabilities give us the insights we need to make strategic decisions faster. ROI was realized within the first month of implementation.", icon: TrendingUp, }, { - id: "5", - name: "Lisa Anderson", - role: "Head of Strategy", - testimonial: - "Our team productivity increased significantly. The platform handles everything from team coordination to approval management seamlessly. Highly recommended for any enterprise.", - icon: Zap, + id: "5", name: "Lisa Anderson", role: "Head of Strategy", testimonial: + "Our team productivity increased significantly. The platform handles everything from team coordination to approval management seamlessly. Highly recommended for any enterprise.", icon: Zap, }, { - id: "6", - name: "Robert Martinez", - role: "Senior Vice President", - testimonial: - "CompanyHub provides the real-time visibility executives need. The dashboard customization options ensure every team sees the metrics most relevant to their goals.", - icon: Eye, + id: "6", name: "Robert Martinez", role: "Senior Vice President", testimonial: + "CompanyHub provides the real-time visibility executives need. The dashboard customization options ensure every team sees the metrics most relevant to their goals.", icon: Eye, }, ]} /> @@ -416,47 +305,29 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} mediaPosition="right" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjY9TwW9LDI9FV87nruG66xCNg/a-comprehensive-settings-and-configurati-1773107589709-1dbe33ce.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjY9TwW9LDI9FV87nruG66xCNg/a-comprehensive-settings-and-configurati-1773107589709-1dbe33ce.png" imageAlt="Customer support team" mediaAnimation="slide-up" faqsAnimation="slide-up" faqs={[ { - id: "1", - title: "How quickly can we implement CompanyHub?", - content: - "Most organizations are up and running within 2-4 weeks. Our implementation team handles data migration, custom configurations, and staff training to ensure a smooth transition. Enterprise clients receive dedicated implementation support.", - }, + id: "1", title: "How quickly can we implement CompanyHub?", content: + "Most organizations are up and running within 2-4 weeks. Our implementation team handles data migration, custom configurations, and staff training to ensure a smooth transition. Enterprise clients receive dedicated implementation support."}, { - id: "2", - title: "Is CompanyHub secure and compliant?", - content: - "Yes. CompanyHub meets SOC 2 Type II, ISO 27001, GDPR, and HIPAA compliance standards. We employ enterprise-grade encryption, regular security audits, and maintain multiple redundant backups for data protection.", - }, + id: "2", title: "Is CompanyHub secure and compliant?", content: + "Yes. CompanyHub meets SOC 2 Type II, ISO 27001, GDPR, and HIPAA compliance standards. We employ enterprise-grade encryption, regular security audits, and maintain multiple redundant backups for data protection."}, { - id: "3", - title: "Can we integrate CompanyHub with our existing tools?", - content: - "Absolutely. Our platform integrates with 200+ popular business applications including Slack, Microsoft Teams, Salesforce, HubSpot, and more. Custom API access is available for enterprise customers.", - }, + id: "3", title: "Can we integrate CompanyHub with our existing tools?", content: + "Absolutely. Our platform integrates with 200+ popular business applications including Slack, Microsoft Teams, Salesforce, HubSpot, and more. Custom API access is available for enterprise customers."}, { - id: "4", - title: "What happens to our data if we cancel?", - content: - "You retain full access to your data for 90 days after cancellation. We provide data export in standard formats (CSV, Excel) to ensure you can migrate your information to another platform if needed.", - }, + id: "4", title: "What happens to our data if we cancel?", content: + "You retain full access to your data for 90 days after cancellation. We provide data export in standard formats (CSV, Excel) to ensure you can migrate your information to another platform if needed."}, { - id: "5", - title: "How do you handle team training and onboarding?", - content: - "We provide comprehensive onboarding including video tutorials, interactive walkthroughs, live training sessions, and dedicated documentation. Our support team is available 24/7 for enterprise customers.", - }, + id: "5", title: "How do you handle team training and onboarding?", content: + "We provide comprehensive onboarding including video tutorials, interactive walkthroughs, live training sessions, and dedicated documentation. Our support team is available 24/7 for enterprise customers."}, { - id: "6", - title: "Can we customize workflows and reports?", - content: - "Yes. Our platform allows unlimited customization of approval workflows, dashboards, and reports. Enterprise customers can work with our team to build custom features tailored to your specific processes.", - }, + id: "6", title: "Can we customize workflows and reports?", content: + "Yes. Our platform allows unlimited customization of approval workflows, dashboards, and reports. Enterprise customers can work with our team to build custom features tailored to your specific processes."}, ]} /> @@ -466,40 +337,26 @@ export default function HomePage() { title="Ready to Transform Your Organization?" description="Schedule a personalized demo or get in touch with our team to learn how CompanyHub can streamline your management processes." useInvertedBackground={false} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjY9TwW9LDI9FV87nruG66xCNg/a-streamlined-approval-workflow-interfac-1773107587750-cf71e44b.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjY9TwW9LDI9FV87nruG66xCNg/a-streamlined-approval-workflow-interfac-1773107587750-cf71e44b.png" imageAlt="Executive discussing platform features" mediaAnimation="slide-up" mediaPosition="right" inputs={[ { - name: "fullName", - type: "text", - placeholder: "Full Name", - required: true, + name: "fullName", type: "text", placeholder: "Full Name", required: true, }, { - name: "companyName", - type: "text", - placeholder: "Company Name", - required: true, + name: "companyName", type: "text", placeholder: "Company Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Business Email", - required: true, + name: "email", type: "email", placeholder: "Business Email", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - required: true, + name: "phone", type: "tel", placeholder: "Phone Number", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Tell us about your organization and goals...", - rows: 5, + name: "message", placeholder: "Tell us about your organization and goals...", rows: 5, required: true, }} buttonText="Schedule Demo"