beautify: shop header

src/app/shop/page.tsx

@@ -192,8 +192,17 @@ export default function ShopPage() {
     <PageLayout>
       <div className="bg-white">
         {/* Header Section */}
-        <div className="bg-[#0F172A] text-white py-16">
-          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div 
+          className="text-white py-16 relative"
+          style={{
+            backgroundImage: 'url(/images/misc/grey_BG.jpg)',
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+            backgroundRepeat: 'no-repeat'
+          }}
+        >
+          <div className="absolute inset-0 bg-black/40"></div>
+          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
             <div className="text-center">
               <h1 className="text-4xl font-bold mb-4">Profit Planet Shop</h1>
               <p className="text-xl text-gray-300 max-w-2xl mx-auto">