lib/portfolio-data.ts

import type { Project } from "@/components/portfolio/ProjectGallery"

export type CaseStudy = Project & {
    overview: string
    challenge: string
    solution: string
    results: { metric: string; value: string }[]
    testimonial?: {
        name: string
        role: string
        company: string
        avatar: string
        content: string
        rating: number
    }
}

export const projects: CaseStudy[] = [
    {
        title: "E-Commerce Platform",
        slug: "e-commerce-platform",
        category: "Web",
        description: "A full-stack e-commerce solution with custom checkout, inventory management, and real-time analytics.",
        tags: ["Next.js", "Stripe", "Tailwind", "PostgreSQL"],
        gradient: "from-blue-600 to-cyan-500",
        emoji: "🛒",
        overview: "We partnered with a fast-growing retail brand to build a custom e-commerce platform that could handle high traffic and complex inventory management. The goal was to replace their legacy Shopify setup with a platform that gave them full control.",
        challenge: "The client's existing platform was slow, had limited customization, and couldn't handle flash-sale traffic spikes of 10,000+ concurrent users. They needed a solution that was blazing fast and infinitely flexible.",
        solution: "We built a headless commerce platform using Next.js for the storefront with server-side rendering for SEO, Stripe for payments, and a custom admin panel for inventory management. The architecture leverages edge caching for sub-second page loads.",
        results: [
            { metric: "Page load time", value: "0.8s" },
            { metric: "Conversion rate increase", value: "+42%" },
            { metric: "Monthly revenue growth", value: "+65%" },
            { metric: "Concurrent user capacity", value: "50,000+" },
        ],
        testimonial: {
            name: "Alex Rivera",
            role: "CTO",
            company: "ShopNova",
            avatar: "AR",
            content: "NexaFlow completely transformed our online store. The new platform is lightning fast and our conversion rates have skyrocketed. Best investment we've made.",
            rating: 5,
        },
    },
    {
        title: "Health Tracker App",
        slug: "health-tracker-app",
        category: "Mobile",
        description: "Cross-platform health tracking app with wearable integration, goal setting, and social features.",
        tags: ["React Native", "Firebase", "HealthKit", "Google Fit"],
        gradient: "from-emerald-500 to-teal-400",
        emoji: "💚",
        overview: "A wellness startup approached us to build a comprehensive health tracking mobile app that integrates with popular wearable devices and provides personalized health insights.",
        challenge: "The app needed to support real-time syncing from Apple HealthKit and Google Fit, handle complex data visualization, and maintain a smooth 60fps experience even with large datasets.",
        solution: "We chose React Native for cross-platform efficiency and built a custom data pipeline using Firebase for real-time sync. The app features offline-first architecture, smooth chart animations, and a social challenge system to keep users engaged.",
        results: [
            { metric: "App Store rating", value: "4.8★" },
            { metric: "Monthly active users", value: "25,000+" },
            { metric: "User retention (30-day)", value: "68%" },
            { metric: "Daily active sessions", value: "3.2 avg" },
        ],
        testimonial: {
            name: "Dr. Sarah Kim",
            role: "Founder",
            company: "VitaTrack",
            avatar: "SK",
            content: "The app exceeded all our expectations. The team understood the health-tech space and delivered an experience that our users love. Downloads have been growing 20% month over month.",
            rating: 5,
        },
    },
    {
        title: "Financial Dashboard",
        slug: "financial-dashboard",
        category: "Design",
        description: "Enterprise dashboard for financial analytics with real-time data visualization and reporting.",
        tags: ["Figma", "Design System", "D3.js", "React"],
        gradient: "from-violet-600 to-purple-500",
        emoji: "📊",
        overview: "A fintech company needed a redesign of their internal analytics dashboard used by portfolio managers to track investments, risk metrics, and market trends in real time.",
        challenge: "The existing dashboard was cluttered, hard to navigate, and lacked accessibility. Portfolio managers were spending 30+ minutes daily just finding the data they needed.",
        solution: "We conducted user research with 15 portfolio managers, then designed a modular dashboard with customizable widgets, a command palette for quick navigation, and a comprehensive design system for consistent future development.",
        results: [
            { metric: "Time to find data", value: "-75%" },
            { metric: "User satisfaction score", value: "94/100" },
            { metric: "Accessibility score", value: "AA compliant" },
            { metric: "Components in design system", value: "120+" },
        ],
        testimonial: {
            name: "James Patterson",
            role: "VP of Product",
            company: "FinEdge Capital",
            avatar: "JP",
            content: "The redesign was a game-changer for our team. What used to take 30 minutes now takes 5. The design system has also accelerated our development velocity significantly.",
            rating: 5,
        },
    },
    {
        title: "Learning Platform",
        slug: "learning-platform",
        category: "Web",
        description: "Online learning platform with video streaming, quizzes, progress tracking, and certification.",
        tags: ["Next.js", "AWS", "PostgreSQL", "Mux"],
        gradient: "from-amber-500 to-orange-400",
        emoji: "📚",
        overview: "An education startup wanted to build a modern learning management system that could compete with platforms like Udemy and Coursera, but with a focus on professional certifications.",
        challenge: "The platform needed to handle large video files efficiently, provide a seamless learning experience with progress tracking, and support automated quiz grading and certificate generation.",
        solution: "We built the platform on Next.js with Mux for adaptive video streaming, PostgreSQL for robust data management, and a custom quiz engine. The certification system generates verifiable PDF certificates with QR codes.",
        results: [
            { metric: "Course completion rate", value: "78%" },
            { metric: "Students enrolled", value: "12,000+" },
            { metric: "Average session duration", value: "45 min" },
            { metric: "Video load time", value: "<1s" },
        ],
    },
    {
        title: "Food Delivery App",
        slug: "food-delivery-app",
        category: "Mobile",
        description: "Real-time food delivery app with live order tracking, restaurant management, and payments.",
        tags: ["Flutter", "Node.js", "Maps API", "Razorpay"],
        gradient: "from-pink-500 to-rose-400",
        emoji: "🍕",
        overview: "A restaurant chain wanted a custom delivery app to reduce their dependency on third-party aggregators and build a direct relationship with customers.",
        challenge: "The app needed real-time GPS tracking, push notifications, an efficient order routing algorithm for multiple restaurant locations, and PCI-compliant payment processing.",
        solution: "We built the app in Flutter for beautiful cross-platform UI, with a Node.js backend handling order routing and real-time WebSocket updates. Razorpay handles payments, and Google Maps powers the live tracking experience.",
        results: [
            { metric: "Delivery time reduction", value: "-18%" },
            { metric: "Monthly orders", value: "8,000+" },
            { metric: "Customer satisfaction", value: "4.7★" },
            { metric: "Commission savings", value: "$15K/mo" },
        ],
    },
    {
        title: "SaaS Dashboard",
        slug: "saas-dashboard",
        category: "Design",
        description: "Multi-tenant SaaS platform with role-based access, usage analytics, and billing integration.",
        tags: ["React", "Stripe", "Tailwind", "Figma"],
        gradient: "from-indigo-500 to-blue-400",
        emoji: "⚡",
        overview: "A B2B SaaS company needed a complete UI overhaul of their platform that serves 500+ enterprise clients, each with multiple team members and varying permission levels.",
        challenge: "The platform had grown organically over 3 years, resulting in inconsistent UI patterns, poor onboarding experience, and a steep learning curve for new users. Churn was increasing.",
        solution: "We redesigned the entire platform with a focus on progressive disclosure, contextual onboarding tooltips, and a unified component library. We also introduced a customizable dashboard with drag-and-drop widgets.",
        results: [
            { metric: "User onboarding time", value: "-60%" },
            { metric: "Feature adoption", value: "+35%" },
            { metric: "Support tickets", value: "-45%" },
            { metric: "Net Promoter Score", value: "72 → 89" },
        ],
    },
]