import React from 'react';
import Header from './Header';
import Footer from './Footer';
import CollectionDetail from './CollectionDetail';
import config from '../lib/config.json';

const Home: React.FC = () => {
  const collectionHandle = config.data.collection;

  return (
    <div className="flex flex-col min-h-screen">
      <Header />
      <main className="flex-1">
        <CollectionDetail collectionHandle={collectionHandle} />
      </main>
      <Footer />
    </div>
  );
};

export default Home;