// FeaturesPage.jsx — deep feature rows for /features
function LDFeaturesPage() {
const rows = [
{
eyebrow: "Cart date picker",
title: "A real date picker on your Shopify cart.",
body: "Customers see the dates and time slots that match their delivery area, your per-area limits, and your order deadlines — right inside the cart. A clean, working scheduler that fits your store, not a clunky workaround.",
bullets: [
"Shows in the cart drawer and the cart page",
"Ready-made theme presets to match your store",
"Shows the right dates for your customer’s timezone",
"Works alongside your existing Shopify shipping",
],
visual: ,
flip: false,
},
{
eyebrow: "Delivery areas",
title: "Delivery areas with rules that fit how you work.",
body: "Set exactly where you deliver by postcode. Give each area its own delivery fee, prep time, and the days it’s available. Layer areas for same-day, next-day, and pickup pricing.",
bullets: [
"Set delivery areas by postcode or suburb",
"Layer areas for same-day, next-day, or pickup",
"Different delivery fee and minimum order per area",
"Set which days each area is available",
],
visual: ,
flip: true,
},
{
eyebrow: "Weekly time slots",
title: "Build a week of delivery slots in seconds.",
body: "Set your opening and closing time, choose a slot length, and generate evenly-spaced slots for the day in one click. Fine-tune any slot, then copy a day’s schedule across the rest of the week.",
bullets: [
"Generate evenly-spaced slots (every 30, 60, or 120 min)",
"A different schedule for each day of the week",
"Copy one day’s slots to any other days",
"Add, edit, or remove individual slots",
],
visual: ,
flip: false,
},
{
eyebrow: "Order cutoffs",
title: "Stop taking orders you can’t prepare in time.",
body: "Give every slot a cutoff so customers can’t book it too late. Cut off a set number of hours before the slot starts, or by a fixed clock time on the same or previous day.",
bullets: [
"Cut off a set time before each slot starts",
"Or by a fixed time — same day or the day before",
"Past-cutoff slots disappear from the cart automatically",
"Cutoffs can differ by slot and by day",
],
visual: ,
flip: true,
},
{
eyebrow: "Order limits",
title: "Never take more orders than you can deliver.",
body: "Set how many orders each delivery area can take. When an area is full, it stops offering delivery in the cart — so customers never book a day you can’t make.",
bullets: [
"Set order limits per delivery area",
"Prep-time buffers (e.g. flowers need a day’s notice)",
"Full areas stop offering delivery automatically",
"Works across same-day, next-day, and pickup",
],
visual: ,
flip: false,
},
{
eyebrow: "Blackout dates",
title: "Close the days you can’t deliver.",
body: "Block public holidays, stocktake days, or any one-off closures. Blacked-out dates simply vanish from the cart, so nobody books a day you’re shut.",
bullets: [
"Block individual dates or whole ranges",
"Perfect for holidays, closures, and days off",
"Blocked dates are hidden from the cart",
],
visual: ,
flip: true,
},
{
eyebrow: "Pricing & cart rules",
title: "Charge for delivery the way that suits you.",
body: "Set a flat delivery fee or charge a percentage of the cart subtotal. Reward bigger baskets with free delivery over a threshold, and only offer delivery when the cart total is in range.",
bullets: [
"Flat fee, or a percentage of the cart subtotal",
"Free delivery over (or under) an amount you set",
"Only offer delivery between a min and max cart total",
"Different pricing for each delivery area",
],
visual: ,
flip: false,
},
{
eyebrow: "Per-product rules",
title: "Rules that go right down to the product.",
body: "Not every product ships the same way. Turn delivery or pickup on or off for each product, and give it its own available dates, lead time, pre-order window, and tags. Set one product up, then copy those settings to as many others as you like.",
bullets: [
"Turn delivery or pickup on or off per product",
"Per-product available dates and blackout dates",
"Per-product lead time and pre-order windows",
"Copy one product’s settings to many others",
],
visual: ,
flip: true,
},
{
eyebrow: "Quick View",
title: "Your delivery day, at a glance.",
body: "A built-in dashboard that counts your orders by day, week, and location — so you always know what’s scheduled, pending, completed, or cancelled, without leaving Shopify.",
bullets: [
"Order counts for today, this week, or unscheduled",
"Filter by delivery or pickup, and by location",
"Totals for pending, completed, and cancelled",
"Lives right inside your Shopify admin",
],
visual: ,
flip: false,
},
];
return (
{rows.map((r, i) => )}
);
}
// Integrations grid as its own section (placed after the storefront showcase)
function LDIntegrations() {
return (
);
}
window.LDIntegrations = LDIntegrations;
function FeatureRow({ eyebrow, title, body, bullets, visual, flip }) {
return (
{eyebrow}
{title}
{body}
{bullets.map((b) => (
{b}
))}
{visual}
);
}
// === Cart visual (re-use the home mock at scale) ===
function FRCart() {
return (
);
}
// === Zones visual ===
function FRZones() {
return (