setMobileOpen(false)}
/>
{/* Mobile sticky CTA */}
);
}
function Footer() {
return (
);
}
// ----------- Lead capture → n8n webhook -----------
const N8N_LEAD_WEBHOOK =
"https://automate.indiaaccelerator.live/webhook/4638fff7-c057-463f-944b-885e14abcf42";
const AUM_LABELS = {
"<1": "Under ₹1 Cr",
"1-5": "₹1-5 Cr",
"5-25": "₹5-25 Cr",
"25+": "₹25 Cr+",
};
function defaultModalLeadSource() {
const file =
(window.location.pathname || "").split("/").pop() || "index.html";
const page = file.replace(/\.html$/i, "") || "home";
return `consultation-modal:${page}`;
}
/** @param {object} form - { name, email, phone, aum, interests, message } */
function buildLeadPayload(form, source) {
const aum = form.aum || "";
return {
source,
submittedAt: new Date().toISOString(),
name: (form.name || "").trim(),
email: (form.email || "").trim(),
phone: (form.phone || "").trim(),
aum,
aumLabel: AUM_LABELS[aum] || aum,
interests: Array.isArray(form.interests) ? form.interests : [],
message: (form.message || "").trim(),
pageUrl: window.location.href,
pagePath: window.location.pathname,
};
}
async function submitLeadToN8n(form, source) {
const payload = buildLeadPayload(form, source);
const res = await fetch(N8N_LEAD_WEBHOOK, {
method: "POST",
headers: { "Content-Type": "application/json", Accept: "application/json" },
body: JSON.stringify(payload),
});
if (!res.ok) {
const detail = await res.text().catch(() => "");
throw new Error(detail || `Request failed (${res.status})`);
}
return payload;
}
// ----------- Private consultation modal -----------
function AuditModal({ open, onClose, onSubmit, leadSource }) {
const [step, setStep] = useState(0);
const [form, setForm] = useState({
name: "",
email: "",
phone: "",
aum: "",
interests: [],
message: "",
});
const [errors, setErrors] = useState({});
const [submitting, setSubmitting] = useState(false);
useEffect(() => {
if (open) {
setStep(0);
setErrors({});
document.body.style.overflow = "hidden";
} else {
document.body.style.overflow = "";
}
}, [open]);
const update = (k, v) => setForm((f) => ({ ...f, [k]: v }));
const toggleInterest = (i) => {
setForm((f) => ({
...f,
interests: f.interests.includes(i)
? f.interests.filter((x) => x !== i)
: [...f.interests, i],
}));
};
const validate = (s) => {
const e = {};
if (s === 0) {
if (!form.aum) e.aum = "Please choose a wealth stage";
}
if (s === 1) {
if (form.interests.length === 0)
e.interests = "Select at least one area to explore";
}
if (s === 2) {
if (!form.name.trim()) e.name = "Required";
if (!form.email.match(/^[^@\s]+@[^@\s]+\.[^@\s]+$/))
e.email = "Valid email required";
if (!form.phone.trim() || form.phone.replace(/\D/g, "").length < 8)
e.phone = "Valid phone required";
}
setErrors(e);
return Object.keys(e).length === 0;
};
const next = () => {
if (!validate(step)) return;
if (step < 2) setStep((s) => s + 1);
else handleSubmit();
};
const back = () => setStep((s) => Math.max(0, s - 1));
const handleSubmit = async () => {
setSubmitting(true);
setErrors((e) => {
const next = { ...e };
delete next.submit;
return next;
});
try {
await submitLeadToN8n(form, leadSource || defaultModalLeadSource());
onSubmit(form);
onClose();
} catch {
setErrors((e) => ({
...e,
submit:
"Unable to send your request. Please try again or email info@iangelswealth.com.",
}));
} finally {
setSubmitting(false);
}
};
const aumOptions = [
{
v: "<1",
label: "Under ₹1 Cr",
sub: "Building towards long-term wealth creation",
},
{ v: "1-5", label: "₹1–5 Cr", sub: "Scaling and diversifying investments" },
{
v: "5-25",
label: "₹5–25 Cr",
sub: "Structured wealth management & alternatives",
},
{ v: "25+", label: "₹25 Cr+", sub: "UHNI / Family Office requirements" },
];
const interestOptions = [
"Public Markets & Core Allocation",
"Alternative Investments & AIFs",
"Curated Startup Opportunities",
"Global Investing & GIFT City",
"Estate & Legacy Planning",
"Liquidity & Capital Solutions",
];
return (
e.stopPropagation()}
role="dialog"
aria-modal="true"
aria-labelledby="consultation-modal-title"
>
Schedule a Private Consultation
Step {step + 1} of 3
{step === 0 && (
<>
What stage of wealth are we planning for?
This helps us understand your current investment landscape and
structure the right introductory conversation.
{aumOptions.map((o) => (
update("aum", o.v)}
>
{o.label}
{o.sub}
))}
{errors.aum && (
{errors.aum}
)}
)}
{step === 1 && (
<>
What would you like to explore?
Select all that apply. We'll connect you with the relevant
specialists from our team.
{interestOptions.map((i) => (
))}
{errors.interests && (
{errors.interests}
)}
)}
{step === 2 && (
<>
How can we reach you?
We'll get in touch within one business day to schedule your
introductory consultation.
update("name", e.target.value)}
placeholder="Your name"
/>
{errors.name &&
{errors.name}
}
update("email", e.target.value)}
placeholder="you@company.com"
/>
{errors.email &&
{errors.email}
}
update("phone", e.target.value)}
placeholder="+91 98XXX XXXXX"
/>
{errors.phone &&
{errors.phone}
}
