style(web): unify body content width to max-w-340

Align landing sections, footer, and designs catalog with the navbar rail so edges read as one column.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: 1chooo

apps/web/app/designs/page.tsx

@@ -75,10 +75,10 @@ export default async function DesignsPage(props: {
   }
 
   return (
-    <div className="relative min-h-screen px-6 pt-28 pb-24">
+    <div className="relative min-h-screen pt-28 pb-24">
       <NoiseTexture opacity={0.025} />
 
-      <div className="relative z-10 mx-auto max-w-7xl">
+      <div className="relative z-10 mx-auto w-full max-w-340 px-6">
         <BlurFade delay={0.05}>
           <div className="mb-10">
             <p className="mb-3 text-xs font-medium tracking-[0.15em] text-muted-foreground uppercase">

apps/web/components/footer.tsx

@@ -20,7 +20,7 @@ const links = {
 
 export function Footer() {
   return (
-    <footer className="relative overflow-hidden border-t border-border bg-background px-6 py-12">
+    <footer className="relative overflow-hidden border-t border-border bg-background py-12">
       {/* Oversized brand watermark */}
       <span
         aria-hidden
@@ -29,7 +29,7 @@ export function Footer() {
         Tawny
       </span>
 
-      <div className="relative mx-auto max-w-7xl">
+      <div className="relative mx-auto w-full max-w-340 px-6">
         <div className="flex flex-col gap-10 md:flex-row md:justify-between">
           {/* Brand */}
           <div className="max-w-xs">

apps/web/components/landing/components-showcase.tsx

@@ -9,8 +9,8 @@ import { BlurFade } from '@tawny/ui/components/blur-fade'
  */
 export function ComponentsShowcase() {
   return (
-    <section className="relative border-t border-border px-6 py-20">
-      <div className="relative z-10 mx-auto max-w-340">
+    <section className="relative border-t border-border py-20">
+      <div className="relative z-10 mx-auto w-full max-w-340 px-6">
         <BlurFade delay={0.05} inView>
           <div className="mb-10 flex items-end justify-between">
             <div>

apps/web/components/landing/cta.tsx

@@ -8,7 +8,7 @@ export function Cta() {
         aria-hidden="true"
         className="pointer-events-none absolute inset-0 bg-[radial-gradient(70%_55%_at_50%_50%,color-mix(in_oklch,var(--tawny)_22%,transparent),transparent_72%)]"
       />
-      <div className="relative mx-auto flex max-w-4xl flex-col items-center px-4 py-20 text-center md:px-6 md:py-24">
+      <div className="relative mx-auto flex w-full max-w-340 flex-col items-center px-6 py-20 text-center md:py-24">
         <h2 className="text-balance font-serif text-5xl leading-[1.05] tracking-tight text-foreground md:text-6xl">
           Ship with Tawny designs.
         </h2>