import React from "react"; import { ArrowRight, ShieldCheck, Database, Globe, Cpu, BarChart3, Zap, Menu, CheckCircle2, TrendingUp, Users, Award, CloudLightning, Lock } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Container } from "@/components/ui/container"; import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"; import { Separator } from "@/components/ui/separator"; // --- Header Component --- function Header() { const [isOpen, setIsOpen] = React.useState(false); return (

{/* Logo */}

Vantedge Systems

{/* Desktop Menu */} {/* Mobile Menu */}

); } // --- Logo Strip Component --- function ClientLogos() { // Using Lucide icons to represent Tech Giants/Partners const partners = [ { icon: Globe, name: "GlobalNet" }, { icon: ShieldCheck, name: "Securify" }, { icon: Database, name: "DataSphere" }, { icon: Cpu, name: "CoreLogic" }, { icon: Zap, name: "VoltEdge" }, ]; return (

Trusted by Industry Leaders in 2026

{partners.map((Partner, idx) => (

{Partner.name}

))}

); } // --- KPI Strip Component --- function KPIStrip() { const stats = [ { value: "99.99%", label: "System Uptime" }, { value: "2.5x", label: "Performance Increase" }, { value: "$40M+", label: "Client Savings (2025)" }, { value: "500+", label: "Enterprises Served" }, ]; return (

{stats.map((stat, idx) => (

{stat.value}

{stat.label}

))}

); } // --- Services Grid Component --- function ServicesSection() { const services = [ { icon: CloudLightning, title: "Cloud Migration", description: "Seamless transition to AWS/Azure with zero downtime. We re-architect legacy systems for modern scalability.", tags: ["AWS", "Azure", "Kubernetes"] }, { icon: ShieldCheck, title: "Cybersecurity Ops", description: "24/7 threat detection and compliance governance. We keep your data fortress impenetrable.", tags: ["SOC2", "GDPR", "Audit"] }, { icon: Database, title: "Data Engineering", description: "Unified data lakes and real-time pipelines. Turn chaotic silos into actionable business intelligence.", tags: ["Snowflake", "BigQuery", "ETL"] }, { icon: Cpu, title: "AI Infrastructure", description: "GPU-accelerated clusters designed for LLM training and inference. Built for the foundation model era.", tags: ["LLM", "GPU", "MLOps"] }, { icon: BarChart3, title: "DevOps Automation", description: "CI/CD pipelines that deploy 100x faster. We automate the boring stuff so your team can ship.", tags: ["Terraform", "Jenkins", "Docker"] }, { icon: Lock, title: "Legacy Modernization", description: "Refactor monolithic apps into microservices. Extend the life of your core logic with new interfaces.", tags: ["Refactor", "Microservices", "API"] }, ]; return (

Our Capabilities

Engineered for Scale

We don't just fix bugs. We architect resilient digital ecosystems designed for the next decade of growth.

{services.map((service, idx) => (

{service.title} {service.description} {service.tags.map(tag => ( {tag} ))} ))}

); } // --- Case Studies Component --- function CaseStudiesSection() { const cases = [ { company: "FinGuard Corp", industry: "Fintech", result: "Reduced latency by 40%", description: "Migrated core banking ledger to distributed SQL, handling 10k TPS during peak trading hours.", icon: TrendingUp, metrics: "40% Latency Drop" }, { company: "MediFlow Health", industry: "Healthcare", result: "HIPAA Compliant in 3 Months", description: "Overhauled data governance architecture for a patient record system serving 2M+ users.", icon: ShieldCheck, metrics: "100% Compliance" }, { company: "LogiChain Global", industry: "Logistics", result: "Automated 90% of Ops", description: "Implemented custom AI routing algorithms optimizing supply chain routes across 12 countries.", icon: Globe, metrics: "90% Automation" } ]; return (

Proven Outcomes

Real results from real partners. We measure success in metrics that move the needle.

{cases.map((study, idx) => (

{study.industry}

{study.company}

Key Result

{study.metrics}

{study.description}

Read the case study ))}

); } // --- CTA Section Component --- function CTASection() { return (

{/* Background decoration */}

Ready to Future-Proof Your Stack?

Join 500+ enterprises that leveled up their infrastructure in 2026. Let's build something resilient.

Free Infrastructure Audit

24-hour Response Time

); } // --- Footer Component --- function Footer() { return ( ); } // --- Main App Component --- export default function App() { return (

{/* Hero Section */}

Now accepting Q4 2026 projects

Infrastructure that doesn't break.

We design, secure, and scale mission-critical systems for enterprise teams who can't afford downtime.

{/* Decorative Hero Visual (Abstract representation of infrastructure) */}

{[...Array(6)].map((_, i) => (

))}

); }

Tech Services Landing Page UI Component