@aws505/sheetsite 1.0.3 → 1.0.4

package/dist/components/index.js

@@ -48,6 +48,7 @@ __export(components_exports, {
   ClockIcon: () => ClockIcon,
   FAQ: () => FAQ,
   FacebookIcon: () => FacebookIcon,
+  FloatingClaimBanner: () => FloatingClaimBanner,
   Footer: () => Footer,
   Gallery: () => Gallery,
   Header: () => Header,
@@ -551,6 +552,7 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultNavigation = [
   { label: "Home", href: "/" },
   { label: "Services", href: "/#services" },
+  { label: "Gallery", href: "/#gallery" },
   { label: "Hours", href: "/#hours" },
   { label: "Reviews", href: "/#reviews" },
   { label: "FAQ", href: "/#faq" }
@@ -809,6 +811,15 @@ function Footer({
 
 // src/components/sections/Hero.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var defaultTrustSignals = {
+  salon: ["Expert Stylists", "Walk-Ins Welcome", "Quality Products"],
+  restaurant: ["Fresh Ingredients", "Family Recipes", "Friendly Service"],
+  repair: ["Certified Technicians", "Honest Estimates", "Quality Parts"],
+  tailor: ["Expert Craftsmanship", "Perfect Fit Guaranteed", "Quick Turnaround"],
+  professional: ["Quality Work", "Fair Prices", "Fast Service"],
+  retail: ["Quality Products", "Great Selection", "Friendly Service"],
+  default: ["Quality Work", "Fair Prices", "Fast Service"]
+};
 function Hero({
   business,
   variant = "centered",
@@ -817,8 +828,11 @@ function Hero({
   todayHours,
   backgroundImage,
   overlay = true,
-  className = ""
+  className = "",
+  trustSignals
 }) {
+  const businessType = business.type || "default";
+  const signals = trustSignals || defaultTrustSignals[businessType] || defaultTrustSignals.default;
   const bgStyle = backgroundImage ? { backgroundImage: `url(${backgroundImage})` } : void 0;
   const handleCallClick = () => {
     if (business.phone) {
@@ -898,8 +912,8 @@ function Hero({
                 ) }),
                 /* @__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: [
+                business.aboutShort && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: `text-lg text-white/80 mb-8 max-w-xl ${variant === "centered" ? "mx-auto" : ""}`, children: business.aboutShort }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `flex flex-wrap gap-4 mb-8 ${variant === "centered" ? "justify-center" : ""}`, children: signals.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",
                     {
@@ -2397,6 +2411,116 @@ function StaggerContainer({
     }
   )) });
 }
+
+// src/components/ui/FloatingClaimBanner.tsx
+var import_react7 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function FloatingClaimBanner({
+  contactEmail = "andrew@whotookmy.com",
+  siteUrl,
+  businessName,
+  position = "bottom-right",
+  showDelay = 3e3,
+  dismissible = true,
+  message = "Is this your business?",
+  buttonText = "Claim This Site",
+  className = ""
+}) {
+  const [isVisible, setIsVisible] = (0, import_react7.useState)(false);
+  const [isDismissed, setIsDismissed] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
+    const dismissed = sessionStorage.getItem("claimBannerDismissed");
+    if (dismissed) {
+      setIsDismissed(true);
+      return;
+    }
+    const timer = setTimeout(() => {
+      setIsVisible(true);
+    }, showDelay);
+    return () => clearTimeout(timer);
+  }, [showDelay]);
+  const handleDismiss = () => {
+    setIsVisible(false);
+    setIsDismissed(true);
+    sessionStorage.setItem("claimBannerDismissed", "true");
+  };
+  const handleClaim = () => {
+    const url = siteUrl || (typeof window !== "undefined" ? window.location.hostname : "unknown");
+    const subject = encodeURIComponent(`Claim my site - ${url}`);
+    const body = encodeURIComponent(
+      `Hi,
+
+I am the owner of ${businessName || "this business"} and I would like to claim my website at ${url}.
+
+Please contact me to discuss.
+
+Thank you!`
+    );
+    window.location.href = `mailto:${contactEmail}?subject=${subject}&body=${body}`;
+  };
+  if (isDismissed || !isVisible) {
+    return null;
+  }
+  const positionClasses = {
+    "bottom-right": "bottom-4 right-4",
+    "bottom-left": "bottom-4 left-4",
+    "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    "div",
+    {
+      className: `
+        fixed z-50 ${positionClasses[position]}
+        animate-slide-up
+        ${className}
+      `,
+      style: {
+        animation: "slideUp 0.5s ease-out"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "bg-white rounded-lg shadow-2xl border border-gray-200 p-4 max-w-sm", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-shrink-0 w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { className: "w-5 h-5 text-primary-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm font-medium text-gray-900", children: message }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-gray-500 mt-1", children: "We built this site for you. Claim it today!" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              "button",
+              {
+                onClick: handleClaim,
+                className: "mt-3 w-full inline-flex items-center justify-center px-4 py-2 bg-primary-600 text-white text-sm font-medium rounded-lg hover:bg-primary-700 transition-colors",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) }),
+                  buttonText
+                ]
+              }
+            )
+          ] }),
+          dismissible && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "button",
+            {
+              onClick: handleDismiss,
+              className: "flex-shrink-0 text-gray-400 hover:text-gray-600 transition-colors",
+              "aria-label": "Dismiss",
+              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("style", { jsx: true, children: `
+        @keyframes slideUp {
+          from {
+            opacity: 0;
+            transform: translateY(20px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+      ` })
+      ]
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AnimatedSection,
@@ -2416,6 +2540,7 @@ function StaggerContainer({
   ClockIcon,
   FAQ,
   FacebookIcon,
+  FloatingClaimBanner,
   Footer,
   Gallery,
   Header,