fix: Apple HIG mobile responsiveness - hero typography, tables, SEO metadata
Mobile: - HeroSection: scale typography 7xl → 4xl sm:5xl md:6xl lg:7xl, responsive px/py - StorefrontFooter: newsletter input responsive w-full sm:w-52, larger touch targets - AdminTable: add overflow-x-auto + min-w-[600px] for horizontal scroll - AdminOrdersPanel: same table overflow fix - AdminFilterTabs: increase text sizes sm:text-xs, add padding - Tuxedo page: SectionHeader mobile-first sizing, feature grid grid-cols-1 sm:2 - Tuxedo feature labels: show on all screens (remove hidden sm:block) SEO: - Root layout: add viewport export, full OG/Twitter metadata, metadataBase - Tuxedo layout: complete OG + Twitter card + canonical + keywords + robots - Indian River layout: same complete SEO treatment All TypeScript checks pass.
This commit is contained in:
+38
-3
@@ -1,10 +1,45 @@
|
||||
import type { Metadata } from "next";
|
||||
import type { Metadata, Viewport } from "next";
|
||||
import "./globals.css";
|
||||
import { Providers } from "@/components/Providers";
|
||||
|
||||
const BASE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://routecommerce.com";
|
||||
|
||||
export const viewport: Viewport = {
|
||||
width: "device-width",
|
||||
initialScale: 1,
|
||||
themeColor: "#0a0a0a",
|
||||
};
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Route Commerce",
|
||||
description: "B2B produce wholesale platform",
|
||||
title: {
|
||||
default: "Route Commerce | Fresh Produce Wholesale Platform",
|
||||
template: "%s | Route Commerce",
|
||||
},
|
||||
description: "Multi-tenant B2B e-commerce platform for fresh produce wholesale distribution. Brands sell to customers who pick up at scheduled stops or receive shipments.",
|
||||
keywords: ["wholesale produce", "farm fresh", "B2B e-commerce", "produce distribution", "pickup stops", "fresh produce"],
|
||||
metadataBase: new URL(BASE_URL),
|
||||
openGraph: {
|
||||
title: "Route Commerce | Fresh Produce Wholesale Platform",
|
||||
description: "Multi-tenant B2B e-commerce platform for fresh produce wholesale distribution.",
|
||||
url: BASE_URL,
|
||||
siteName: "Route Commerce",
|
||||
locale: "en_US",
|
||||
type: "website",
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Route Commerce | Fresh Produce Wholesale Platform",
|
||||
description: "Multi-tenant B2B e-commerce platform for fresh produce wholesale distribution.",
|
||||
site: "@RouteCommerce",
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
googleBot: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
|
||||
Reference in New Issue
Block a user