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 dark:bg-slate-800'>
      <Navbar />
      <main className='bg-slate-100 pb-20 pt-20 dark:bg-slate-800'>
        {children}
      </main>
      <Footer />
    </div>
  );
};

export default MarketingLayout;