📌 Catch-All Route Page

🔍 Below are the extracted URL parameters:

📝 Blog Name: new

👤 Blog Owner: my

📅 Date: 4

📆 Month: 5

📅 Year: 2040

➕ More: N/A

📄 Code Used:

'use client'
import React from 'react';

const CatchAll = ({ params }) => {
  const posts = params?.posts || [];

  return (
    <div className="p-6 bg-gray-100 min-h-screen text-center flex flex-col items-center justify-center">
      <h1 className="text-3xl font-bold text-blue-600 mb-4">📌 Catch-All Route Page</h1>
      <p className="text-lg text-gray-700 mb-4">🔍 Below are the extracted URL parameters:</p>

      <div className="bg-white p-6 border rounded-lg shadow-md w-full max-w-lg text-left space-y-2">
        <h2>📝 Blog Name: <span className="text-blue-500">{posts[0] || 'N/A'}</span></h2>
        <h2>👤 Blog Owner: <span className="text-blue-500">{posts[1] || 'N/A'}</span></h2>
        <h2>📅 Date: <span className="text-blue-500">{posts[2] || 'N/A'}</span></h2>
        <h2>📆 Month: <span className="text-blue-500">{posts[3] || 'N/A'}</span></h2>
        <h2>📅 Year: <span className="text-blue-500">{posts[4] || 'N/A'}</span></h2>
        <h2>➕ More: <span className="text-blue-500">{posts[5] || 'N/A'}</span></h2>
      </div>
    </div>
  );
};

export default CatchAll;