"use client";
import { useState, useEffect } from "react";
import Link from "next/link";
import { getHomeContent, DEFAULT_HOME, type HomePageContent } from "@/lib/page-content-store";
const logoUrl = "https://sintra-brainai-media.s3.us-east-1.amazonaws.com/knowledge-profiles/e5f1a461-effd-4acd-b011-e02b2dab4a84/assets/8db09add-1d4e-4dd4-8dfb-1b6a0c652efc/file_00000000070471f5b36af5f85e078b78.png";
const pricingItems = [
{ type: "Educational Classes", member: "$10", guest: "$15" },
{ type: "Member Social Events", member: "$30", guest: "$40" },
{ type: "Community Socials", member: "$20", guest: "$20" },
{ type: "Special Events", member: "$30", guest: "$30" },
{ type: "Hands-On Workshops", member: "Varies", guest: "Varies" },
];
export default function HomePage() {
const [content, setContent] = useState(DEFAULT_HOME);
const [mounted, setMounted] = useState(false);
useEffect(() => {
setMounted(true);
setContent(getHomeContent());
}, []);
useEffect(() => {
const h = () => {
if (document.visibilityState === "visible") setContent(getHomeContent());
};
document.addEventListener("visibilitychange", h);
return () => document.removeEventListener("visibilitychange", h);
}, []);
useEffect(() => {
const h = (e: StorageEvent) => {
if (e.key === "lasc_page_content") setContent(getHomeContent());
};
window.addEventListener("storage", h);
return () => window.removeEventListener("storage", h);
}, []);
const c = mounted ? content : DEFAULT_HOME;
return (
<>
{/* Hero */}
{c.hero.headlineTop}
{c.hero.badge}