chris 5777788127 fix: point all Plausible scripts to self-hosted metrics instance
Replace plausible.io with metrics.beachpartyballoons.com across all
main-site pages and estore layout.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-10 13:15:41 -04:00

65 lines
2.7 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'
import ScrollToTop from '@/components/ScrollToTop'
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>
{/* Preconnect to Square product image CDN */}
<link rel="preconnect" href="https://items-images-production.s3.us-west-2.amazonaws.com" crossOrigin="anonymous" />
{/* Google Fonts — same as beachpartyballoons.com */}
<link rel="preconnect" href="https://fonts.googleapis.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"
/>
{/* Plausible Analytics */}
<script defer data-domain="beachpartyballoons.com" src="https://metrics.beachpartyballoons.com/js/script.hash.outbound-links.js" />
<script dangerouslySetInnerHTML={{ __html: `window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }` }} />
{/* 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 />
<ScrollToTop />
</CartProvider>
</body>
</html>
)
}