diff --git a/client/pages/DevelopmentConsulting.tsx b/client/pages/DevelopmentConsulting.tsx new file mode 100644 index 00000000..88857a49 --- /dev/null +++ b/client/pages/DevelopmentConsulting.tsx @@ -0,0 +1,551 @@ +import { useState, useEffect } from "react"; +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { Badge } from "@/components/ui/badge"; +import LoadingScreen from "@/components/LoadingScreen"; +import { aethexToast } from "@/lib/aethex-toast"; +import { Link } from "react-router-dom"; +import { + BriefcaseIcon, + Code, + Sparkles, + Zap, + Users, + Trophy, + Target, + ArrowRight, + CheckCircle, + Clock, + DollarSign, + Shield, + TrendingUp, + Database, + Cloud, + Settings, + BarChart3, + Lightbulb, + Puzzle, + Rocket, + Globe +} from "lucide-react"; + +export default function DevelopmentConsulting() { + const [isLoading, setIsLoading] = useState(true); + const [activePackage, setActivePackage] = useState(0); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + aethexToast.system("Development Consulting services loaded"); + }, 1000); + + return () => clearTimeout(timer); + }, []); + + const consultingServices = [ + { + title: "Technical Architecture Review", + description: "Comprehensive analysis of your system architecture and scalability", + icon: Database, + duration: "2-4 weeks", + price: "Starting at $8,000", + features: [ + "System architecture audit", + "Performance bottleneck analysis", + "Scalability recommendations", + "Security assessment", + "Technology stack evaluation" + ], + color: "from-blue-500 to-cyan-600" + }, + { + title: "DevOps & Infrastructure", + description: "Streamline your development pipeline and cloud infrastructure", + icon: Cloud, + duration: "3-6 weeks", + price: "Starting at $12,000", + features: [ + "CI/CD pipeline setup", + "Cloud migration strategy", + "Monitoring & alerting", + "Container orchestration", + "Infrastructure as code" + ], + color: "from-green-500 to-emerald-600" + }, + { + title: "Code Quality & Optimization", + description: "Improve code quality, performance, and maintainability", + icon: Code, + duration: "2-8 weeks", + price: "Starting at $6,000", + features: [ + "Code review & refactoring", + "Performance optimization", + "Testing strategy", + "Documentation improvement", + "Best practices implementation" + ], + color: "from-purple-500 to-indigo-600" + }, + { + title: "Team & Process Consulting", + description: "Optimize development workflows and team productivity", + icon: Users, + duration: "4-12 weeks", + price: "Starting at $15,000", + features: [ + "Agile methodology implementation", + "Team structure optimization", + "Workflow automation", + "Knowledge transfer", + "Leadership coaching" + ], + color: "from-orange-500 to-red-600" + } + ]; + + const expertise = [ + { + category: "Frontend Technologies", + technologies: ["React", "Vue.js", "Angular", "TypeScript", "Next.js", "Tailwind CSS"], + icon: Puzzle, + projects: "200+ projects" + }, + { + category: "Backend & APIs", + technologies: ["Node.js", "Python", "Java", "Go", "GraphQL", "REST APIs"], + icon: Settings, + projects: "150+ systems" + }, + { + category: "Cloud & Infrastructure", + technologies: ["AWS", "Azure", "GCP", "Docker", "Kubernetes", "Terraform"], + icon: Cloud, + projects: "100+ deployments" + }, + { + category: "Databases & Analytics", + technologies: ["PostgreSQL", "MongoDB", "Redis", "Elasticsearch", "BigQuery"], + icon: Database, + projects: "80+ implementations" + } + ]; + + const packages = [ + { + name: "Quick Assessment", + description: "Rapid technical evaluation for immediate insights", + price: "$2,500", + duration: "1 week", + features: [ + "Initial system review", + "Key recommendations", + "Priority action items", + "Executive summary", + "30-min follow-up call" + ], + popular: false, + color: "from-gray-500 to-gray-600" + }, + { + name: "Comprehensive Audit", + description: "Deep-dive analysis with detailed roadmap", + price: "$8,000", + duration: "3-4 weeks", + features: [ + "Full technical audit", + "Detailed recommendations", + "Implementation roadmap", + "Risk assessment", + "Team presentation", + "3 months email support" + ], + popular: true, + color: "from-aethex-500 to-neon-blue" + }, + { + name: "Strategic Partnership", + description: "Ongoing consulting with hands-on implementation", + price: "Custom", + duration: "3-12 months", + features: [ + "Dedicated consultant", + "Monthly strategy sessions", + "Implementation support", + "Team training", + "Priority support", + "Quarterly reviews" + ], + popular: false, + color: "from-purple-500 to-pink-600" + } + ]; + + const caseStudies = [ + { + title: "E-commerce Platform Scaling", + client: "Fortune 500 Retailer", + challenge: "10x traffic growth causing system failures", + solution: "Microservices architecture with auto-scaling", + results: ["99.99% uptime achieved", "50% cost reduction", "3x faster load times"], + tech: ["Kubernetes", "Redis", "CDN"] + }, + { + title: "FinTech Security Overhaul", + client: "Financial Services Startup", + challenge: "Security compliance for banking regulations", + solution: "Zero-trust architecture with enhanced monitoring", + results: ["SOC 2 compliance", "Zero breaches", "40% faster audits"], + tech: ["OAuth 2.0", "Vault", "Istio"] + }, + { + title: "Legacy System Modernization", + client: "Healthcare Provider", + challenge: "20-year-old system blocking innovation", + solution: "Gradual migration to cloud-native architecture", + results: ["6 months migration", "60% performance boost", "Modern API ecosystem"], + tech: ["Docker", "GraphQL", "Postgres"] + } + ]; + + if (isLoading) { + return ; + } + + return ( + +
+ {/* Hero Section */} +
+
+ {[...Array(25)].map((_, i) => ( +
+ {'⚡🔧📊💡'.charAt(Math.floor(Math.random() * 4))} +
+ ))} +
+ +
+
+ + + Development Consulting Division + + +

+ Strategic Technology Consulting +

+ +

+ Expert guidance to optimize your development processes, scale your systems, + and accelerate your digital transformation journey. +

+ +
+ + +
+
+
+
+ + {/* Services Grid */} +
+
+
+

+ Consulting Services +

+

+ Specialized expertise to solve complex technical challenges +

+
+ +
+ {consultingServices.map((service, index) => { + const Icon = service.icon; + return ( + + +
+
+ +
+
+ {service.title} + + {service.description} + +
+
+
+ +
+ {service.features.map((feature, featureIndex) => ( +
+ + {feature} +
+ ))} +
+ +
+
+ + {service.duration} +
+
+ + {service.price} +
+
+
+
+ ); + })} +
+
+
+ + {/* Expertise Areas */} +
+
+
+

+ Our Technical Expertise +

+

+ Deep knowledge across the modern technology stack +

+
+ +
+ {expertise.map((area, index) => { + const Icon = area.icon; + return ( + + + + {area.category} + {area.projects} + + +
+ {area.technologies.map((tech, techIndex) => ( + + {tech} + + ))} +
+
+
+ ); + })} +
+
+
+ + {/* Consulting Packages */} +
+
+
+

+ Consulting Packages +

+

+ Flexible engagement models to fit your needs and budget +

+
+ +
+ {packages.map((pkg, index) => ( + setActivePackage(index)} + > + {pkg.popular && ( +
+ MOST POPULAR +
+ )} + + + {pkg.name} + {pkg.description} +
+
+ {pkg.price} +
+
{pkg.duration}
+
+
+ + +
+ {pkg.features.map((feature, featureIndex) => ( +
+ + {feature} +
+ ))} +
+ + +
+
+ ))} +
+
+
+ + {/* Case Studies */} +
+
+
+

+ Success Stories +

+

+ Real results from our consulting engagements +

+
+ +
+ {caseStudies.map((study, index) => ( + + + {study.client} + {study.title} + + Challenge: {study.challenge} + + + + +
+

Solution:

+

{study.solution}

+
+ +
+

Results:

+
    + {study.results.map((result, resultIndex) => ( +
  • + + {result} +
  • + ))} +
+
+ +
+ {study.tech.map((tech, techIndex) => ( + + {tech} + + ))} +
+
+
+ ))} +
+
+
+ + {/* CTA Section */} +
+
+
+

+ Ready to Accelerate Your Development? +

+

+ Let our experts analyze your current setup and provide a roadmap for optimal performance and scalability. +

+ +
+ + +
+ +
+
+ +

Confidential

+

NDAs & security first

+
+
+ +

Global Expertise

+

World-class consultants

+
+
+ +

Proven Results

+

500+ successful projects

+
+
+
+
+
+
+
+ ); +}