);
}
/* ── PROBLEM ──────────────────────────────────────────────────────────── */
function Problem() {
const cards = [
{
icon: Icons.MessageCircle,
t: "“How much is this?” — fifty times a day",
d: "The same questions about price, sizes, opening hours and delivery, over and over, eating your whole afternoon.",
},
{
icon: Icons.Moon,
t: "Orders slip away while you sleep",
d: "A customer messages at 1am ready to buy. By morning they've gone to the shop that replied first.",
},
{
icon: Icons.Receipt,
t: "Receipts and records live in screenshots",
d: "Payments confirmed in chats, totals on scraps of paper. When it's time to count, nothing adds up.",
},
];
return (
{cards.map((c, i) => (
{c.t}
{c.d}
))}
);
}
/* ── HOW IT WORKS ─────────────────────────────────────────────────────── */
function HowItWorks() {
const steps = [
{
n: "01",
icon: Icons.Link,
t: "Connect your channels",
d: "Verify WhatsApp in 60 seconds, then add Instagram and Messenger from the same settings screen. No new app for your customers.",
graphic: StepConnect,
},
{
n: "02",
icon: Icons.Upload,
t: "Upload your menu, prices, FAQs",
d: "Drag in a PDF price list or just paste your text. My PA reads it and learns how your shop works.",
graphic: StepUpload,
},
{
n: "03",
icon: Icons.Sparkles,
t: "Your assistant takes over",
d: "It replies in seconds, sends receipts, and logs every order — and flags you only when it truly needs you.",
graphic: StepAssistant,
},
];
return (
{steps.map((s, i) => (
{s.n}
{s.t}
{s.d}
))}
);
}
/* ── FEATURES ─────────────────────────────────────────────────────────── */
function Features() {
const feats = [
{
icon: Icons.MessageCircle,
t: "Auto-reply on every channel",
d: "Answers customers in seconds across WhatsApp, Instagram and Messenger — in English or Pidgin, just how they wrote to you.",
tag: "Pidgin ready",
},
{
icon: Icons.Receipt,
t: "Receipts with VAT",
d: "Generates a clean receipt the moment a sale closes, VAT worked out and ready to send.",
},
{
icon: Icons.Users,
t: "Customer history & spend",
d: "Every buyer remembered — what they ordered, how much they've spent, when they last bought.",
},
{
icon: Icons.BookOpen,
t: "Knowledge from your own docs",
d: "Upload your menu, price list or FAQs and My PA answers exactly the way your shop would.",
},
{
icon: Icons.BarChart,
t: "Daily revenue dashboard",
d: "Wake up to today's sales, messages handled and what needs your attention — all in one glance.",
},
{
icon: Icons.CreditCard,
t: "Paystack-powered payments",
d: "Send a secure pay link in the chat and watch the money land, confirmed automatically.",
},
];
return (
{feats.map((f, i) => (
{f.tag && (
{f.tag}
)}
{f.t}
{f.d}
))}
);
}
/* ── DEMO / SCREENSHOT ────────────────────────────────────────────────── */
function Demo() {
const notes = [
{
icon: Icons.BadgeCheck,
t: "AI-handled badge",
d: "See at a glance which chats My PA closed on its own.",
},
{
icon: Icons.BarChart,
t: "Today's revenue",
d: "Live takings, updated as each sale is confirmed.",
},
{
icon: Icons.Pencil,
t: "Compose new message",
d: "Jump in yourself anytime — My PA steps aside instantly.",
},
];
return (
{/* Was a fixed h-[560px] — on a 360-width phone the content
felt cramped and the FAB clipped the tab bar. Letting the
height scale to the viewport (with a min) keeps the layout
honest on small screens while desktop still gets the full
display. */}
{notes.map((n, i) => (
{n.t}
{n.d}
))}
A live preview of your My PA home — your real numbers appear here
once you connect.
);
}
/* ── TESTIMONIALS ─────────────────────────────────────────────────────── */
function Testimonials() {
const quotes = [
{
q: "I sleep through the night now and still wake up to closed sales. My PA replied to 38 customers while I was offline last week.",
name: "Bisi",
biz: "Owner — Adire Lagos Boutique",
initials: "BL",
},
{
q: "Customers used to wait an hour for a price. Now they get it in seconds, in Pidgin, exactly how I'd say it. My orders have doubled.",
name: "Chidi",
biz: "Owner — Mama's Kitchen, Enugu",
initials: "MK",
},
{
q: "The receipts alone are worth it. No more arguing about who paid what — everything is logged and I can see my daily revenue at a glance.",
name: "Aisha",
biz: "Founder — Glow Beauty Bar, Abuja",
initials: "GB",
},
];
return (
{quotes.map((t, i) => (
{[0, 1, 2, 3, 4].map((s) => (
))}
“{t.q}”
{t.initials}
{t.name}
{t.biz}
))}
);
}
/* ── FAQ ──────────────────────────────────────────────────────────────── */
function FAQItem({q, a, open, onToggle}) {
const ref = useRef(null);
return (
{a}
);
}
function FAQ() {
const [open, setOpen] = useState(0);
const faqs = [
{
q: "Will WhatsApp ban my number?",
a: "No. My PA runs on the official WhatsApp Business API, so your number stays safe and fully approved. You're not breaking any rules — you're using WhatsApp exactly the way it's meant for business.",
},
{
q: "How long does setup take?",
a: "Under 5 minutes. Verify your business number, upload your price list or paste your details, and your assistant is live. No developer, no waiting.",
},
{
q: "Do you support Pidgin?",
a: "Yes. My PA understands and replies in Pidgin as naturally as it does in English — it matches the way your customer wrote to you, so every chat feels like your shop.",
},
{
q: "What if my customer asks something the AI doesn't know?",
a: "It never guesses. When something falls outside what it has learned, My PA flags the chat for you to handle personally and steps aside — so your customer always gets a real, correct answer.",
},
{
q: "Can I cancel anytime?",
a: "Yes. No contracts, no lock-in. Upgrade, downgrade or cancel whenever you like — your free plan stays active with 500 AI replies a month, forever.",
},
{
q: "How is my customer data stored?",
a: "Encrypted in transit and at rest, hosted securely, and never sold to anyone. Your customers' information belongs to you and your shop — full stop.",
},
];
return (