Homepage Variants

Open Sky Commerce ships with four distinct homepage layouts. You select the active variant from the admin panel — no code changes or redeployment needed.

Available Variants

eCommerce (Default)

The classic online store homepage. Includes a hero carousel with configurable slides, featured categories, new arrivals product grid, promotional banner, best sellers, countdown timer for sale events, and a newsletter signup.

Best for: product-focused stores selling physical or digital goods.

Services

A dark-themed hero followed by a services grid, a "How It Works" step-by-step section, client testimonials, and a consultation CTA. Hero heading pulls from your BusinessInfo.tagline field.

Best for: agencies, consultancies, and service-based businesses.

SaaS

A modern SaaS marketing homepage with gradient hero, feature cards grid, three-tier pricing table, testimonials, and a CTA section.

Best for: software products, platforms, and subscription services.

Content

A content-first layout suitable for blogs, publishers, or knowledge-based businesses.

Best for: publications, newsletters, and content-driven brands.

Switching Variants

Go to Admin → Settings → SEO.
Find the Homepage Variant dropdown.
Select your preferred layout.
Save — the change takes effect immediately.

Customizing Variant Content

Most dynamic content within each variant is pulled from the database:

Hero slides — managed under Admin → Hero Banners
Business tagline — set under Admin → Business Info
Site name — set under Admin → Settings → SEO
Products — populated from your product catalog

Static copy within variant components (e.g., feature descriptions, step labels) can be edited in the corresponding component files under src/components/Home*.