feat: comprehensive frontend polish - UI/UX improvements across all pages

Public Pages:
- Landing page with server/client split and metadata export
- Cart page with ARIA accessibility and loading states
- Checkout page with form accessibility and proper design system
- Contact page with SEO metadata and improved accessibility
- Pricing page with enhanced FAQ accessibility
- Login page with Suspense boundaries and secure patterns

Brand Storefronts:
- Premium loading skeletons for Tuxedo and Indian River Direct
- Branded error boundaries with animations
- Loading.tsx for about, contact, FAQ, stops pages
- Error.tsx for all storefront subpages

Admin Dashboard:
- AdminSidebar: ARIA labels, keyboard navigation, mobile improvements
- DashboardClient: Stats cards, quick actions, usage progress
- Admin layout: Toast provider integration

Admin Orders/Products/Stops:
- Toast notification system with auto-dismiss
- Skeleton loading components (Table, Card, Stats, Form)
- Bulk actions (mark picked up, publish stops)
- Form validation with error styling

Admin Communications:
- AnalyticsDashboard: sparklines, stat cards, engagement badges
- CampaignComposerPage: step wizard, template selection, email preview
- SegmentBuilderPage: empty state, active segment handling
- ContactListPanel: loading skeletons, professional empty states
- MessageLogPanel: stats cards, engagement indicators
- HarvestReachNav: branded tab navigation
- All pages: metadata exports and loading.tsx

Admin Settings:
- SquareSyncSettingsClient: design system colors, save/cancel UX
- ShippingSettingsForm: validation, dirty state tracking
- Integrations page: proper layout with AI and communications sections
- Billing: improved plan comparison, add-on cards
- PaymentSettings: toggle components, validation

Wholesale Portal:
- Portal: loading skeletons, quantity stepper, search/filter
- Login/Register: FormField validation, success states
- Success/Cancel pages: animated checkmarks
- Employee portal: skeletons, empty states, mobile responsive

Water Log:
- FieldClient: loading step, progress indicator, spinner
- AdminClient: loading skeletons
- Admin pages: loading.tsx files

New Components:
- Toast.tsx/ToastContainer.tsx: comprehensive notification system
- Skeleton.tsx: shimmer loading components
- AdminToggle.tsx: consistent toggle/switch
- CommunicationsLoading.tsx: loading skeleton for comms
- ToastExport.ts: exports

CSS Improvements:
- Shimmer animation keyframes
- Toast slide-in animation

Accessibility:
- ARIA labels throughout
- Keyboard navigation
- Focus states
- Semantic HTML
- Screen reader support

src/app/page.tsx

@@ -1,24 +1,44 @@
-"use client";
+import type { Metadata } from "next";
+import LandingPageClient from "./LandingPageClient";
 
-import Header, { Footer, LandingPageWrapper, Section } from "@/components/landing/LandingPageWrapper";
-import HeroSection from "@/components/landing/HeroSection";
-import FeaturesAndStats from "@/components/landing/FeaturesAndStats";
-import TestimonialsAndCTA from "@/components/landing/TestimonialsAndCTA";
+const BASE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://routecommerce.com";
+
+export const metadata: Metadata = {
+  title: "Route Commerce — Fresh Produce Wholesale Platform",
+  description: "The all-in-one platform for produce wholesale distribution. Manage orders, stops, routes, and customer communications. Built for farms, Co-ops, and distributors.",
+  keywords: ["produce wholesale", "farm management", "route commerce", "agricultural platform", "order management", "stop scheduling"],
+  openGraph: {
+    title: "Route Commerce — Fresh Produce Wholesale Platform",
+    description: "The all-in-one platform for produce wholesale distribution. Manage orders, stops, routes, and customer communications.",
+    url: BASE_URL,
+    siteName: "Route Commerce",
+    locale: "en_US",
+    type: "website",
+    images: [
+      {
+        url: "/og-default.jpg",
+        width: 1200,
+        height: 630,
+        alt: "Route Commerce Platform",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Route Commerce — Fresh Produce Wholesale Platform",
+    description: "The all-in-one platform for produce wholesale distribution.",
+    site: "@RouteCommerce",
+    images: ["/og-default.jpg"],
+  },
+  alternates: {
+    canonical: BASE_URL,
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};
 
 export default function LandingPage() {
-  return (
-    <LandingPageWrapper>
-      <Section id="hero">
-        <HeroSection />
-      </Section>
-      
-      <Section id="features">
-        <FeaturesAndStats />
-      </Section>
-      
-      <Section id="reviews">
-        <TestimonialsAndCTA />
-      </Section>
-    </LandingPageWrapper>
-  );
+  return <LandingPageClient />;
 }