tasko/app/(main)/layout.tsx

import { Footer } from './_components/footer';
import { Navbar } from './_components/navbar';

const MarketingLayout = ({ children }: { children: React.ReactNode }) => {
  return (
    <div className='h-full bg-slate-100'>
      <Navbar />
      <main className='bg-slate-100 pb-20 pt-20'>{children}</main>
      <Footer />
    </div>
  );
};

export default MarketingLayout;