import React from 'react';

const MainPage: React.FC = () => {
  return (
    <div className="min-h-screen bg-gray-100 flex items-center justify-center">
      <div className="text-center">
        <h1 className="text-4xl font-bold text-gray-900 mb-4">
          Welcome to the Main Page
        </h1>
        <p className="text-lg text-gray-600">
          This is a placeholder main page component.
        </p>
        <img 
          src="/images/placeholder.webp" 
          alt="Placeholder" 
          className="mt-8 mx-auto max-w-sm rounded-lg shadow-md"
        />
      </div>
    </div>
  );
};

export default MainPage;