ajinkya-mhetre-mern/frontend/src/components/layout/Layout.jsx

A MERN starter with frontend and backend folders

// components/layout/Layout.jsx
import React from 'react'
import { Outlet } from 'react-router-dom'
import Header from './Header'

const Layout = () => {
  return (
    <div className="min-h-screen bg-gray-50">

      <div className="fixed top-0 left-0 w-full z-50">
        <Header />
      </div>

      {/* Main Content */}
      <main className="pt-16 min-h-screen">
       
              <Outlet />

      </main>
      <footer className="bg-gray-800 text-white py-4 text-center">
        <div className="container mx-auto">
          <p>&copy; {new Date().getFullYear()} Fresh Farm. All rights reserved.</p>
        </div>
      </footer>
    </div>
  )
}

export default Layout