╔════════════════════════════════════════════════════════════════════════════════╗
║              INSTALLING ARISE WEBSITE ON NAMECHEAP cPANEL                      ║
║                        Complete Step-by-Step Guide                             ║
╚════════════════════════════════════════════════════════════════════════════════╝

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📋 STEP 1: PREPARE YOUR FILES
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Download all 4 files from the outputs folder:

1. arise_website_index.html     ← RENAME THIS TO: index.html
2. arise-logo.png               ← Use as-is
3. favicon.ico                  ← Use as-is
4. favicon.png                  ← Use as-is

IMPORTANT STEP:
  ✓ Right-click on "arise_website_index.html"
  ✓ Select "Rename"
  ✓ Change name to: index.html
  ✓ Save rename

Now you have 4 files ready:
  ✓ index.html
  ✓ arise-logo.png
  ✓ favicon.ico
  ✓ favicon.png

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📍 STEP 2: LOGIN TO NAMECHEAP
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Step 2a: Open Namecheap Website
  1. Go to: https://www.namecheap.com
  2. Look for "Sign In" button (top right corner)
  3. Click "Sign In"

Step 2b: Login with Your Account
  1. Enter your Namecheap email/username
  2. Enter your Namecheap password
  3. Click "Login"
  4. Complete any 2-factor authentication if prompted

Step 2c: You're Now in Namecheap Dashboard
  ✓ You should see "Welcome back" message
  ✓ You can see "Account" section

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🔧 STEP 3: ACCESS YOUR HOSTING
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Step 3a: Go to Hosting Section
  1. In Namecheap Dashboard, look for "Hosting" in left menu
  2. Click on "Hosting"
  3. You'll see list of your hosting accounts

Step 3b: Find Your Domain
  1. Look for your domain name in the list
  2. Click "Manage" button next to your domain
  3. You'll go to hosting management page

Step 3c: Look for cPanel
  1. You should see several options:
     - Client Area
     - Information
     - Manage Account
     - cPanel
  2. Find and click "cPanel" button
     (Usually blue button that says "cPanel Admin")

Step 3d: Enter cPanel
  ✓ cPanel should open in new window/tab
  ✓ You'll see dashboard with many options
  ✓ Look for "File Manager" option

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📂 STEP 4: OPEN FILE MANAGER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Step 4a: Locate File Manager
  1. In cPanel main screen, scroll down
  2. Look for "File Manager" icon
  3. Click on "File Manager"
  4. File Manager will open

Step 4b: You're Now in File Manager
  ✓ You should see left sidebar with folders
  ✓ Main area shows your files/folders
  ✓ Look for "public_html" folder

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🗂️  STEP 5: NAVIGATE TO public_html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Step 5a: Double-Click public_html
  1. In File Manager, you'll see folders including "public_html"
  2. Double-click on "public_html" folder
  3. You'll enter that folder
  4. This is where your website files go

Step 5b: Check Current Contents
  1. You might see existing files:
     - index.html (old version)
     - .htaccess
     - Other files
  2. This is fine - we'll replace them

Step 5c: Clean Up (Optional but Recommended)
  1. Select old index.html file (click it)
  2. Right-click and select "Delete"
  3. Confirm deletion
  4. This removes the old website

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📤 STEP 6: UPLOAD FILES
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Step 6a: Open Upload Menu
  1. In File Manager (now inside public_html), look for "Upload" button
  2. Click on "Upload" button
  3. Upload dialog will open

Step 6b: Select First File
  1. Dialog will say "Select Files to Upload" or similar
  2. Click "Select File" or drag-drop area
  3. Your computer's file browser opens
  4. Navigate to folder where you downloaded files
  5. Select: index.html
  6. Click "Open"

Step 6c: Confirm Upload
  1. You'll see "index.html" in upload queue
  2. Look for upload button (usually says "Upload" or "Start Upload")
  3. Click upload button
  4. Wait for upload to complete (shows progress bar)
  5. You should see green checkmark when done

Step 6d: Repeat for Logo Files
  REPEAT steps 6b-6c for:
  1. arise-logo.png
  2. favicon.ico
  3. favicon.png

UPLOAD ALL 4 FILES:
  ☐ index.html ✓
  ☐ arise-logo.png ✓
  ☐ favicon.ico ✓
  ☐ favicon.png ✓

Step 6e: Verify All Files Uploaded
  1. You should now see all 4 files in public_html folder
  2. Check file list:
     - index.html (shows your website)
     - arise-logo.png (shows logo image)
     - favicon.ico (small icon file)
     - favicon.png (logo icon)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🔐 STEP 7: SET FILE PERMISSIONS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Step 7a: Set Permissions for Each File
  (This makes files readable by your website)

  For each file (index.html, arise-logo.png, favicon.ico, favicon.png):
    1. Right-click on file
    2. Select "Change Permissions"
    3. Enter: 644
    4. Click "Change"
    5. You should see confirmation

Step 7b: Verify Permissions
  ✓ All files should show 644 permissions
  ✓ This allows website to read them

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✅ STEP 8: VERIFY INSTALLATION
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Step 8a: Visit Your Website
  1. Open web browser (Firefox, Chrome, Safari, Edge)
  2. Type your domain: yourdomain.com
  3. Press Enter

