chris 50680a323f Major overhaul: shared nav, admin improvements, email enhancements, routing fixes
Navigation & layout
- Replace per-page hardcoded nav/footer with shared nav.js (client-side injection)
- Add nginx reverse proxy back to docker-compose for clean localhost routing
- Rename /color-picker/ to /color/ across nav, directory, and references

eStore admin
- Add variation hiding controls (mirrors existing modifier hiding)
- Add delivery rate editor (base fee + per-mile per tier, persisted to data/)
- Fix all missing BASE prefix on fetch calls (admin PATCH/DELETE, availability, slots, colors)
- Mount estore/data/ as a Docker volume so admin config survives rebuilds

Booking & calendar
- Set pickup calendar events to TRANSPARENT (free) so they don't block delivery slots
- Skip CANCELLED events in busy-time calculation
- Re-check slot availability at checkout before charging (409 on conflict)

Phone & email validation
- Auto-format phone as (XXX) XXX-XXXX as user types
- Require exactly 10 digits; tighten email regex

Confirmation emails (store alert + customer)
- Full item detail per line: name, price, add-ons, colors, note
- Charges breakdown: subtotal, delivery fee, tax, total
- Delivery window: simplified M/D/YY h:mm – h:mm AM/PM format
- .ics calendar attachment on customer confirmation

Delivery rates
- Extract configurable rates to delivery-rates.ts (server-only, no fs in client bundle)
- calcDelivery() accepts optional rates param; delivery-quote route passes configured rates

Content
- Change all "40+ latex colors" references to "70+"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-14 21:14:06 -04:00

57 lines
2.1 KiB
TypeScript

import type { Metadata } from 'next'
import './globals.css'
import Navbar from '@/components/Navbar'
import Footer from '@/components/Footer'
import CartDrawer from '@/components/CartDrawer'
import CartFab from '@/components/CartFab'
import { CartProvider } from '@/context/CartContext'
export const metadata: Metadata = {
title: {
default: 'Shop | Beach Party Balloons',
template: '%s | Beach Party Balloons',
},
description:
"Milford CT's premier balloon studio. Custom organic arrangements, arches, centerpieces, and event installations. 4.9★ Google rating. Walk-ins welcome.",
icons: {
icon: '/favicon/favicon.ico',
apple: '/favicon/apple-touch-icon.png',
},
}
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<head>
{/* Google Fonts — same as beachpartyballoons.com */}
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
<link
href="https://fonts.googleapis.com/css2?family=Autour+One&display=swap"
rel="stylesheet"
/>
{/* Font Awesome — same version as beachpartyballoons.com */}
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
crossOrigin="anonymous"
referrerPolicy="no-referrer"
/>
{/* Favicon — prefix with basePath so nginx routes them to the estore */}
<link rel="apple-touch-icon" sizes="180x180" href="/shop/favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/shop/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/shop/favicon/favicon-16x16.png" />
</head>
<body>
<CartProvider>
<Navbar />
<CartDrawer />
<CartFab />
<main>{children}</main>
<Footer />
</CartProvider>
</body>
</html>
)
}