E-Commerce Homepage

Use Case: Online store homepage with product categories, featured items, and promotions.
Key Features: Product grids, search, categories, cart, promotions, newsletter signup

[[ :logo: ShopHub | Categories | Deals | New Arrivals | [Search...___________] | :user: Account | :cart: Cart (3) ]]

---

::: alert success
🎉 **Black Friday Sale!** Up to 70% off on selected items • Free shipping on orders over $50 • [Shop Now →]
:::

---

::: hero
# Summer Collection 2025

Discover our latest styles for the season

[Shop Women] [Shop Men] [Shop Kids]

![Hero Banner](https://via.placeholder.com/1200x500)

:::

---

::: grid-6 card

### :tshirt: Clothing
2,450 items

### :shoe: Footwear
890 items

### :gem: Accessories
1,230 items

### :watch: Watches

### :briefcase: Bags
560 items

### :glasses: Eyewear
280 items

:::

---

::: grid-4 card

### Summer Dress
![Product](https://via.placeholder.com/250x300)

~~$89.99~~ **$59.99**

:star::star::star::star::star: (127)

[Add to Cart]*

### Running Shoes
![Product](https://via.placeholder.com/250x300)

~~$129.99~~ **$89.99**

:star::star::star::star: (89)

[Add to Cart]*

### Leather Wallet
![Product](https://via.placeholder.com/250x300)

~~$49.99~~ **$29.99**

:star::star::star::star::star: (203)

[Add to Cart]*

### Sunglasses
![Product](https://via.placeholder.com/250x300)

~~$79.99~~ **$49.99**

:star::star::star::star: (156)

[Add to Cart]*

:::

[View All Deals →]

---

## New Arrivals

::: grid-3 card

### Designer Handbag
![Product](https://via.placeholder.com/300x350)

**$199.99**

Premium leather with gold hardware

:star::star::star::star::star: (45)

[Quick View] [Add to Cart]*

### Casual Sneakers
![Product](https://via.placeholder.com/300x350)

**$79.99**

Comfortable all-day wear

:star::star::star::star: (67)

[Quick View] [Add to Cart]*

### Smart Watch
![Product](https://via.placeholder.com/300x350)

**$299.99**

Fitness tracking & notifications

:star::star::star::star::star: (234)

[Quick View] [Add to Cart]*

:::

[See All New Items →]

---

## Shop by Brand

[[ :brand: Nike | :brand: Adidas | :brand: Zara | :brand: H&M | :brand: Levi's | :brand: Puma | [View All Brands →] ]]

---

::: grid-4 card

### :truck: Free Shipping
On orders over $50

### :return: Easy Returns
30-day return policy

### :shield: Secure Checkout
SSL encrypted payment

### :support: 24/7 Support
Always here to help

:::

---

## Customer Reviews

::: grid-3 card

### :star::star::star::star::star:
*"Best online shopping experience! Fast shipping and quality products."*

**Jennifer L.**
Verified Buyer

### :star::star::star::star::star:
*"Great prices and amazing customer service. Highly recommended!"*

**Michael T.**
Verified Buyer

### :star::star::star::star::star:
*"Love the variety and ease of returns. My go-to store now."*

**Sarah K.**
Verified Buyer

:::

---

## Trending Now

| Product | Category | Price | Rating | Stock |
|---------|----------|-------|--------|-------|
| ![IMG] Classic White Tee | Clothing | $24.99 | :star::star::star::star::star: | In Stock |
| ![IMG] Denim Jacket | Outerwear | $89.99 | :star::star::star::star: | Low Stock |
| ![IMG] Leather Boots | Footwear | $149.99 | :star::star::star::star::star: | In Stock |
| ![IMG] Crossbody Bag | Accessories | $59.99 | :star::star::star::star: | In Stock |

[Browse All Products →]

---

## Special Offers

::: grid-2 card

### :gift: Summer Sale
**Up to 50% Off**

![Promo Banner](https://via.placeholder.com/500x300)

Shop seasonal favorites at unbeatable prices

[Shop Sale]*

### :email: New Customer Offer
**15% Off First Order**

![Promo Banner](https://via.placeholder.com/500x300)

Sign up and get instant discount code

[Sign Up Now]*

:::

---

## Join Our Newsletter

::: card

### Get Exclusive Deals & Updates

Subscribe to receive special offers, style tips, and early access to sales.

Email Address
[your@email.com___________] {type:email}

[Subscribe]*

- [ ] Yes, send me promotional emails

✨ Get **15% off** your first order when you subscribe!

:::

---

## Follow Us

Stay connected for daily inspiration

[[ :instagram: Instagram | :facebook: Facebook | :pinterest: Pinterest | :twitter: Twitter | :youtube: YouTube ]]

**@shophub** • Tag us to be featured!

---

## Shop by Price

::: grid-4 card

### Under $25
1,234 items
[Shop →]

### $25 - $50
2,456 items
[Shop →]

### $50 - $100
1,890 items
[Shop →]

### Over $100
890 items
[Shop →]

:::

---

## Customer Service

::: card

### Need Help?

**Live Chat:** Available 24/7
**Email:** [email protected]
**Phone:** 1-800-SHOP-HUB (24/7)

**Common Questions:**
- [Track My Order](https://example.com/tracking)
- [Shipping Information](https://example.com/shipping)
- [Return Policy](https://example.com/returns)
- [Size Guide](https://example.com/sizes)
- [Contact Us](https://example.com/contact)

[Visit Help Center →]

:::

---

::: footer

::: grid-5 card

### Shop
- Women
- Men
- Kids
- Sale
- New Arrivals

### Customer Care
- Contact Us
- Track Order
- Returns
- Shipping Info
- Size Guide

### About
- Our Story
- Careers
- Press
- Sustainability
- Store Locator

### Account
- Sign In
- Register
- Order History
- Wishlist
- Gift Cards

### Legal
- Privacy Policy
- Terms of Service
- Accessibility
- Cookie Policy
- Sitemap

:::

---

**Secure Payment Methods**

[[ :visa: Visa | :mastercard: Mastercard | :amex: Amex | :paypal: PayPal | :applepay: Apple Pay | :googlepay: Google Pay ]]

---

© 2025 ShopHub Inc. All rights reserved. • Made with ❤️ for shoppers worldwide

:::

Style Variations:

sketch - Quick prototype for stakeholders
clean - Modern, professional e-commerce
wireframe - Focus on content structure
tailwind - Contemporary retail aesthetic
material - Google Shopping style
brutal - Bold, distinctive brand
none - Semantic markup for frameworks

Generate this example:

bash

wiremd ecommerce-home.md --style sketch
wiremd ecommerce-home.md --style clean -o ecommerce-clean.html
wiremd ecommerce-home.md --style material -o ecommerce-material.html

E-Commerce Homepage ​

E-Commerce Homepage