diff --git a/src/app/(marketing)/layout.tsx b/src/app/(marketing)/layout.tsx
index e9a5205..3beae82 100644
--- a/src/app/(marketing)/layout.tsx
+++ b/src/app/(marketing)/layout.tsx
@@ -1,5 +1,6 @@
 import { LandingFooter } from "@/components/landing/LandingFooter";
 import { LandingHeader } from "@/components/landing/LandingHeader";
+import { LandingMainSection } from "@/components/landing/LandingMainSection";
 import { LandingWrapper } from "@/components/landing/LandingWrapper";
 import { makePageMetadata } from "@/seo/metadata";
 
@@ -15,7 +16,7 @@ export default function MarketingLayout({ children }: { children: React.ReactNod
       <body>
         <LandingWrapper>
           <LandingHeader />
-          <main className="flex-1">{children}</main>
+          <LandingMainSection className="flex-1">{children}</LandingMainSection>
           <LandingFooter />
         </LandingWrapper>
       </body>
diff --git a/src/components/landing/LandingMainSection.tsx b/src/components/landing/LandingMainSection.tsx
new file mode 100644
index 0000000..a6a4db3
--- /dev/null
+++ b/src/components/landing/LandingMainSection.tsx
@@ -0,0 +1,13 @@
+import { cn } from "@/lib/utils";
+import { LandingMainSectionProps } from "@/types/landing";
+
+export function LandingMainSection({ children, className }: LandingMainSectionProps) {
+  return (
+    <main
+      id="landing-main"
+      className={cn("mx-auto w-full max-w-[128rem] px-6 py-15", "space-y-[10rem]", className)}
+    >
+      {children}
+    </main>
+  );
+}
diff --git a/src/types/landing.ts b/src/types/landing.ts
index 5291974..9d99971 100644
--- a/src/types/landing.ts
+++ b/src/types/landing.ts
@@ -12,3 +12,8 @@ export type LandingFooterColumnProps = {
   title: string;
   links: FooterLink[];
 };
+
+export type LandingMainSectionProps = {
+  children: React.ReactNode;
+  className?: string;
+};