Step 8b: Check Website Loads
  ✓ Website should load and display ARISE content
  ✓ You should see:
     - ARISE logo in header (left side)
     - Navigation menu (Home, About, Features, Technology, Blog, Contact)
     - Hero section with "Persecution-First Digital Discipleship"
     - All content sections below

Step 8c: Check Favicon
  1. Look at browser tab
  2. You should see ARISE logo icon in browser tab
  3. This means favicon.ico loaded correctly

Step 8d: Test Responsiveness
  1. Resize browser window (make it narrow)
  2. Website should adjust for mobile view
  3. Navigation should stay usable on small screens

Step 8e: Test Links
  1. Click navigation menu items:
     - Home (scrolls to top)
     - About
     - Features
     - Technology
     - Blog
     - Contact
  2. All should work smoothly

Step 8f: Verify Contact Information
  1. Scroll to Contact section
  2. Confirm email shows: mdas@am-it-consultants.com
  3. Confirm location shows: Labuan, Malaysia
  4. Confirm parent company link: www.am-it-consultants.com

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎉 STEP 9: CELEBRATE - WEBSITE IS LIVE!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Your ARISE website is now live on Namecheap!

✅ Completed Tasks:
  ☑ Logged into Namecheap
  ☑ Accessed cPanel
  ☑ Opened File Manager
  ☑ Navigated to public_html
  ☑ Uploaded 4 files (index.html, logo, 2 favicons)
  ☑ Set file permissions
  ☑ Verified website loads
  ☑ Checked logo and favicon display
  ☑ Tested all links and responsiveness

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
❓ TROUBLESHOOTING
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PROBLEM: "Website shows blank page"
SOLUTION: 
  1. Check that index.html is in public_html folder
  2. Verify file permissions are 644
  3. Check file name is exactly "index.html" (lowercase)
  4. Clear browser cache (Ctrl+Shift+Delete)
  5. Wait 5-10 minutes for DNS propagation

PROBLEM: "Logo not showing in header"
SOLUTION:
  1. Verify arise-logo.png is in public_html folder
  2. Check file size is 30KB
  3. Check permissions are 644
  4. Clear browser cache
  5. Check filename is exactly "arise-logo.png"

PROBLEM: "Favicon not showing in browser tab"
SOLUTION:
  1. Verify favicon.ico AND favicon.png both uploaded
  2. Check they're in public_html (not subfolder)
  3. Clear browser cache completely
  4. Try different browser
  5. Wait 10-15 minutes for browser to recognize favicon
  6. Hard refresh browser (Ctrl+F5)

PROBLEM: "Website shows old/broken content"
SOLUTION:
  1. Go back to cPanel File Manager
  2. Delete old index.html
  3. Verify new index.html uploaded
  4. Clear browser cache
  5. Hard refresh (Ctrl+F5)

PROBLEM: "Upload keeps failing"
SOLUTION:
  1. Try uploading one file at a time (not multiple)
  2. Check file sizes (should be under 100MB each)
  3. Check your internet connection
  4. Try uploading from different browser
  5. Contact Namecheap support if issue persists

PROBLEM: "Website loads but pages look broken"
SOLUTION:
  1. Check browser console for errors (F12 key)
  2. Verify all 4 files uploaded
  3. Check file permissions (should be 644)
  4. Clear cache and refresh (Ctrl+F5)

PROBLEM: "Can't access cPanel"
SOLUTION:
  1. Verify you're logged into Namecheap dashboard
  2. Click on correct domain (if you have multiple)
  3. Click "Manage" button
  4. Look for "cPanel Admin" or "cPanel" button
  5. Try opening in different browser
  6. Contact Namecheap support if locked out

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
💡 TIPS & TRICKS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

USEFUL SHORTCUTS:
  • Hard Refresh: Ctrl+Shift+R (clears cache and refreshes)
  • Clear Browser Cache: Ctrl+Shift+Delete
  • Check Website in Different Browser: Use Chrome, Firefox, Safari

AFTER UPLOADING:
  • Website may take 5-15 minutes to fully propagate
  • Favicon may take 1 hour to show (normal browser behavior)
  • Share website link: https://yourdomain.com (your actual domain)

FUTURE UPDATES:
  • To update website content: Edit index.html and re-upload
  • To change logo: Replace arise-logo.png file (same name)
  • To change favicon: Replace favicon.ico and favicon.png

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📞 SUPPORT & HELP
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

CONTACT INFORMATION:
  Email: mdas@am-it-consultants.com
  Company: ARISE Media & IT Consultants
  Location: Labuan, Malaysia

NAMECHEAP SUPPORT:
  Website: https://www.namecheap.com/support
  Chat: Available 24/7 in Namecheap dashboard
  Email: support@namecheap.com

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✨ CONGRATULATIONS! YOUR ARISE WEBSITE IS NOW LIVE! ✨

Your professional website is accessible from any device in the world.

Share your domain with everyone: https://yourdomain.com

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━