A modern, fully responsive, and feature-rich e-commerce theme built specifically for building materials, construction supplies, and hardware stores. Built with Astro and TailwindCSS for optimal performance and developer experience.

• Modern & Professional: Clean, premium design that builds trust
• Fully Responsive: Perfect on mobile, tablet, and desktop
• Dark Mode: Built-in dark mode support
• Smooth Animations: Micro-interactions and transitions throughout
• Accessibility: WCAG 2.1 AAA compliant

• Product Catalog: Advanced filtering, sorting, and search
• Product Details: Image galleries, specifications, reviews
• Shopping Cart: Persistent cart with localStorage
• Wishlist: Save favorite products
• Checkout: Multi-step checkout process
• Order Tracking: Track order status

• Mobile Menu: Premium slide-out navigation
• Touch Friendly: 44px minimum touch targets
• Mobile Search: Dedicated mobile search overlay
• Optimized Images: Responsive image loading
• Fast Performance: Lighthouse score 95+

• Astro Framework: Fast, modern, and SEO-friendly
• TailwindCSS: Utility-first CSS framework
• TypeScript Ready: Type-safe development
• Component Based: Reusable Astro components
• Easy Customization: Well-organized code structure

• Homepage with hero, categories, featured products
• Products listing with filters and sorting
• Product detail page
• Shopping cart
• Checkout process
• Wishlist

• User account dashboard
• Login/Register
• My orders
• Address management

• Cement & Concrete
• Steel & Metal
• Lumber & Wood
• Tools & Equipment
• Electrical
• Plumbing
• Paint
• Roofing

• About us
• Contact
• FAQ
• Blog
• Terms & Privacy
• Shipping info
• Returns
• Careers
• Support

• Node.js 18+
• npm or yarn

# Clone the repository
git clone https://github.com/helmibamualim/Kantong-Aplikasi-Tema-Astro-Js.git

# Navigate to project directory
cd Kantong-Aplikasi-Tema-Astro-Js

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

http://localhost:4321

building-materials-theme/
├── src/
│   ├── components/       # Reusable components
│   │   ├── Header.astro
│   │   ├── Footer.astro
│   │   ├── ProductCard.astro
│   │   ├── FilterSidebar.astro
│   │   └── ...
│   ├── layouts/          # Page layouts
│   │   └── BaseLayout.astro
│   ├── pages/            # Route pages
│   │   ├── index.astro
│   │   ├── products.astro
│   │   ├── cart.astro
│   │   ├── checkout.astro
│   │   └── ...
│   └── styles/           # Global styles
├── public/               # Static assets
├── astro.config.mjs      # Astro configuration
├── tailwind.config.mjs   # Tailwind configuration
├── package.json
└── README.md

Edit tailwind.config.mjs to customize the color scheme:

theme: {
  extend: {
    colors: {
      primary: {
        50: '#fff7ed',
        // ... customize your brand colors
      }
    }
  }
}

• Update logo in src/components/Header.astro
• Change site name in src/layouts/BaseLayout.astro
• Modify favicon in public/ directory

• Edit page content in src/pages/
• Modify component text in src/components/
• Update product data (currently using mock data)

Perfect for:

• Building materials suppliers
• Construction equipment stores
• Hardware stores
• Industrial supplies
• Wholesale distributors
• B2B construction platforms
• Home improvement retailers

• ⚡ Lighthouse Score: 95+
• 🚀 Fast page loads with Astro
• 📦 Optimized bundle size
• 🎯 SEO optimized

• 🎨 Modern and professional
• 📱 Mobile-first approach
• ♿ Accessibility compliant
• 🌙 Dark mode included

• 🛠️ Easy to customize
• 📝 Well-documented code
• 🧩 Component-based architecture
• 🔧 TypeScript ready

For support and questions:

• Email: helmibamualim@gmail.com
• Phone/WhatsApp: +62 813-9244-2358
• Website: https://kantongaplikasi.com

Contributions are welcome! Please feel free to submit a Pull Request.

This project is licensed under the MIT License - see the LICENSE.md file for details.

If you like this theme, please:

• ⭐ Star this repository
• 📢 Share with others
• 💬 Leave a review
• 🐛 Report bugs
• 💡 Suggest features

---

© 2026 Kantong Aplikasi. All Rights Reserved.

BuildMart Theme - Premium Building Materials E-commerce Theme
Licensed under MIT License

Made with ❤️ by Kantong Aplikasi