/* LogiBell — Home page extras: Feedback (real reviews only) + FAQ accordion. */
(function () {
const { Button, Card, Badge, Input, Tabs } = window.DS;
const Icon = window.Icon;
const { Section, Eyebrow } = window.LBHome;
/* =================== FEEDBACK ===================
REAL REVIEWS ONLY. Paste reviews below as they come in — each entry:
{ quote: "…", name: "First L.", company: "…" (optional), role: "owner-operator" | "driver" | "dispatcher" | "broker" }
Reviews are moderated. */
const REVIEWS = [
{
quote: "Thank you so much, Thomas, for your constant support and for always taking care of me while I travel from origin to destination. Your communication, attention, and help on the road make a real difference.",
name: "Pedro",
company: "Rosales Express",
role: "driver",
},
];
const ROLES = [
{ id: "carrier", label: "Carrier" },
{ id: "driver", label: "Driver" },
{ id: "owner-operator", label: "Owner-operator" },
{ id: "dispatcher", label: "Dispatcher" },
{ id: "broker", label: "Broker" },
];
/* The form keeps it simple: Carrier / Broker / Other (free text). */
const FORM_ROLES = [
{ id: "carrier", label: "Carrier" },
{ id: "broker", label: "Broker" },
{ id: "other", label: "Other" },
];
const roleLabel = (id) => (ROLES.find((r) => r.id === id) || {}).label || id;
/* PROVISIONAL: form submissions post to Formspree (free tier, no backend
needed — works on Vercel, unlike the previous Netlify-only setup).
Setup (one-time, ~2 min): create a free form at https://formspree.io,
then replace "YOUR_FORM_ID" below with the ID it gives you. Submissions
land in your email + the Formspree dashboard, where you can read each
one and decide whether to approve it. To publish an approved review,
add it to the REVIEWS array above (or send it to me and I'll add it
and push the update). */
const FORMSPREE_ENDPOINT = "https://formspree.io/f/mpqeoedr";
/* PROVISIONAL: link to your Google Business review form. Find it in your
Google Business Profile under "Get more reviews," or build one at
https://search.google.com/local/writereview using your Place ID. */
const GOOGLE_REVIEW_URL = "https://share.google/R94XivQ8cRbL0OLaA";
function FeedbackForm() {
const [sent, setSent] = React.useState(false);
const [sending, setSending] = React.useState(false);
const [submitError, setSubmitError] = React.useState(false);
const [role, setRole] = React.useState("carrier");
const [customRole, setCustomRole] = React.useState("");
const [form, setForm] = React.useState({ name: "", text: "" });
const [errors, setErrors] = React.useState({});
const set = (k) => (e) => {
const v = e.target.value;
setForm((f) => ({ ...f, [k]: v }));
setErrors((er) => (er[k] ? { ...er, [k]: undefined } : er));
};
async function handleSubmit(e) {
e.preventDefault();
const submitter = e.nativeEvent && e.nativeEvent.submitter;
if (submitter && submitter.getAttribute("type") !== "submit") return;
const errs = {};
if (!form.name.trim()) errs.name = "Please add your name.";
if (!form.text.trim()) errs.text = "Tell us how it went — a sentence is plenty.";
if (Object.keys(errs).length) { setErrors(errs); return; }
setErrors({});
setSubmitError(false);
setSending(true);
const roleValue = role === "other" ? (customRole.trim() || "other") : role;
try {
const res = await fetch(FORMSPREE_ENDPOINT, {
method: "POST",
headers: { "Content-Type": "application/json", Accept: "application/json" },
body: JSON.stringify({ name: form.name, role: roleValue, feedback: form.text, _subject: "New LogiBell website feedback" }),
});
if (!res.ok) throw new Error("submit failed");
setSent(true);
} catch (err) {
setSubmitError(true);
} finally {
setSending(false);
}
}
return (
{sent ? (
Thank you.
Your feedback goes through moderation before it appears — we keep it genuine in both directions.
);
}
/* =================== FAQ ===================
Conservative answers, consistent with the site's tone — confident,
no over-promising. Placed above the final CTA per the brand doc. */
const FAQ_ITEMS = [
{
q: "What does LogiBell do?",
a: "LogiBell is a carrier-focused operations support company. We start with dispatch — load sourcing and broker communication — and support the operation around it: paperwork coordination, issue resolution, and access to trusted partners.",
},
{
q: "What does it cost?",
a: "Pricing is published. Semi trucks are a 6% flat dispatch fee; box trucks, hotshots, and sprinters are 6–8% based on equipment and service needs. No setup fees and no monthly minimums — your exact rate is confirmed at onboarding.",
},
{
q: "Do you work with new authorities?",
a: "Yes — it's one of our core strengths. The Special Treatment Program gives newer authorities structured early-stage support: first-load strategy, broker-readiness guidance, rate education, compliance guidance, and insurance setup support during the first months on the road.",
},
{
q: "How does LogiGuard work?",
a: "LogiGuard is our verification practice. We work to confirm the brokers, partners, and vendors involved in a load — authority, MC number, and insurance status — and stay current on freight-fraud tactics. Anyone, client or not, can submit a broker, MC, or load for a free check and get a result by email.",
},
{
q: "How do I get started?",
a: "Ring the LogiBell to speak with a dispatch specialist, or schedule a call. Our published pricing means you know the cost before you reach out.",
},
];
function FAQItem({ item, open, onToggle, idx }) {
return (