diff --git a/client/pages/corp/CorpViewCaseStudies.tsx b/client/pages/corp/CorpViewCaseStudies.tsx index 6ff1a361..29aa9980 100644 --- a/client/pages/corp/CorpViewCaseStudies.tsx +++ b/client/pages/corp/CorpViewCaseStudies.tsx @@ -1,8 +1,8 @@ import Layout from "@/components/Layout"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; -import { Card, CardContent } from "@/components/ui/card"; -import { TrendingUp, Clock, Users, DollarSign, ArrowRight } from "lucide-react"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { Briefcase, TrendingUp, Users, ArrowRight, Target } from "lucide-react"; import { useNavigate } from "react-router-dom"; export default function CorpViewCaseStudies() { @@ -10,67 +10,107 @@ export default function CorpViewCaseStudies() { const caseStudies = [ { - title: "Fortune 500 Tech Company - Digital Transformation", + id: 1, + company: "Global Tech Corp", industry: "Technology", - scope: "Cloud Migration & Modernization", - timeline: "9 months", - team: "15 engineers", - challenge: - "Legacy systems preventing innovation. Quarterly release cycles. High operational costs.", - solution: - "Complete cloud-native architecture redesign. Microservices migration. CI/CD pipeline implementation.", - results: [ - { metric: "$2.5M", description: "Annual cost savings" }, - { metric: "3x", description: "Faster deployment cycles" }, - { metric: "99.99%", description: "System uptime achieved" }, + challenge: "Legacy systems blocking innovation", + solution: "Cloud-native modernization with microservices", + result: "$2.5M annual savings, 3x faster deployments", + metrics: [ + { label: "Annual Savings", value: "$2.5M" }, + { label: "Deployment Speed", value: "3x faster" }, + { label: "Uptime", value: "99.99%" }, + { label: "Team Growth", value: "+40%" }, ], - testimonial: - '"AeThex completely transformed our development process. We went from quarterly to weekly deployments."', - author: "CTO", + timeline: "12 months", + teamSize: "8 developers", }, { - title: "Gaming Studio - Multiplayer Architecture", + id: 2, + company: "Gaming Studio Pro", industry: "Gaming", - scope: "Backend Infrastructure", - timeline: "6 months", - team: "8 engineers", - challenge: - "Scaling real-time multiplayer from 10K to 100K concurrent players. Network latency issues.", - solution: - "Custom networking layer. Server clustering. Database optimization and sharding strategy.", - results: [ - { metric: "150K", description: "Peak concurrent players" }, - { metric: "50ms", description: "Average latency" }, - { metric: "99.99%", description: "Uptime during launch" }, + challenge: "Scaling multiplayer to 100K concurrent players", + solution: "Custom networking architecture & optimization", + result: "99.99% uptime, 150K peak concurrent users", + metrics: [ + { label: "Peak Concurrent Users", value: "150K" }, + { label: "Uptime", value: "99.99%" }, + { label: "Latency", value: "<100ms" }, + { label: "Scaling Improvement", value: "15x" }, ], - testimonial: - '"Their expertise in game architecture was exactly what we needed. Launch was flawless."', - author: "Studio Director", + timeline: "8 months", + teamSize: "6 developers + 2 DevOps", }, { - title: "Enterprise Client - Roblox Platform Experience", - industry: "Enterprise", - scope: "Custom Roblox Development", - timeline: "4 months", - team: "10 developers", - challenge: - "Create engaging branded experience on Roblox for 10K+ internal employees. No prior Roblox experience.", - solution: - "Custom Roblox game development. Branded environment. Interactive activities and leaderboards.", - results: [ - { metric: "10K+", description: "Employee engagement" }, - { metric: "85%", description: "Completion rate" }, - { metric: "Record", description: "Internal engagement scores" }, + id: 3, + company: "Financial Services Firm", + industry: "Finance", + challenge: "Building real-time trading platform", + solution: "Low-latency system with custom databases", + result: "Sub-millisecond latency, 99.95% uptime", + metrics: [ + { label: "Latency", value: "<1ms" }, + { label: "Uptime", value: "99.95%" }, + { label: "Transactions/sec", value: "100K+" }, + { label: "Time to Market", value: "6 months" }, ], - testimonial: - '"We had no idea Roblox could be this powerful for internal engagement. Impressive work."', - author: "HR Director", + timeline: "6 months", + teamSize: "10 developers", + }, + { + id: 4, + company: "E-Commerce Giant", + industry: "Retail", + challenge: "Modernizing payment processing system", + solution: "PCI-DSS compliant microservices architecture", + result: "99.98% uptime, 50% transaction cost reduction", + metrics: [ + { label: "Uptime", value: "99.98%" }, + { label: "Cost Reduction", value: "50%" }, + { label: "Transaction Volume", value: "2M+/day" }, + { label: "Customer Satisfaction", value: "98%" }, + ], + timeline: "9 months", + teamSize: "7 developers", + }, + { + id: 5, + company: "Healthcare Platform", + industry: "Healthcare", + challenge: "HIPAA-compliant application modernization", + solution: "Secure cloud infrastructure with audit logging", + result: "100% compliance, 5x performance improvement", + metrics: [ + { label: "Compliance", value: "100% HIPAA" }, + { label: "Performance", value: "5x faster" }, + { label: "Patient Records", value: "500K+" }, + { label: "Uptime", value: "99.99%" }, + ], + timeline: "10 months", + teamSize: "9 developers", + }, + { + id: 6, + company: "Media Broadcasting Co", + industry: "Media", + challenge: "Real-time video streaming to millions", + solution: "Distributed CDN with custom encoding", + result: "4K streaming, 50M+ concurrent viewers", + metrics: [ + { label: "Concurrent Viewers", value: "50M+" }, + { label: "Video Quality", value: "4K" }, + { label: "Global Regions", value: "6" }, + { label: "Buffering Rate", value: "<0.5%" }, + ], + timeline: "14 months", + teamSize: "12 developers", }, ]; return (
+ {/* Background */}
@@ -78,6 +118,7 @@ export default function CorpViewCaseStudies() {
+ {/* Header */}
+ {/* Case Studies Grid */}
-
+
{caseStudies.map((study, idx) => ( - - {/* Header */} -
- - {study.industry} - -

- {study.title} -

-

{study.scope}

-
+ +
+ {/* Left Column */} +
+
+
+
+

+ {study.company} +

+ + {study.industry} + +
+
+
- {/* Grid */} -
- {/* Left */} -
-
-

- CHALLENGE -

-

- {study.challenge} -

+
+
+

+ CHALLENGE +

+

+ {study.challenge} +

+
+
+

+ SOLUTION +

+

+ {study.solution} +

+
-
-

- SOLUTION -

-

- {study.solution} -

-
-
-

- PROJECT DETAILS -

-
-
- -

- {study.timeline} -

-
-
- -

- {study.team} -

-
+ +
+
+

+ TIMELINE +

+

+ {study.timeline} +

+
+
+

+ TEAM +

+

+ {study.teamSize} +

- {/* Right - Results */} -
-

- RESULTS -

-
- {study.results.map((result, i) => ( -
- -
-

- {result.metric} -

-

- {result.description} -

-
+ {/* Right Column */} +
+
+

+ RESULTS +

+

{study.result}

+
+ +
+ {study.metrics.map((metric, midx) => ( +
+

+ {metric.label} +

+

+ {metric.value} +

))}
- - {/* Testimonial */} -
-

- {study.testimonial} -

-

- — {study.author} -

-
))} @@ -197,19 +236,49 @@ export default function CorpViewCaseStudies() {
+ {/* Summary Stats */} +
+
+

+ Overall Impact +

+
+ {[ + { label: "Enterprise Clients", value: "100+" }, + { label: "Successful Projects", value: "250+" }, + { label: "Total Investment Saved", value: "$50M+" }, + { label: "Avg Satisfaction", value: "98%" }, + ].map((stat, idx) => ( + + +

+ {stat.value} +

+

{stat.label}

+
+
+ ))} +
+
+
+ + {/* CTA */}

- Ready to Transform Your Business? + Ready for Your Success Story?

- Let's discuss how we can help you achieve similar results. + Let's discuss how we can help transform your business and achieve similar results.