import Header from "@/components/header";
import Footer from "@/components/footer";
import GalleryPage from "@/components/photo-gallery";
import { ArrowLeft } from "lucide-react";
import { Link } from "wouter";

export default function GalleryPageWrapper() {
  return (
    <div className="min-h-screen bg-background">
      <Header />
      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <Link href="/">
          <button className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors mb-6 text-sm" data-testid="button-back">
            <ArrowLeft className="w-4 h-4" />
            Zurück
          </button>
        </Link>
        <h1 className="text-2xl font-bold text-foreground mb-6" data-testid="text-gallery-title">
          Fotogalerie
        </h1>
        <GalleryPage />
      </main>
      <Footer />
    </div>
  );
}
