@aws505/sheetsite 1.0.0

package/dist/components/index.js

@@ -0,0 +1,1696 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  BriefcaseIcon: () => BriefcaseIcon,
+  Button: () => Button,
+  ButtonLink: () => ButtonLink,
+  CakeIcon: () => CakeIcon,
+  Card: () => Card,
+  CardBody: () => CardBody,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardImage: () => CardImage,
+  CheckIcon: () => CheckIcon,
+  ChevronDownIcon: () => ChevronDownIcon,
+  ChevronRightIcon: () => ChevronRightIcon,
+  ClockIcon: () => ClockIcon,
+  FAQ: () => FAQ,
+  FacebookIcon: () => FacebookIcon,
+  Footer: () => Footer,
+  Gallery: () => Gallery,
+  Header: () => Header,
+  HeartIcon: () => HeartIcon,
+  Hero: () => Hero,
+  Hours: () => Hours,
+  Icon: () => Icon,
+  InstagramIcon: () => InstagramIcon,
+  MailIcon: () => MailIcon,
+  MapPinIcon: () => MapPinIcon,
+  MenuIcon: () => MenuIcon,
+  PhoneIcon: () => PhoneIcon,
+  ScissorsIcon: () => ScissorsIcon,
+  Services: () => Services,
+  SparklesIcon: () => SparklesIcon,
+  StarIcon: () => StarIcon,
+  Testimonials: () => Testimonials,
+  UtensilsIcon: () => UtensilsIcon,
+  WrenchIcon: () => WrenchIcon,
+  XIcon: () => XIcon,
+  YelpIcon: () => YelpIcon,
+  getIcon: () => getIcon,
+  getTodayHours: () => getTodayHours,
+  iconMap: () => iconMap,
+  isCurrentlyOpen: () => isCurrentlyOpen
+});
+module.exports = __toCommonJS(components_exports);
+
+// src/components/layout/Header.tsx
+var import_react = require("react");
+
+// src/components/ui/Icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function PhoneIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" })
+    }
+  );
+}
+function MailIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+      ]
+    }
+  );
+}
+function MapPinIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "10", r: "3" })
+      ]
+    }
+  );
+}
+function ClockIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "12 6 12 12 16 14" })
+      ]
+    }
+  );
+}
+function StarIcon({ className = "", size = 24, filled = false, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: filled ? "currentColor" : "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
+    }
+  );
+}
+function ChevronDownIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+function ChevronRightIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function MenuIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function XIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+function CheckIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+function ScissorsIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "6", r: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8.12 8.12 12 12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 4 8.12 15.88" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "18", r: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.8 14.8 20 20" })
+      ]
+    }
+  );
+}
+function WrenchIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" })
+    }
+  );
+}
+function SparklesIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 3v4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 17v4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 5h4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17 19h4" })
+      ]
+    }
+  );
+}
+function HeartIcon({ className = "", size = 24, filled = false, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: filled ? "currentColor" : "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" })
+    }
+  );
+}
+function UtensilsIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 2v20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7" })
+      ]
+    }
+  );
+}
+function CakeIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 21h20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 8v3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8v3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17 8v3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 4h.01" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 4h.01" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17 4h.01" })
+      ]
+    }
+  );
+}
+function BriefcaseIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "20", height: "14", x: "2", y: "7", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" })
+      ]
+    }
+  );
+}
+function YelpIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20.16 12.73l-3.29 1.47c-.64.28-1.31-.26-1.2-.97l.52-3.4c.08-.56.49-.98 1.03-1.04l3.39-.38c.7-.08 1.22.58 1 1.23l-1.07 2.62c-.14.35-.36.41-.38.47zM14.13 15.58l-.52 3.4c-.11.7.55 1.25 1.2.97l3.29-1.47c.02-.06.24-.12.38-.47l1.07-2.62c.22-.65-.3-1.31-1-1.23l-3.39.38c-.54.06-.95.48-1.03 1.04zM10.98 3.05c-.47-.6-1.37-.5-1.7.2l-3.6 7.51c-.24.5-.01 1.1.51 1.33l2.63 1.21c.62.28 1.3-.2 1.27-.89l-.33-7.97c-.02-.56-.3-1.01-.78-1.39zM8.37 14.35l-2.63-1.21c-.52-.23-.75-.83-.51-1.33l3.6-7.51c.33-.7 1.23-.8 1.7-.2.48.38.76.83.78 1.39l.33 7.97c.03.69-.65 1.17-1.27.89zM10.04 16.42l-3.22 1.8c-.62.35-1.36-.14-1.28-.86l.44-3.52c.06-.53.42-.95.92-1.08l3.02-.78c.69-.18 1.32.43 1.09 1.1l-1.24 3.06c-.14.33-.38.34-.42.34-.04 0-.18-.01-.31.04v-.1z" })
+    }
+  );
+}
+function InstagramIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5" })
+      ]
+    }
+  );
+}
+function FacebookIcon({ className = "", size = 24, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" })
+    }
+  );
+}
+var iconMap = {
+  phone: PhoneIcon,
+  mail: MailIcon,
+  email: MailIcon,
+  "map-pin": MapPinIcon,
+  location: MapPinIcon,
+  clock: ClockIcon,
+  time: ClockIcon,
+  star: StarIcon,
+  "chevron-down": ChevronDownIcon,
+  "chevron-right": ChevronRightIcon,
+  menu: MenuIcon,
+  x: XIcon,
+  close: XIcon,
+  check: CheckIcon,
+  scissors: ScissorsIcon,
+  wrench: WrenchIcon,
+  tool: WrenchIcon,
+  sparkles: SparklesIcon,
+  heart: HeartIcon,
+  utensils: UtensilsIcon,
+  food: UtensilsIcon,
+  cake: CakeIcon,
+  briefcase: BriefcaseIcon,
+  yelp: YelpIcon,
+  instagram: InstagramIcon,
+  facebook: FacebookIcon
+};
+function getIcon(name) {
+  return iconMap[name.toLowerCase()] || null;
+}
+function Icon({ name, ...props }) {
+  const IconComponent = getIcon(name);
+  if (!IconComponent) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconComponent, { ...props });
+}
+
+// src/components/layout/Header.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var defaultNavigation = [
+  { label: "Home", href: "/" },
+  { label: "Services", href: "/services" },
+  { label: "Gallery", href: "/gallery" },
+  { label: "About", href: "/about" },
+  { label: "Contact", href: "/contact" }
+];
+function Header({
+  business,
+  navigation = defaultNavigation,
+  sticky = true,
+  transparent = false,
+  showPhone = true,
+  className = ""
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "header",
+    {
+      className: `
+        ${sticky ? "sticky top-0 z-50" : ""}
+        ${transparent ? "bg-transparent" : "bg-white shadow-sm"}
+        ${className}
+      `,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("nav", { className: "container mx-auto px-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between h-16", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: "/", className: "flex items-center", children: business.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "img",
+            {
+              src: business.logoUrl,
+              alt: business.name,
+              className: "h-10 w-auto"
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-xl font-bold text-gray-900", children: business.name }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "hidden md:flex items-center space-x-8", children: [
+            navigation.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "a",
+              {
+                href: item.href,
+                className: "text-gray-600 hover:text-primary-600 font-medium transition-colors",
+                children: item.label
+              },
+              item.href
+            )),
+            showPhone && business.phone && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              "a",
+              {
+                href: `tel:${business.phone.replace(/\D/g, "")}`,
+                className: "inline-flex items-center px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PhoneIcon, { size: 18, className: "mr-2" }),
+                  business.phone
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "button",
+            {
+              className: "md:hidden p-2 rounded-lg hover:bg-gray-100",
+              onClick: () => setMobileMenuOpen(!mobileMenuOpen),
+              "aria-label": mobileMenuOpen ? "Close menu" : "Open menu",
+              children: mobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(XIcon, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MenuIcon, { size: 24 })
+            }
+          )
+        ] }),
+        mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "md:hidden py-4 border-t", children: [
+          navigation.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "a",
+            {
+              href: item.href,
+              className: "block py-2 text-gray-600 hover:text-primary-600 font-medium",
+              onClick: () => setMobileMenuOpen(false),
+              children: item.label
+            },
+            item.href
+          )),
+          showPhone && business.phone && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            "a",
+            {
+              href: `tel:${business.phone.replace(/\D/g, "")}`,
+              className: "flex items-center py-2 text-primary-600 font-medium",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PhoneIcon, { size: 18, className: "mr-2" }),
+                business.phone
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/layout/Footer.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var defaultQuickLinks = [
+  { label: "Home", href: "/" },
+  { label: "Services", href: "/services" },
+  { label: "About", href: "/about" },
+  { label: "Contact", href: "/contact" },
+  { label: "Privacy Policy", href: "/privacy" }
+];
+var dayNames = {
+  monday: "Mon",
+  tuesday: "Tue",
+  wednesday: "Wed",
+  thursday: "Thu",
+  friday: "Fri",
+  saturday: "Sat",
+  sunday: "Sun"
+};
+function Footer({
+  business,
+  hours = [],
+  quickLinks = defaultQuickLinks,
+  showHours = true,
+  showSocial = true,
+  variant = "columns",
+  className = ""
+}) {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const socialLinks = [
+    { url: business.socialYelp, icon: YelpIcon, label: "Yelp" },
+    { url: business.socialInstagram, icon: InstagramIcon, label: "Instagram" },
+    { url: business.socialFacebook, icon: FacebookIcon, label: "Facebook" }
+  ].filter((link) => link.url);
+  if (variant === "simple") {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { className: `bg-gray-900 text-white py-8 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "container mx-auto px-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-lg font-semibold mb-2", children: business.name }),
+      business.phone && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-gray-400", children: business.phone }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "text-gray-500 text-sm mt-4", children: [
+        "\xA9 ",
+        currentYear,
+        " ",
+        business.name,
+        ". All rights reserved."
+      ] })
+    ] }) });
+  }
+  if (variant === "centered") {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { className: `bg-gray-900 text-white py-12 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "container mx-auto px-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-2xl font-bold mb-4", children: business.name }),
+      business.tagline && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-gray-400 mb-6", children: business.tagline }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-wrap justify-center gap-6 mb-8", children: quickLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "a",
+        {
+          href: link.href,
+          className: "text-gray-400 hover:text-white transition-colors",
+          children: link.label
+        },
+        link.href
+      )) }),
+      showSocial && socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center gap-4 mb-8", children: socialLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "a",
+        {
+          href: link.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "p-2 bg-gray-800 rounded-full hover:bg-gray-700 transition-colors",
+          "aria-label": link.label,
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(link.icon, { size: 20 })
+        },
+        link.label
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "text-gray-500 text-sm", children: [
+        "\xA9 ",
+        currentYear,
+        " ",
+        business.name,
+        ". All rights reserved."
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { className: `bg-gray-900 text-white py-12 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "container mx-auto px-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "grid md:grid-cols-3 gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "text-xl font-bold mb-4", children: business.name }),
+        business.addressLine1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-start text-gray-400 mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MapPinIcon, { size: 18, className: "mr-2 mt-1 flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: business.addressLine1 }),
+            business.addressLine2 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: business.addressLine2 }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+              business.city,
+              ", ",
+              business.state,
+              " ",
+              business.zip
+            ] })
+          ] })
+        ] }),
+        business.phone && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "a",
+          {
+            href: `tel:${business.phone.replace(/\D/g, "")}`,
+            className: "flex items-center text-gray-400 hover:text-white mb-3",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PhoneIcon, { size: 18, className: "mr-2" }),
+              business.phone
+            ]
+          }
+        ),
+        business.email && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "a",
+          {
+            href: `mailto:${business.email}`,
+            className: "flex items-center text-gray-400 hover:text-white",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MailIcon, { size: 18, className: "mr-2" }),
+              business.email
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "text-lg font-semibold mb-4", children: "Quick Links" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "space-y-2", children: quickLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "a",
+          {
+            href: link.href,
+            className: "text-gray-400 hover:text-white transition-colors",
+            children: link.label
+          }
+        ) }, link.href)) }),
+        showSocial && socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex gap-3 mt-6", children: socialLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "a",
+          {
+            href: link.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "p-2 bg-gray-800 rounded-full hover:bg-gray-700 transition-colors",
+            "aria-label": link.label,
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(link.icon, { size: 20 })
+          },
+          link.label
+        )) })
+      ] }),
+      showHours && hours.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("h3", { className: "text-lg font-semibold mb-4 flex items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ClockIcon, { size: 18, className: "mr-2" }),
+          "Hours"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "space-y-1 text-gray-400", children: hours.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { className: "flex justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: dayNames[entry.day] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: entry.closed ? "Closed" : `${entry.open} - ${entry.close}` })
+        ] }, entry.day)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mt-12 pt-8 border-t border-gray-800 text-center text-gray-500 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+      "\xA9 ",
+      currentYear,
+      " ",
+      business.name,
+      ". All rights reserved."
+    ] }) })
+  ] }) });
+}
+
+// src/components/sections/Hero.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Hero({
+  business,
+  variant = "centered",
+  showOpenStatus = true,
+  isOpen,
+  todayHours,
+  backgroundImage,
+  overlay = true,
+  className = ""
+}) {
+  const bgStyle = backgroundImage ? { backgroundImage: `url(${backgroundImage})` } : void 0;
+  const handleCallClick = () => {
+    if (business.phone) {
+      window.location.href = `tel:${business.phone.replace(/\D/g, "")}`;
+    }
+  };
+  const handleDirectionsClick = () => {
+    if (business.googleMapsUrl) {
+      window.open(business.googleMapsUrl, "_blank");
+    } else {
+      const address = [
+        business.addressLine1,
+        business.city,
+        business.state,
+        business.zip
+      ].filter(Boolean).join(", ");
+      window.open(`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(address)}`, "_blank");
+    }
+  };
+  const handlePrimaryClick = () => {
+    if (business.primaryCtaUrl) {
+      if (business.primaryCtaUrl.startsWith("http")) {
+        window.open(business.primaryCtaUrl, "_blank");
+      } else if (business.primaryCtaUrl.startsWith("mailto:")) {
+        window.location.href = business.primaryCtaUrl;
+      } else {
+        window.location.href = business.primaryCtaUrl;
+      }
+    } else if (business.bookingUrl) {
+      window.open(business.bookingUrl, "_blank");
+    } else if (business.email) {
+      window.location.href = `mailto:${business.email}`;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "section",
+    {
+      className: `
+        relative min-h-[500px] flex items-center
+        ${backgroundImage ? "bg-cover bg-center" : "bg-gradient-to-br from-primary-600 to-primary-800"}
+        ${className}
+      `,
+      style: bgStyle,
+      children: [
+        overlay && backgroundImage && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute inset-0 bg-black/50" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "relative z-10 container mx-auto px-4 py-16", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "div",
+          {
+            className: `
+            ${variant === "centered" ? "text-center max-w-3xl mx-auto" : ""}
+            ${variant === "left" ? "max-w-2xl" : ""}
+            ${variant === "split" ? "grid md:grid-cols-2 gap-8 items-center" : ""}
+          `,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+                showOpenStatus && isOpen !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  "span",
+                  {
+                    className: `
+                    inline-flex items-center px-3 py-1 rounded-full text-sm font-medium
+                    ${isOpen ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}
+                  `,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        "span",
+                        {
+                          className: `w-2 h-2 rounded-full mr-2 ${isOpen ? "bg-green-500" : "bg-red-500"}`
+                        }
+                      ),
+                      isOpen ? "Open Now" : "Closed",
+                      todayHours && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "ml-2 opacity-75", children: [
+                        "\xB7 ",
+                        todayHours
+                      ] })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { className: "text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-4", children: business.name }),
+                business.tagline && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-xl md:text-2xl text-white/90 mb-6", children: business.tagline }),
+                business.aboutShort && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-lg text-white/80 mb-8 max-w-xl", children: business.aboutShort }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-wrap justify-center gap-4 mb-8", children: ["Quality Work", "Fair Prices", "Fast Service"].map((signal) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center text-white/90", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { className: "w-5 h-5 text-accent-400 mr-2", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    "path",
+                    {
+                      fillRule: "evenodd",
+                      d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+                      clipRule: "evenodd"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-sm font-medium", children: signal })
+                ] }, signal)) }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [
+                  business.phone && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                    "button",
+                    {
+                      onClick: handleCallClick,
+                      className: "inline-flex items-center justify-center px-6 py-3 bg-white text-primary-700 font-semibold rounded-lg hover:bg-gray-100 transition-colors",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PhoneIcon, { size: 20, className: "mr-2" }),
+                        "Call Now"
+                      ]
+                    }
+                  ),
+                  (business.addressLine1 || business.googleMapsUrl) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                    "button",
+                    {
+                      onClick: handleDirectionsClick,
+                      className: "inline-flex items-center justify-center px-6 py-3 border-2 border-white text-white font-semibold rounded-lg hover:bg-white/10 transition-colors",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MapPinIcon, { size: 20, className: "mr-2" }),
+                        "Get Directions"
+                      ]
+                    }
+                  ),
+                  (business.primaryCtaUrl || business.bookingUrl || business.email) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    "button",
+                    {
+                      onClick: handlePrimaryClick,
+                      className: "inline-flex items-center justify-center px-6 py-3 bg-accent-500 text-white font-semibold rounded-lg hover:bg-accent-600 transition-colors",
+                      children: business.primaryCtaText || "Contact Us"
+                    }
+                  )
+                ] })
+              ] }),
+              variant === "split" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "hidden md:block" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/components/sections/Services.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Services({
+  services,
+  title = "Our Services",
+  subtitle,
+  columns = 3,
+  showPrices = true,
+  showIcons = true,
+  variant = "cards",
+  limit,
+  className = ""
+}) {
+  const displayedServices = limit ? services.slice(0, limit) : services;
+  const gridCols = {
+    2: "md:grid-cols-2",
+    3: "md:grid-cols-2 lg:grid-cols-3",
+    4: "md:grid-cols-2 lg:grid-cols-4"
+  };
+  if (variant === "list") {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: `py-16 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "container mx-auto px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionHeader, { title, subtitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "max-w-3xl mx-auto divide-y divide-gray-200", children: displayedServices.map((service) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        ServiceListItem,
+        {
+          service,
+          showPrice: showPrices,
+          showIcon: showIcons
+        },
+        service.id || service.title
+      )) })
+    ] }) });
+  }
+  if (variant === "minimal") {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: `py-16 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "container mx-auto px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionHeader, { title, subtitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `grid gap-6 ${gridCols[columns]}`, children: displayedServices.map((service) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        ServiceMinimalCard,
+        {
+          service,
+          showPrice: showPrices
+        },
+        service.id || service.title
+      )) })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: `py-16 bg-gray-50 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "container mx-auto px-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionHeader, { title, subtitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `grid gap-6 ${gridCols[columns]}`, children: displayedServices.map((service) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      ServiceCard,
+      {
+        service,
+        showPrice: showPrices,
+        showIcon: showIcons
+      },
+      service.id || service.title
+    )) })
+  ] }) });
+}
+function SectionHeader({ title, subtitle }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-center mb-12", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: title }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-lg text-gray-600 max-w-2xl mx-auto", children: subtitle })
+  ] });
+}
+function ServiceCard({
+  service,
+  showPrice,
+  showIcon
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow", children: [
+    showIcon && service.icon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: service.icon, size: 24, className: "text-primary-600" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: "text-xl font-semibold text-gray-900 mb-2", children: service.title }),
+    service.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-gray-600 mb-4", children: service.description }),
+    showPrice && service.priceNote && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-primary-600 font-medium", children: service.priceNote }),
+    showPrice && service.price && !service.priceNote && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-primary-600 font-medium", children: [
+      "$",
+      service.price.toFixed(2)
+    ] })
+  ] });
+}
+function ServiceListItem({
+  service,
+  showPrice,
+  showIcon
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "py-4 flex items-start justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-start", children: [
+      showIcon && service.icon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-10 h-10 bg-primary-100 rounded-lg flex items-center justify-center mr-4 flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: service.icon, size: 20, className: "text-primary-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: "text-lg font-semibold text-gray-900", children: service.title }),
+        service.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-gray-600 text-sm mt-1", children: service.description })
+      ] })
+    ] }),
+    showPrice && (service.priceNote || service.price) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-right ml-4 flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-primary-600 font-medium", children: service.priceNote || `$${service.price?.toFixed(2)}` }) })
+  ] });
+}
+function ServiceMinimalCard({
+  service,
+  showPrice
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "p-4 border border-gray-200 rounded-lg hover:border-primary-300 transition-colors", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: "font-semibold text-gray-900", children: service.title }),
+      showPrice && (service.priceNote || service.price) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-primary-600 text-sm font-medium", children: service.priceNote || `$${service.price?.toFixed(2)}` })
+    ] }),
+    service.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-gray-600 text-sm mt-2", children: service.description })
+  ] });
+}
+
+// src/components/sections/Testimonials.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Testimonials({
+  testimonials,
+  title = "What Our Customers Say",
+  subtitle,
+  columns = 3,
+  showRatings = true,
+  variant = "cards",
+  limit,
+  className = ""
+}) {
+  const displayedTestimonials = limit ? testimonials.slice(0, limit) : testimonials;
+  const gridCols = {
+    1: "max-w-2xl mx-auto",
+    2: "md:grid-cols-2 max-w-4xl mx-auto",
+    3: "md:grid-cols-2 lg:grid-cols-3"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("section", { className: `py-16 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "container mx-auto px-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-center mb-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: title }),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-lg text-gray-600 max-w-2xl mx-auto", children: subtitle })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `grid gap-6 ${gridCols[columns]}`, children: displayedTestimonials.map((testimonial) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      TestimonialCard,
+      {
+        testimonial,
+        showRating: showRatings,
+        variant
+      },
+      testimonial.id || testimonial.name
+    )) })
+  ] }) });
+}
+function TestimonialCard({
+  testimonial,
+  showRating,
+  variant
+}) {
+  if (variant === "quotes") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(QuoteIcon, { className: "w-10 h-10 text-primary-200 mx-auto mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("blockquote", { className: "text-lg text-gray-700 italic mb-4", children: [
+        '"',
+        testimonial.quote,
+        '"'
+      ] }),
+      showRating && testimonial.rating && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StarRating, { rating: testimonial.rating, className: "justify-center mb-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "font-semibold text-gray-900", children: testimonial.name }),
+      testimonial.context && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-sm text-gray-500", children: testimonial.context })
+    ] });
+  }
+  if (variant === "minimal") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "border-l-4 border-primary-500 pl-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("blockquote", { className: "text-gray-700 mb-2", children: [
+        '"',
+        testimonial.quote,
+        '"'
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-semibold text-gray-900", children: testimonial.name }),
+        showRating && testimonial.rating && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StarRating, { rating: testimonial.rating, size: 14 })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "bg-white rounded-lg shadow p-6", children: [
+    showRating && testimonial.rating && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StarRating, { rating: testimonial.rating, className: "mb-3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("blockquote", { className: "text-gray-700 mb-4", children: [
+      '"',
+      testimonial.quote,
+      '"'
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center", children: [
+      testimonial.imageUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "img",
+        {
+          src: testimonial.imageUrl,
+          alt: testimonial.name,
+          className: "w-10 h-10 rounded-full mr-3 object-cover"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "font-semibold text-gray-900", children: testimonial.name }),
+        testimonial.context && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-sm text-gray-500", children: testimonial.context }),
+        testimonial.source && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-xs text-gray-400", children: [
+          "via ",
+          testimonial.source
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function StarRating({
+  rating,
+  size = 18,
+  className = ""
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `flex ${className}`, "aria-label": `${rating} out of 5 stars`, children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    StarIcon,
+    {
+      size,
+      filled: star <= rating,
+      className: star <= rating ? "text-yellow-400" : "text-gray-300"
+    },
+    star
+  )) });
+}
+function QuoteIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { className, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z" }) });
+}
+
+// src/components/sections/FAQ.tsx
+var import_react2 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function FAQ({
+  items,
+  title = "Frequently Asked Questions",
+  subtitle,
+  variant = "accordion",
+  defaultOpen = 0,
+  allowMultiple = false,
+  className = ""
+}) {
+  const initialOpen = Array.isArray(defaultOpen) ? defaultOpen : [defaultOpen];
+  const [openItems, setOpenItems] = (0, import_react2.useState)(initialOpen);
+  const toggleItem = (index) => {
+    if (allowMultiple) {
+      setOpenItems(
+        (prev) => prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]
+      );
+    } else {
+      setOpenItems(
+        (prev) => prev.includes(index) ? [] : [index]
+      );
+    }
+  };
+  if (variant === "cards") {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("section", { className: `py-16 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "container mx-auto px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SectionHeader2, { title, subtitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "grid md:grid-cols-2 gap-6 max-w-4xl mx-auto", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FAQCard, { item }, item.id || item.question)) })
+    ] }) });
+  }
+  if (variant === "simple") {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("section", { className: `py-16 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "container mx-auto px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SectionHeader2, { title, subtitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "max-w-3xl mx-auto space-y-8", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FAQSimple, { item }, item.id || item.question)) })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("section", { className: `py-16 bg-gray-50 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "container mx-auto px-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SectionHeader2, { title, subtitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "max-w-3xl mx-auto", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      FAQAccordionItem,
+      {
+        item,
+        isOpen: openItems.includes(index),
+        onToggle: () => toggleItem(index)
+      },
+      item.id || item.question
+    )) })
+  ] }) });
+}
+function SectionHeader2({ title, subtitle }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-center mb-12", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: title }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-lg text-gray-600 max-w-2xl mx-auto", children: subtitle })
+  ] });
+}
+function FAQAccordionItem({
+  item,
+  isOpen,
+  onToggle
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "border-b border-gray-200 last:border-b-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "button",
+      {
+        className: "w-full py-4 flex items-center justify-between text-left focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 rounded",
+        onClick: onToggle,
+        "aria-expanded": isOpen,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-lg font-medium text-gray-900 pr-4", children: item.question }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            ChevronDownIcon,
+            {
+              size: 20,
+              className: `flex-shrink-0 text-gray-500 transition-transform duration-200 ${isOpen ? "rotate-180" : ""}`
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "div",
+      {
+        className: `overflow-hidden transition-all duration-200 ${isOpen ? "max-h-96 pb-4" : "max-h-0"}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-gray-600", children: item.answer })
+      }
+    )
+  ] });
+}
+function FAQCard({ item }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-white rounded-lg shadow p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: item.question }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-gray-600", children: item.answer })
+  ] });
+}
+function FAQSimple({ item }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: item.question }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-gray-600", children: item.answer })
+  ] });
+}
+
+// src/components/sections/Hours.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var dayOrder = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
+var dayNames2 = {
+  monday: "Monday",
+  tuesday: "Tuesday",
+  wednesday: "Wednesday",
+  thursday: "Thursday",
+  friday: "Friday",
+  saturday: "Saturday",
+  sunday: "Sunday"
+};
+var dayAbbrev = {
+  monday: "Mon",
+  tuesday: "Tue",
+  wednesday: "Wed",
+  thursday: "Thu",
+  friday: "Fri",
+  saturday: "Sat",
+  sunday: "Sun"
+};
+function getTodayDay(timezone) {
+  const now = timezone ? new Date((/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: timezone })) : /* @__PURE__ */ new Date();
+  const jsDay = now.getDay();
+  return dayOrder[(jsDay + 6) % 7];
+}
+function Hours({
+  hours,
+  title = "Hours",
+  highlightToday = true,
+  variant = "card",
+  timezone,
+  className = ""
+}) {
+  const todayDay = getTodayDay(timezone);
+  const sortedHours = [...hours].sort(
+    (a, b) => dayOrder.indexOf(a.day) - dayOrder.indexOf(b.day)
+  );
+  if (variant === "inline") {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `flex flex-wrap gap-4 ${className}`, children: sortedHours.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      HoursInlineItem,
+      {
+        entry,
+        isToday: highlightToday && entry.day === todayDay
+      },
+      entry.day
+    )) });
+  }
+  if (variant === "minimal") {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `space-y-1 ${className}`, children: sortedHours.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      HoursMinimalItem,
+      {
+        entry,
+        isToday: highlightToday && entry.day === todayDay
+      },
+      entry.day
+    )) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `bg-white rounded-lg shadow p-6 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ClockIcon, { size: 24, className: "text-primary-600 mr-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "text-xl font-semibold text-gray-900", children: title })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "space-y-2", children: sortedHours.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      HoursCardItem,
+      {
+        entry,
+        isToday: highlightToday && entry.day === todayDay
+      },
+      entry.day
+    )) })
+  ] });
+}
+function HoursCardItem({ entry, isToday }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "div",
+    {
+      className: `flex justify-between py-1 ${isToday ? "bg-primary-50 -mx-2 px-2 rounded font-medium" : ""}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: isToday ? "text-primary-700" : "text-gray-600", children: [
+          dayNames2[entry.day],
+          isToday && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ml-2 text-xs", children: "(Today)" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: isToday ? "text-primary-700" : "text-gray-900", children: entry.closed ? "Closed" : `${entry.open} - ${entry.close}` })
+      ]
+    }
+  );
+}
+function HoursInlineItem({ entry, isToday }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "div",
+    {
+      className: `text-center px-3 py-2 rounded ${isToday ? "bg-primary-100 ring-2 ring-primary-500" : "bg-gray-100"}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `text-sm font-medium ${isToday ? "text-primary-700" : "text-gray-500"}`, children: dayAbbrev[entry.day] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `text-sm ${isToday ? "text-primary-900" : "text-gray-900"}`, children: entry.closed ? "Closed" : `${entry.open?.split(" ")[0]}-${entry.close?.split(" ")[0]}` })
+      ]
+    }
+  );
+}
+function HoursMinimalItem({ entry, isToday }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `text-sm ${isToday ? "font-semibold text-primary-600" : "text-gray-600"}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "inline-block w-20", children: dayAbbrev[entry.day] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: entry.closed ? "Closed" : `${entry.open} - ${entry.close}` })
+  ] });
+}
+function getTodayHours(hours, timezone) {
+  const todayDay = getTodayDay(timezone);
+  const todayHours = hours.find((h) => h.day === todayDay);
+  if (!todayHours) return null;
+  if (todayHours.closed) return "Closed today";
+  return `${todayHours.open} - ${todayHours.close}`;
+}
+function isCurrentlyOpen(hours, timezone) {
+  const todayDay = getTodayDay(timezone);
+  const todayHours = hours.find((h) => h.day === todayDay);
+  if (!todayHours || todayHours.closed) return false;
+  if (!todayHours.open || !todayHours.close) return false;
+  const now = timezone ? new Date((/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: timezone })) : /* @__PURE__ */ new Date();
+  const currentMinutes = now.getHours() * 60 + now.getMinutes();
+  const openMinutes = parseTimeToMinutes(todayHours.open);
+  const closeMinutes = parseTimeToMinutes(todayHours.close);
+  if (openMinutes === null || closeMinutes === null) return false;
+  return currentMinutes >= openMinutes && currentMinutes < closeMinutes;
+}
+function parseTimeToMinutes(time) {
+  const match = time.match(/(\d{1,2}):?(\d{2})?\s*(AM|PM)?/i);
+  if (!match) return null;
+  let hours = parseInt(match[1], 10);
+  const minutes = parseInt(match[2] || "0", 10);
+  const period = match[3]?.toUpperCase();
+  if (period === "PM" && hours !== 12) hours += 12;
+  if (period === "AM" && hours === 12) hours = 0;
+  return hours * 60 + minutes;
+}
+
+// src/components/sections/Gallery.tsx
+var import_react3 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Gallery({
+  items,
+  title = "Gallery",
+  subtitle,
+  columns = 3,
+  variant = "grid",
+  showCaptions = true,
+  limit,
+  className = ""
+}) {
+  const displayedItems = limit ? items.slice(0, limit) : items;
+  const [failedImages, setFailedImages] = (0, import_react3.useState)(/* @__PURE__ */ new Set());
+  const handleImageError = (id) => {
+    setFailedImages((prev) => new Set(prev).add(id));
+  };
+  const gridCols = {
+    2: "grid-cols-1 sm:grid-cols-2",
+    3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+    4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", { className: `py-16 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "container mx-auto px-4", children: [
+    (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-center mb-12", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: title }),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-lg text-gray-600 max-w-2xl mx-auto", children: subtitle })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `grid gap-4 ${gridCols[columns]}`, children: displayedItems.map((item) => {
+      const itemId = item.id || item.imageUrl;
+      const hasFailed = failedImages.has(itemId);
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "div",
+        {
+          className: "group relative aspect-square overflow-hidden rounded-lg bg-gray-100",
+          children: hasFailed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute inset-0 flex items-center justify-center text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Image unavailable" }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "img",
+              {
+                src: item.imageUrl,
+                alt: item.alt || "",
+                loading: "lazy",
+                className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
+                onError: () => handleImageError(itemId)
+              }
+            ),
+            showCaptions && item.caption && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute bottom-0 left-0 right-0 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-white text-sm", children: item.caption }) }) })
+          ] })
+        },
+        itemId
+      );
+    }) })
+  ] }) });
+}
+
+// src/components/ui/Button.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function getButtonClasses(props) {
+  const { variant = "primary", size = "md", fullWidth, disabled } = props;
+  const baseClasses = [
+    "inline-flex items-center justify-center",
+    "font-medium",
+    "transition-colors duration-200",
+    "focus:outline-none focus:ring-2 focus:ring-offset-2",
+    disabled ? "opacity-50 cursor-not-allowed" : "",
+    fullWidth ? "w-full" : ""
+  ];
+  const variantClasses = {
+    primary: "bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500",
+    secondary: "bg-primary-100 text-primary-700 hover:bg-primary-200 focus:ring-primary-500",
+    outline: "border-2 border-primary-600 text-primary-600 hover:bg-primary-50 focus:ring-primary-500",
+    ghost: "text-primary-600 hover:bg-primary-100 focus:ring-primary-500",
+    link: "text-primary-600 hover:underline focus:ring-primary-500 p-0"
+  };
+  const sizeClasses = {
+    sm: "text-sm px-3 py-1.5 rounded",
+    md: "text-base px-4 py-2 rounded-md",
+    lg: "text-lg px-6 py-3 rounded-lg"
+  };
+  return [
+    ...baseClasses,
+    variantClasses[variant],
+    variant !== "link" ? sizeClasses[size] : ""
+  ].filter(Boolean).join(" ");
+}
+function Button({
+  variant = "primary",
+  size = "md",
+  fullWidth = false,
+  loading = false,
+  leftIcon,
+  rightIcon,
+  children,
+  disabled,
+  className = "",
+  ...props
+}) {
+  const classes = getButtonClasses({ variant, size, fullWidth, disabled: disabled || loading });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "button",
+    {
+      className: `${classes} ${className}`,
+      disabled: disabled || loading,
+      ...props,
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoadingSpinner, { size }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mr-2", children: leftIcon }),
+        children,
+        rightIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ml-2", children: rightIcon })
+      ] })
+    }
+  );
+}
+function LoadingSpinner({ size }) {
+  const sizeClasses = {
+    sm: "w-4 h-4",
+    md: "w-5 h-5",
+    lg: "w-6 h-6"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "svg",
+    {
+      className: `animate-spin ${sizeClasses[size || "md"]}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "circle",
+          {
+            className: "opacity-25",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "4"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "path",
+          {
+            className: "opacity-75",
+            fill: "currentColor",
+            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+          }
+        )
+      ]
+    }
+  );
+}
+function ButtonLink({
+  variant = "primary",
+  size = "md",
+  fullWidth = false,
+  leftIcon,
+  rightIcon,
+  children,
+  className = "",
+  ...props
+}) {
+  const classes = getButtonClasses({ variant, size, fullWidth, disabled: false });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("a", { className: `${classes} ${className}`, ...props, children: [
+    leftIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mr-2", children: leftIcon }),
+    children,
+    rightIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "ml-2", children: rightIcon })
+  ] });
+}
+
+// src/components/ui/Card.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function getCardClasses(props) {
+  const { variant = "default", padding = "md", hover = false } = props;
+  const baseClasses = ["rounded-lg", "overflow-hidden"];
+  const variantClasses = {
+    default: "bg-white shadow",
+    elevated: "bg-white shadow-lg",
+    outlined: "bg-white border border-gray-200",
+    filled: "bg-gray-50"
+  };
+  const paddingClasses = {
+    none: "",
+    sm: "p-3",
+    md: "p-5",
+    lg: "p-8"
+  };
+  const hoverClasses = hover ? "transition-all duration-200 hover:shadow-lg hover:-translate-y-1" : "";
+  return [
+    ...baseClasses,
+    variantClasses[variant],
+    paddingClasses[padding],
+    hoverClasses
+  ].filter(Boolean).join(" ");
+}
+function Card({
+  variant = "default",
+  padding = "md",
+  hover = false,
+  children,
+  className = "",
+  ...props
+}) {
+  const classes = getCardClasses({ variant, padding, hover });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: `${classes} ${className}`, ...props, children });
+}
+function CardHeader({
+  title,
+  subtitle,
+  action,
+  children,
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `flex items-start justify-between ${className}`, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "mt-1 text-sm text-gray-500", children: subtitle }),
+      children
+    ] }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-shrink-0 ml-4", children: action })
+  ] });
+}
+function CardBody({
+  children,
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: `mt-4 ${className}`, ...props, children });
+}
+function CardFooter({
+  children,
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: `mt-4 pt-4 border-t border-gray-100 ${className}`, ...props, children });
+}
+function CardImage({
+  aspectRatio = "video",
+  className = "",
+  alt = "",
+  ...props
+}) {
+  const aspectClasses = {
+    square: "aspect-square",
+    video: "aspect-video",
+    wide: "aspect-[2/1]",
+    auto: ""
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: `-m-5 mb-4 ${aspectClasses[aspectRatio]} overflow-hidden`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "img",
+    {
+      className: `w-full h-full object-cover ${className}`,
+      alt,
+      ...props
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BriefcaseIcon,
+  Button,
+  ButtonLink,
+  CakeIcon,
+  Card,
+  CardBody,
+  CardFooter,
+  CardHeader,
+  CardImage,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronRightIcon,
+  ClockIcon,
+  FAQ,
+  FacebookIcon,
+  Footer,
+  Gallery,
+  Header,
+  HeartIcon,
+  Hero,
+  Hours,
+  Icon,
+  InstagramIcon,
+  MailIcon,
+  MapPinIcon,
+  MenuIcon,
+  PhoneIcon,
+  ScissorsIcon,
+  Services,
+  SparklesIcon,
+  StarIcon,
+  Testimonials,
+  UtensilsIcon,
+  WrenchIcon,
+  XIcon,
+  YelpIcon,
+  getIcon,
+  getTodayHours,
+  iconMap,
+  isCurrentlyOpen
+});
+//# sourceMappingURL=index.js.map