+ {m.photo ? (
+ 
+ ) : (
+
+
+
+ ) : (
+
+
+ )}
+
+ {renderedPage.pageHeader.eyebrow && (
+
+ + {t(renderedPage.pageHeader.eyebrow)} +
+ )} ++ {t(renderedPage.pageHeader.title)} +
+
+
+ 
+
+
+ {locale === "fr" ? "Municipalité de" : "Municipality of"}
+
+ {t(siteSettings.municipality.shortName)}
+
+
+
+ {/* Desktop nav */}
+
+
+
+
+
+ {/* Mobile nav */}
+ {open && (
+
+ )}
+
+ {items.map((item, i) => {
+ const active = item.code === locale;
+ const target = switchLocalePath(location.pathname, item.code);
+ return (
+
+ {i > 0 && (
+
+ |
+
+ )}
+
+ {item.label}
+
+
+ );
+ })}
+
+ );
+}
\ No newline at end of file
diff --git a/wp-content/themes/cascapedia-st-jules/assets/src/components/layout/SiteLayout.tsx b/wp-content/themes/cascapedia-st-jules/assets/src/components/layout/SiteLayout.tsx
new file mode 100644
index 0000000..73c3a02
--- /dev/null
+++ b/wp-content/themes/cascapedia-st-jules/assets/src/components/layout/SiteLayout.tsx
@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+import { TopBar } from "./TopBar";
+import { Header } from "./Header";
+import { Footer } from "./Footer";
+import { WebsimpleBadge } from "./WebsimpleBadge";
+
+export function SiteLayout({ children }: { children: ReactNode }) {
+ return (
+
+ {children}
+
+
+ );
+}
\ No newline at end of file
diff --git a/wp-content/themes/cascapedia-st-jules/assets/src/components/layout/TopBar.tsx b/wp-content/themes/cascapedia-st-jules/assets/src/components/layout/TopBar.tsx
new file mode 100644
index 0000000..5d26754
--- /dev/null
+++ b/wp-content/themes/cascapedia-st-jules/assets/src/components/layout/TopBar.tsx
@@ -0,0 +1,48 @@
+import { Clock, Facebook, Mail, Phone } from "lucide-react";
+import { useLocale } from "@/i18n/LocaleContext";
+import { siteSettings } from "@/content/site-settings";
+import { UI } from "@/i18n/translations";
+import { LanguageToggle } from "./LanguageToggle";
+
+export function TopBar() {
+ const { t } = useLocale();
+ const phone = siteSettings.contact.phone;
+ const email = siteSettings.contact.email;
+ const fb = siteSettings.social.facebook;
+
+ return (
+
+
+ );
+}
\ No newline at end of file
diff --git a/wp-content/themes/cascapedia-st-jules/assets/src/components/layout/WebsimpleBadge.tsx b/wp-content/themes/cascapedia-st-jules/assets/src/components/layout/WebsimpleBadge.tsx
new file mode 100644
index 0000000..1865d1a
--- /dev/null
+++ b/wp-content/themes/cascapedia-st-jules/assets/src/components/layout/WebsimpleBadge.tsx
@@ -0,0 +1,18 @@
+import { Heart } from "lucide-react";
+import { useLocale } from "@/i18n/LocaleContext";
+
+export function WebsimpleBadge() {
+ const { locale } = useLocale();
+ const label = locale === "fr" ? "Fait avec" : "Made with";
+ return (
+
+ {label}
+
+
+
+
+
+
+
+ + {t(block.title)} +
+ {block.intro && ( +{t(block.intro)}
+ )} +
+ {block.categories.map((cat, ci) => (
+
+
+
+ ))}
+ + {t(cat.name)} +
+-
+ {cat.businesses.map((b, bi) => (
+
-
+
{b.name}
+ {b.description && ( ++ {t(b.description)} +
+ )} ++ {b.address && ( +++
+ )} + {b.phone && ( ++ {b.address} + + +
+ )} + {b.email && ( ++ {b.phone} + + + +
+ )} + {b.website && ( + + )} ++ {b.email} + +
+ ))}
+
+
+ + {t(block.title)} +
+ {block.intro &&{t(block.intro)}
} + +
+
+ + {t(block.title)} +
+ {block.intro && ( + + )} +
+ {block.members.map((m, i) => (
+
+
+ ))}
+
+ {block.footnote && (
+
+ )}
+
+
+ + {t(block.title)} +
+ {block.subtitle && ( ++ {t(block.subtitle)} +
+ )} + +
+
+ + {t(block.title)} +
+ {block.intro && ( + + )} +
+ {block.groups.map((group, gi) => (
+
+
+
+ ))}
+ + {t(group.label)} +
+-
+ {group.documents.map((doc, di) => (
+
-
+
+
+ +++ {t(doc.title)} +
+ {doc.date && ( +{doc.date}
+ )} + {doc.description && ( +{t(doc.description)}
+ )} ++ {t(UI.cta.openPdf)} + +
+ ))}
+
+
+
+
+ + {t(block.title)} +
+ {block.intro && ( ++ {t(block.intro)} +
+ )} +-
+ {block.events.map((e, i) => (
+
-
+ + ++
+ {formatDate(e.date, locale)} + + +++ {t(e.title)} +
+ {e.location && ( ++
+ )} + {e.description && ( ++ {t(e.location)} + {t(e.description)}
+ )} +
+ ))}
+
+
+
+ {/* Dots */}
+
+ {block.slides.map((slide, idx) => (
+
+
+
+ ))}
+
+ 
+
+ {(slide.eyebrow || slide.title || slide.subtitle) && (
+
+
+
+ {(slide.eyebrow || slide.title || slide.subtitle) && (
+
+
+ )}
+
+ {slide.eyebrow && (
+
+ + {t(slide.eyebrow)} +
+ )} + {slide.title && ( ++ {t(slide.title)} +
+ )} + {slide.subtitle && ( ++ {t(slide.subtitle)} +
+ )} +
+ {block.slides.map((_, i) => (
+
+
+ {block.title && (
+
+ + {t(block.title)} +
+ )} + {block.intro && ( + + )} + +
+
+
+
+ {block.title && (
+
+
+ {openIdx !== null && (
+ + {t(block.title)} +
+ )} + {block.intro && ( ++ {t(block.intro)} +
+ )} +
+ {block.photos.map((p, i) => (
+
+ ))}
+
+
+
+ {block.photos.length > 1 && (
+ <>
+
+
+
+ )}
+ ![{t(block.photos[openIdx].alt)}]({block.photos[openIdx].src})
e.stopPropagation()}
+ className="max-h-[90vh] max-w-[92vw] object-contain shadow-2xl"
+ />
+
+ )}
+
+
+
+
+ + {t(block.title)} +
+ {block.intro && ( ++ {t(block.intro)} +
+ )} +
+ {block.services.map((s, i) => (
+
+
+ ))}
+
+ + {t(s.title)} +
+{t(s.description)}
+ {s.items && s.items.length > 0 && ( +-
+ {s.items.map((item, j) => (
+
-
+
+ {t(item)} +
+ ))}
+
+
+
+
+ + {t(block.title)} +
+ + {block.cta && ( + + )} +
+ 
+
+
+
+ {block.eyebrow && (
+
+ + {t(block.eyebrow)} +
+ )} ++ {t(block.title)} +
++ {t(block.body)} +
+
+ {block.title && (
+
+ {t(block.title)}
+ )} + +{children}
+
+ {children}
+
+
+
+
+ );
+ },
+);
+CarouselContent.displayName = "CarouselContent";
+
+const CarouselItem = React.forwardRef
+ {children}
+
+