Case Studies Section

import { CaseStudyTabs } from '@/components/ui/case-studies-section';
import { Layers3, GitBranch, Palette, MonitorCog } from 'lucide-react';
import React from 'react';

// Data for the component. This structure makes the component reusable.
const caseStudiesData = [
  {
    value: 'development',
    label: 'Development',
    content: {
      icon: <Layers3 className="h-6 w-6" />,
      title: 'Development',
      description:
        'Software development is a dynamic field shaping our digital landscape. It covers the design, creation, deployment, and maintenance of software applications and systems.',
      link: '#',
    },
    images: [
      { category: 'Web Development', imageUrl: 'https://images.unsplash.com/photo-1542744095-291d1f67b221?q=80&w=800' },
      { category: 'App Development', imageUrl: 'https://images.unsplash.com/photo-1607252650355-f7fd0460ccdb?q=80&w=800' },
      { category: 'Software Development', imageUrl: 'https://images.unsplash.com/photo-1555066931-4365d14bab8c?q=80&w=800' },
    ],
  },
  {
    value: 'crm_solutions',
    label: 'CRM Solutions',
    content: {
      icon: <GitBranch className="h-6 w-6" />,
      title: 'CRM Solutions',
      description:
        'We specialize in adaptable CRM solutions. Our services streamline customer management, enhance sales tracking, and provide valuable data insights for superior customer experiences.',
      link: '#',
    },
    images: [
      { category: 'Customer Management', imageUrl: 'https://images.unsplash.com/photo-1556742502-ec7c0e9f34b1?q=80&w=800' },
      { category: 'Sales Tracking', imageUrl: 'https://images.unsplash.com/photo-1543286386-713bdd548da4?q=80&w=800' },
    ],
  },
  {
    value: 'web_designing',
    label: 'Web Designing',
    content: {
      icon: <Palette className="h-6 w-6" />,
      title: 'Web Designing',
      description:
        'Web design is crucial for a strong digital presence. We blend creativity and functionality to ensure your website is visually appealing and performs optimally across all devices.',
      link: '#',
    },
    images: [
      { category: 'Visual Design', imageUrl: 'https://images.unsplash.com/photo-1509343256512-d77a5cb3791b?q=80&w=800' },
      { category: 'User Experience', imageUrl: 'https://images.unsplash.com/photo-1581291518857-4e27b48ff24e?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D' },
    ],
  },
  {
    value: 'it_support',
    label: 'IT Support',
    content: {
      icon: <MonitorCog className="h-6 w-6" />,
      title: 'IT Support',
      description:
        'Our comprehensive IT support services maintain and optimize your business technology. We troubleshoot, manage, and resolve technical issues to ensure seamless operation.',
      link: '#',
    },
    images: [
      { category: 'System Maintenance', imageUrl: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=800' },
      { category: 'Issue Resolution', imageUrl: 'https://images.unsplash.com/photo-1516321497487-e288fb19713f?q=80&w=800' },
    ],
  },
];

export default function CaseStudyTabsDemo() {
  return (
    <div className="bg-background">
      <CaseStudyTabs
        subtitle="CASE STUDIES"
        title="Detailing of Our Products"
        tabs={caseStudiesData}
        defaultTab="crm_solutions"
      />
    </div>
  );
}