Update shopify collection

app/page.tsx

@@ -1,18 +1,11 @@
-import Header from '@/components/Header';
-import Footer from '@/components/Footer';
-import CollectionDetail from '@/components/CollectionDetail';
+import React from 'react';
+import CollectionDetail from '@/components/shopify/collection-detail';
 import config from '@/lib/config.json';
 
-export default function Home() {
-  const collectionHandle = config.data.collection;
-
+const Home: React.FC = () => {
   return (
-    <div className="flex flex-col min-h-screen">
-      <Header />
-      <main className="flex-1">
-        <CollectionDetail collectionHandle={collectionHandle} />
-      </main>
-      <Footer />
-    </div>
+    <CollectionDetail handle={config.data.collection} />
   );
-}
+};
+
+export default Home;