StoreHubWeb Kit

Flexible cards for StoreHub products, merchant stories, plans, people, articles, performance, comparisons, and compact capability labels.

Feature card

src/components/components/cards/FeatureCard.astro
  • card
  • feature
  • product
#

Point of sale

Serve every customer faster

Take orders, accept payments, and keep your menu in sync from one easy-to-use POS.

Explore StoreHub POS
Usage
<FeatureCard title="..." description="..." />

Testimonial card

src/components/components/cards/TestimonialCard.astro
  • card
  • testimonial
  • social-proof
#
5 out of 5

“StoreHub gives us one clear view of sales, stock, and loyal customers. Closing the shop now takes minutes, not hours.”

Aina RahmanFounder, Kopi Kita
Usage
<TestimonialCard quote="..." business="..." />

Pricing card

src/components/components/cards/PricingCard.astro
  • card
  • pricing
  • plan
#
Usage
<PricingCard plan="Growth" price="199" />

Team card

src/components/components/cards/TeamCard.astro
  • card
  • team
  • profile
#

Mei Lin Tan

Retail Success Specialist

Mei Lin helps growing retailers connect their POS, inventory, and loyalty programme with confidence.

Kuala Lumpur, Malaysia

Contact Mei
Usage
<TeamCard name="..." role="..." />

Article card

src/components/components/cards/ArticleCard.astro
  • card
  • article
  • content
#
Retail operations

Five simple ways to reduce inventory waste

Use real-time stock data and smarter purchase orders to protect margins without disappointing customers.

6 min read
Read article
Usage
<ArticleCard title="..." href="..." />

Stat card

src/components/components/cards/StatCard.astro
  • card
  • stat
  • metric
#
12.4% vs last month

Repeat customer revenue

RM 48,320

Across all outlets this month
Usage
<StatCard label="..." value="..." />

Comparison row

src/components/components/cards/ComparisonRow.astro
  • card
  • comparison
  • pricing
#

Multi-outlet inventory

Track stock transfers and purchasing across every location.

StarterNot included
GrowthIncludedBest for growing teams
Usage
<ComparisonRow feature="..." firstValue="..." secondValue="..." />

Icon chip

src/components/components/cards/IconChip.astro
  • chip
  • icon
  • label
#
Integrated payments
Usage
<IconChip icon="credit-card" label="Integrated payments" />