// Home hero: copy on the left, the shop's own storefront on the right. The chevron
// pattern is tiled as a CSS background (not a stretched ) so the marks stay
// small and read as texture at any viewport width.
function Hero({ onShopMenu, t }) {
const { Button } = window.TheCornerDesignSystem_28aa27;
return (
{/* Darkening plate so the tiled pattern sits back behind the content. */}
{t.hero.eyebrow}
{t.hero.titleLine1} {t.hero.titleLine2}
{t.hero.body}
);
}
window.Hero = Hero;
// A row of feature notes under the hero — quick facts about the shop.
function AboutStrip({ t }) {
return (
{t.about.map((it) => (
{it.t}
{it.d}
))}
);
}
window.AboutStrip = AboutStrip;
// Embedded Google Maps location, with a link out to the shop's actual listing.
function LocationMap({ t, lang }) {
return (