'use client';

import { Section } from '@/components/shared/Section';

const ImagesPage = () => {
  return (
    <Section className="py-12 md:py-16 min-h-screen">
      <header className="mb-8 md:mb-12">
        <h1 className="text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-3">
          Image Library
        </h1>
        <p className="text-gray-400 text-base md:text-lg">
          Browse and manage your generated images
        </p>
      </header>

      <div className="p-8 bg-slate-900/80 backdrop-blur-sm border border-slate-700 rounded-2xl">
        <div className="text-center py-12">
          <div className="text-6xl mb-4">🖼️</div>
          <h2 className="text-2xl font-semibold text-white mb-2">Image Browser</h2>
          <p className="text-gray-400">Component will be implemented here</p>
        </div>
      </div>
    </Section>
  );
};

export default ImagesPage;