Project Overviewlink

Piku is an HTML5 landing page template designed for SaaS and software products, featuring both light and dark themes with 10 homepage variations. It is suitable for showcasing software products such as AI writing tools, CRM, project management, payment services, and more.

Tech Stacklink

• HTML5
• Bootstrap v5.3.1
• SASS
• Vanilla JavaScript

Project Structurelink

Template/
├── piku/           # Light theme
│   ├── css/        # Stylesheets (includes style.min.css, responsive.css)
│   ├── js/         # JavaScript files
│   ├── images/     # Image assets
│   ├── fonts/      # Icon fonts
│   ├── scss/       # SASS source files
│   ├── vendor/     # Third-party plugins
│   ├── inc/        # Form processing files
│   ├── index*.html # 10 homepage variations
│   ├── login.html
│   └── ...         # about, blog, pricing, service pages
└── piku-dark/     # Dark theme (same structure)

Key Fileslink

• Template/piku/index.html — Default homepage, aggregated Payment Service scenario
• Template/piku/index-2.html — AI Writer homepage variant
• Template/piku/index-4.html — CRM homepage variant
• Template/piku/css/style.min.css — Merged main stylesheet
• Template/piku/scss/ — SASS source files, customizable for compilation
• Template/piku-dark/ — Same structure as light theme, only color scheme differs

Quick Startlink

1. Unzip the archive and navigate to Template/piku/ directory
2. Open index.html directly in a browser to preview
3. For deployment, upload the entire piku folder to your server

Usage Tipslink

The homepage variations (index*.html) have significantly different styles. Choose the variant that best matches your product positioning, then replace the logo, copy, and images. The dark theme (piku-dark/) can be directly copied from the light structure for easy future expansion.