'use client'; import React from 'react'; import Link from 'next/link'; import { Container } from '../../../src/components/Layout'; import { Label } from '../../../src/components/Typography'; import { Check, ArrowLeft, Zap, ExternalLink } from 'lucide-react'; import { technologies } from './data'; export default function TechnologyContent({ slug }: { slug: string }) { const tech = technologies[slug]; if (!tech) { return (

Technology Not Found

Return Home
); } const Icon = tech.icon; return (
Back to Case Study

{tech.title}

{tech.subtitle}

What is it?

{tech.description}

Why I use it

{tech.benefits.map((benefit, i) => (
{benefit}
))}

What does this mean for you?

{tech.customerValue}

Related Technologies

{tech.related.map((item) => ( {item.name} ))}
); }