// Rebranding Tool

Customize every detail of your tech shop โ€” from name and colors to hero slides and Firebase config. Generate a new sw-config.js file, copy it, and upload to your site.

โšก
This tool generates a new sw-config.js file. After downloading/copying, upload it to your website to apply all changes. The file replaces your existing sw-config.js โ€” no other files need to be changed.
๐Ÿท
Brand Identity
โ–ถ
Main brand name shown across the site
Password to access admin.html
๐Ÿ“ž
Contact & Location
โ–ถ
๐Ÿ•
Business Hours
โ–ถ
Mon โ€“ Sat
Sunday
๐Ÿ“ฑ
Social Media
โ–ถ
๐ŸŽจ
Colors & Theme
โ–ถ
Main blue โ€” buttons, highlights
๐ŸŽฌ
Hero Slides
โ–ถ
๐Ÿ’ก Images show as the slide background. Leave image empty to use the gradient. Recommended: 1920ร—1080px.
โญ
Loyalty Program
โ–ถ
e.g. 500 = 1 point per Rs.500 spent
e.g. 10 points = Rs.1 discount
For image upload. Get from imgbb.com/api
๐Ÿ”ฅ
Firebase Configuration
โ–ถ
โš ๏ธ
Create a new Firebase project for each new client. Enable Realtime Database and copy the config from Project Settings โ†’ Your Apps.
Must end with .firebasedatabase.app
// sw-config.js โ€” Generated Output

    
โœ“ Copied to clipboard! Now paste this into your sw-config.js file and upload to GitHub.
๐Ÿ“‹ Next Steps
  1. Copy the generated code above
  2. Open your GitHub repo โ†’ find sw-config.js
  3. Click the pencil โœ๏ธ icon to edit
  4. Select all โ†’ paste the new code
  5. Click Commit changes
  6. Netlify will auto-deploy in ~30 seconds โšก