diff --git a/.env.example b/.env.example new file mode 100644 index 0000000..a28d327 --- /dev/null +++ b/.env.example @@ -0,0 +1,19 @@ +# Vtiger CRM Configuration +# Copy this file to .env and fill in your actual credentials + +# Your Vtiger instance URL (without trailing slash) +VTIGER_URL=https://utilliadmin.com/crm + +# Your Vtiger username (usually your email) +VTIGER_USERNAME=admin + +# Your Vtiger Web Service Access Key +# Get this from: Vtiger > My Preferences > User Advanced Options > Webservice Access Key +VTIGER_ACCESS_KEY=crsogur4p4yvzyur + +# Email for notifications (optional) +NOTIFICATION_EMAIL=sales@tilli.pro + +# For local development +NODE_ENV=development +PORT=3000 \ No newline at end of file diff --git a/.gitignore b/.gitignore index 71d1592..0cead94 100644 --- a/.gitignore +++ b/.gitignore @@ -1,34 +1,21 @@ -# Build output -public/ - # Dependencies node_modules/ -# Vercel -.vercel - -# Logs -*.log -npm-debug.log* - -# OS files -.DS_Store -Thumbs.db +# Environment variables +.env +.env.local # IDE .vscode/ .idea/ -*.swp -*.swo - -# Environment variables -.env -.env.local -# Backup files -backup_untracked_files_* +# macOS +.DS_Store -<<<<<<< HEAD +# Logs +npm-debug.log* +yarn-debug.log* +yarn-error.log* -======= ->>>>>>> 2522f92cd5cfca7b23339211397491a55d4ac855 +# Vercel +.vercel \ No newline at end of file diff --git a/.vercel-trigger b/.vercel-trigger new file mode 100644 index 0000000..d5075a8 --- /dev/null +++ b/.vercel-trigger @@ -0,0 +1 @@ +# Trigger deployment to pick up NUDGE_API_KEY environment variable diff --git a/01 Customer Account Management.png b/01 Customer Account Management.png new file mode 100644 index 0000000..ec7fa15 Binary files /dev/null and b/01 Customer Account Management.png differ diff --git a/02 Customer Account Management.png b/02 Customer Account Management.png new file mode 100644 index 0000000..4c89771 Binary files /dev/null and b/02 Customer Account Management.png differ diff --git a/03 Customer Account Management.png b/03 Customer Account Management.png new file mode 100644 index 0000000..fcd86cf Binary files /dev/null and b/03 Customer Account Management.png differ diff --git a/About Us <>/Figma/Ali Saberi.jpeg b/About Us <>/Figma/Ali Saberi.jpeg new file mode 100644 index 0000000..e0609a8 Binary files /dev/null and b/About Us <>/Figma/Ali Saberi.jpeg differ diff --git a/About Us <>/Figma/HEro image.png b/About Us <>/Figma/HEro image.png new file mode 100644 index 0000000..f80c11a Binary files /dev/null and b/About Us <>/Figma/HEro image.png differ diff --git a/About Us <>/Figma/Raja gopal.jpeg b/About Us <>/Figma/Raja gopal.jpeg new file mode 100644 index 0000000..b85dcb1 Binary files /dev/null and b/About Us <>/Figma/Raja gopal.jpeg differ diff --git a/About Us <>/Figma/Shabbir.jpeg b/About Us <>/Figma/Shabbir.jpeg new file mode 100644 index 0000000..7cd8bc6 Binary files /dev/null and b/About Us <>/Figma/Shabbir.jpeg differ diff --git a/About Us <>/Figma/Website Redesign (11)/image 427.jpg b/About Us <>/Figma/Website Redesign (11)/image 427.jpg new file mode 100644 index 0000000..e403bec Binary files /dev/null and b/About Us <>/Figma/Website Redesign (11)/image 427.jpg differ diff --git a/About Us <>/Figma/Website Redesign (11)/image 432.jpg b/About Us <>/Figma/Website Redesign (11)/image 432.jpg new file mode 100644 index 0000000..82001fe Binary files /dev/null and b/About Us <>/Figma/Website Redesign (11)/image 432.jpg differ diff --git a/About Us <>/Figma/shahid.jpeg b/About Us <>/Figma/shahid.jpeg new file mode 100644 index 0000000..2d897a8 Binary files /dev/null and b/About Us <>/Figma/shahid.jpeg differ diff --git a/Blog Article/Figma/Ai powered Payment platform.png b/Blog Article/Figma/Ai powered Payment platform.png new file mode 100644 index 0000000..5bfffb6 Binary files /dev/null and b/Blog Article/Figma/Ai powered Payment platform.png differ diff --git a/Blog Page images/ignore - Tilli Blog Images/1201895923738466.oJHc9A0G37h61VIofjjH_height640-2-1.png b/Blog Page images/ignore - Tilli Blog Images/1201895923738466.oJHc9A0G37h61VIofjjH_height640-2-1.png new file mode 100644 index 0000000..0c39bf5 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/1201895923738466.oJHc9A0G37h61VIofjjH_height640-2-1.png differ diff --git a/Blog Page images/ignore - Tilli Blog Images/1201895923738466.oJHc9A0G37h61VIofjjH_height640.png b/Blog Page images/ignore - Tilli Blog Images/1201895923738466.oJHc9A0G37h61VIofjjH_height640.png new file mode 100644 index 0000000..0c39bf5 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/1201895923738466.oJHc9A0G37h61VIofjjH_height640.png differ diff --git a/Blog Page images/ignore - Tilli Blog Images/1201960516142014.sdlVwIE5rQYAbGxy81xU_height640-2.png b/Blog Page images/ignore - Tilli Blog Images/1201960516142014.sdlVwIE5rQYAbGxy81xU_height640-2.png new file mode 100644 index 0000000..98e1731 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/1201960516142014.sdlVwIE5rQYAbGxy81xU_height640-2.png differ diff --git a/Blog Page images/ignore - Tilli Blog Images/1202148102977641.SznIaTKA7baatDGyumVk_height640.png b/Blog Page images/ignore - Tilli Blog Images/1202148102977641.SznIaTKA7baatDGyumVk_height640.png new file mode 100644 index 0000000..0fbeb28 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/1202148102977641.SznIaTKA7baatDGyumVk_height640.png differ diff --git a/Blog Page images/ignore - Tilli Blog Images/1202148125746801.jg30WbTpk1iP2Ix0GhbA_height640.png b/Blog Page images/ignore - Tilli Blog Images/1202148125746801.jg30WbTpk1iP2Ix0GhbA_height640.png new file mode 100644 index 0000000..157ab04 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/1202148125746801.jg30WbTpk1iP2Ix0GhbA_height640.png differ diff --git a/Blog Page images/ignore - Tilli Blog Images/1202339471338889.jxatq94JqUGE1bvO1WA7_height640.png b/Blog Page images/ignore - Tilli Blog Images/1202339471338889.jxatq94JqUGE1bvO1WA7_height640.png new file mode 100644 index 0000000..5402cb7 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/1202339471338889.jxatq94JqUGE1bvO1WA7_height640.png differ diff --git a/Blog Page images/ignore - Tilli Blog Images/1202339471338901.qUxSYe37RMNJSMfLAgvj_height640.png b/Blog Page images/ignore - Tilli Blog Images/1202339471338901.qUxSYe37RMNJSMfLAgvj_height640.png new file mode 100644 index 0000000..0413283 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/1202339471338901.qUxSYe37RMNJSMfLAgvj_height640.png differ diff --git a/Blog Page images/ignore - Tilli Blog Images/1202510598657247.pqSUwPnhim1SOvLTRxlI_height640.webp b/Blog Page images/ignore - Tilli Blog Images/1202510598657247.pqSUwPnhim1SOvLTRxlI_height640.webp new file mode 100644 index 0000000..52d07e6 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/1202510598657247.pqSUwPnhim1SOvLTRxlI_height640.webp differ diff --git a/Blog Page images/ignore - Tilli Blog Images/22-Utilli-Paper-Billing-Environment-1080x675-1-1080x675.jpg b/Blog Page images/ignore - Tilli Blog Images/22-Utilli-Paper-Billing-Environment-1080x675-1-1080x675.jpg new file mode 100644 index 0000000..41be8f6 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/22-Utilli-Paper-Billing-Environment-1080x675-1-1080x675.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/22_Nudge_Blog_5_Reasons-1080x675.jpg b/Blog Page images/ignore - Tilli Blog Images/22_Nudge_Blog_5_Reasons-1080x675.jpg new file mode 100644 index 0000000..aae2bd5 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/22_Nudge_Blog_5_Reasons-1080x675.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/Leading PCI DSS 4.0 Certification Blog-Creative_2.jpg b/Blog Page images/ignore - Tilli Blog Images/Leading PCI DSS 4.0 Certification Blog-Creative_2.jpg new file mode 100644 index 0000000..67cadbf Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/Leading PCI DSS 4.0 Certification Blog-Creative_2.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/Tips-to-Build-Incredible-Customer-Experience-Tilli-Software-1-1080x675.jpg b/Blog Page images/ignore - Tilli Blog Images/Tips-to-Build-Incredible-Customer-Experience-Tilli-Software-1-1080x675.jpg new file mode 100644 index 0000000..40232e8 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/Tips-to-Build-Incredible-Customer-Experience-Tilli-Software-1-1080x675.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/bharat-bill-payment-system-1080x675.jpg b/Blog Page images/ignore - Tilli Blog Images/bharat-bill-payment-system-1080x675.jpg new file mode 100644 index 0000000..307cc6b Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/bharat-bill-payment-system-1080x675.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/how-to-improve-customer-experience-insurance-industry.webp b/Blog Page images/ignore - Tilli Blog Images/how-to-improve-customer-experience-insurance-industry.webp new file mode 100644 index 0000000..457a573 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/how-to-improve-customer-experience-insurance-industry.webp differ diff --git a/Blog Page images/ignore - Tilli Blog Images/monay-payment-facilitator-1080x627.jpg b/Blog Page images/ignore - Tilli Blog Images/monay-payment-facilitator-1080x627.jpg new file mode 100644 index 0000000..458bb6f Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/monay-payment-facilitator-1080x627.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/nudge-customer-communication-tips-1080x675-1-1080x675.jpg b/Blog Page images/ignore - Tilli Blog Images/nudge-customer-communication-tips-1080x675-1-1080x675.jpg new file mode 100644 index 0000000..f4092cf Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/nudge-customer-communication-tips-1080x675-1-1080x675.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/nudge-what-is-nudge-1080x675-1-1080x675.jpg b/Blog Page images/ignore - Tilli Blog Images/nudge-what-is-nudge-1080x675-1-1080x675.jpg new file mode 100644 index 0000000..677d5c8 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/nudge-what-is-nudge-1080x675-1-1080x675.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/point-of-sale-pos-system-boost-business-1080x675.jpg b/Blog Page images/ignore - Tilli Blog Images/point-of-sale-pos-system-boost-business-1080x675.jpg new file mode 100644 index 0000000..e774c56 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/point-of-sale-pos-system-boost-business-1080x675.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/sap-moving-s4-hanaapproach-tilli-1080x627.png b/Blog Page images/ignore - Tilli Blog Images/sap-moving-s4-hanaapproach-tilli-1080x627.png new file mode 100644 index 0000000..0d5377a Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/sap-moving-s4-hanaapproach-tilli-1080x627.png differ diff --git a/Blog Page images/ignore - Tilli Blog Images/tilli-payment-gateway-for-ecommerce-980x551.jpg b/Blog Page images/ignore - Tilli Blog Images/tilli-payment-gateway-for-ecommerce-980x551.jpg new file mode 100644 index 0000000..e1bedca Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/tilli-payment-gateway-for-ecommerce-980x551.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/tillis-monay-payment-gateway-1080x627.jpg b/Blog Page images/ignore - Tilli Blog Images/tillis-monay-payment-gateway-1080x627.jpg new file mode 100644 index 0000000..63bdd2b Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/tillis-monay-payment-gateway-1080x627.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/tillis-recurring-bill-payment-1080x627-1.jpg b/Blog Page images/ignore - Tilli Blog Images/tillis-recurring-bill-payment-1080x627-1.jpg new file mode 100644 index 0000000..8ba3971 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/tillis-recurring-bill-payment-1080x627-1.jpg differ diff --git a/Blog Page images/ignore - Tilli Blog Images/upgrade-s4hana-tilli.webp b/Blog Page images/ignore - Tilli Blog Images/upgrade-s4hana-tilli.webp new file mode 100644 index 0000000..ca75971 Binary files /dev/null and b/Blog Page images/ignore - Tilli Blog Images/upgrade-s4hana-tilli.webp differ diff --git a/Blog Page images/tilli achieves SOC 2 Type II.png b/Blog Page images/tilli achieves SOC 2 Type II.png new file mode 100644 index 0000000..9600050 Binary files /dev/null and b/Blog Page images/tilli achieves SOC 2 Type II.png differ diff --git a/Blog Page images/tilli launches revolutionary ai.png b/Blog Page images/tilli launches revolutionary ai.png new file mode 100644 index 0000000..5bfffb6 Binary files /dev/null and b/Blog Page images/tilli launches revolutionary ai.png differ diff --git a/Blog Page images/tilli partners with major utlities.png b/Blog Page images/tilli partners with major utlities.png new file mode 100644 index 0000000..549b8cf Binary files /dev/null and b/Blog Page images/tilli partners with major utlities.png differ diff --git a/CLAUDE.md b/CLAUDE.md new file mode 100644 index 0000000..f89421f --- /dev/null +++ b/CLAUDE.md @@ -0,0 +1,725 @@ +# Tilli Software Website - Development Setup + +## Server Configuration + +### Recommended Development Server +**Use Node.js static server with npx serve:** +```bash +cd /Users/alisaberi/Data/0ProductBuild/TilliSoftwareWeb/Tilli-Software-Website +npx serve -l 8000 +``` + +**Access the website at:** http://localhost:8000 + +### Why This Server? +- This is a Vercel project with serverless functions in `/api` directory +- Has `package.json` with Vercel dependencies +- Requires proper MIME types for modern JavaScript modules +- Simple Python HTTP server doesn't handle all requirements correctly + +### Important Notes +1. **Vercel Dev Issue**: There's a recursive invocation issue with `vercel dev` due to package.json having `"dev": "vercel dev"`. This has been temporarily modified to prevent the recursion. + +2. **API Functions**: The `/api/vtiger.js` serverless function won't work with the static server. For full API functionality, deploy to Vercel or fix the dev command. + +3. **Alternative Servers** (if needed): + - Python simple server (basic, no API): `python3 -m http.server 8000` + - Custom Python server: `python3 server.py` (configured for port 8000) + +## Project Structure +- **Static files**: HTML, CSS, JS files in root +- **API functions**: `/api/` directory (Vercel serverless) +- **Config files**: `vercel.json`, `package.json` + +## Common Commands +- **Start server**: `npx serve -l 8000` +- **Kill server**: Use Ctrl+C or kill the process +- **Check port usage**: `lsof -i :8000` + +## Testing +After starting the server, verify it's working: +```bash +curl http://localhost:8000 +``` + +The server should serve the Tilli enterprise payment platform website. + +## Product Naming Convention + +**IMPORTANT**: The correct product name is `tilliArc` (not tilliArch) +- tilliX - Digital Engagement Portal +- Nudge - Intelligent Communications +- tilliPay - Payment Orchestration +- tilliArc - Document Archiving Platform + +## Icon Usage Policy + +### ALWAYS Use Inline SVGs for Icons +- **DO NOT** load external icon libraries (Lucide, Font Awesome, etc.) +- **DO NOT** use `` +- **DO NOT** use `lucide.createIcons()` or similar library initialization + +### How to Use Icons + +1. **Always use inline SVG icons** for better performance and to avoid external dependencies +2. **Use the following CSS classes** for consistent icon styling: + +```css +.icon-inline { + display: inline-block; + vertical-align: middle; + width: 20px; + height: 20px; +} +.icon-inline.icon-sm { + width: 16px; + height: 16px; +} +.icon-inline.icon-lg { + width: 24px; + height: 24px; +} +``` + +3. **Example of correct icon usage:** + +```html + + + + + +``` + +### Why This Approach? + +1. **Performance**: Eliminates the need to load external libraries (100+ KB saved) +2. **Reliability**: No external dependencies that could fail to load +3. **Speed**: Icons render immediately without waiting for library initialization +4. **Control**: Full control over icon styling and behavior + +### Common Lucide Icons as Inline SVGs Reference + +When you need a Lucide icon, convert it to inline SVG format. Common icons: +- check-circle, arrow-right, credit-card, users, shield-check, clock, trending-up, quote, bell, user-plus, smartphone, dollar-sign, cpu, activity, message-circle, star, zap, x-circle, cookie +- tilli Arch is a mistake - it should be tilliArc + +--- + +## Recent Implementation Changes Log + +### Hero Sections + +#### Homepage Hero (index.html) - Aave-style Centered Layout +- **Layout**: Centered text on top, image below (NOT side-by-side) +- **Structure**: + - CTA pill: Links to tillix.html, "Check out whats new with tilliX" + - Title: 3rem font-size, 0.5rem margin-bottom + - Subtitle: 1rem margin-bottom + - Two buttons: "Book a Demo" (`btn btn-primary btn-icon`) + "Calculate ROI" (`btn btn-secondary`), both with `font-weight: 400` + - Image: Uses `hero-visual` and `hero-image` classes with `margin-top: 1rem` +- **Container**: `max-width: 900px`, centered, `padding-top: 60px` +- **DO NOT**: Change image size with inline styles - use the CSS classes +- **DO NOT**: Make text bold - always use font-weight: 400 +- Button: Gradient blue pill style + +### Button Styling Standards (Site-wide) + +**ALL buttons across the site must follow these styles:** + +#### Primary Button (for hero sections and main CTAs) +- Class: `btn btn-primary btn-icon` +- Style: `font-weight: 400` +- Wrapper: Use `hero-actions` class for hero section buttons +- Structure: `Text →` +- Appearance: Gradient blue pill (linear-gradient from cyan to blue) + +#### Secondary Button +- Class: `btn btn-secondary` +- Style: `font-weight: 400` +- Appearance: White/transparent with blue outline + +**DO NOT:** +- Create custom button styles with inline gradients +- Use different button styles on different pages +- Make button text bold (always font-weight: 400) + +#### Homepage Product Cards (index.html) +Product cards have Ramp.com-style CTAs with underlined text (arrow not underlined): +- **tilliX**: "See self-service in action →" → demos.html#tillix +- **Nudge**: "Engage customers smarter — view the demo →" → demos.html#nudge +- **tilliPay**: "See intelligent routing →" → demos.html#tillipay +- **tilliArc**: "Secure archiving, simplified →" → demos.html#tilliarc +- **XDEX**: "See the platform →" → demos.html#xdex + +CTA styling: +- Text is underlined, arrow (→) is NOT underlined +- Color: #6B7280 +- Font: Inter, 14px, weight 400 +- Structure: `Text →` + +### Mobile Sizing Standards (styles.css) + +All mobile sizes are defined in `styles.css` under "MOBILE SIZING STANDARDS" section. + +#### Desktop (default) +| Element | Font Size | Dimensions | +|---------|-----------|------------| +| Banner text | 15px | height: 62px | +| Banner button | 10px | padding: 6px 12px | +| Sign Up button (.cta-button) | 14px | padding: 0.75rem 1.5rem | +| Hero buttons (.btn-primary, .btn-secondary) | 14px | width: 230px, height: 44px | + +#### Tablet/Mobile (max-width: 768px) +| Element | Font Size | Dimensions | +|---------|-----------|------------| +| Banner text | 11px | min-height: 50px | +| Banner button | 9px | padding: 5px 10px | +| Sign Up button | 12px | padding: 0.5rem 1rem | +| Hero buttons | 12px | width: 160px, height: 38px | + +#### Small Mobile (max-width: 480px) +| Element | Font Size | Dimensions | +|---------|-----------|------------| +| Banner text | 9px | single line (nowrap) | +| Banner button | 8px | padding: 3px 6px | +| Sign Up button | 11px | padding: 0.4rem 0.8rem | +| Hero buttons | 13px | width: 180px, height: 40px, stacked | + +#### Mobile Section Headers (all breakpoints ≤768px) +All section headers must use consistent styling on mobile. This is defined in `styles.css` and automatically overrides ALL inline styles. + +| Element Type | Font Size | Font Weight | +|--------------|-----------|-------------| +| Section headers (h2) | 24px | 400 | +| Card titles (h3) | 18px | 400 | +| Hero titles (h1) | 28px | 400 | + +**Section header standard (24px):** +| Property | Value | +|----------|-------| +| Font family | Sora | +| Font size | 24px | +| Font weight | 400 | +| Line height | 1.3 | +| Color | #000000 | + +**Hero titles (h1) - 28px selectors (auto-overrides inline styles):** +- `h1`, `h1[style*="font-size"]` +- `h1[style*="3rem"]`, `h1[style*="3.5rem"]` +- `h1[style*="52px"]`, `h1[style*="56px"]`, `h1[style*="48px"]`, `h1[style*="40px"]` +- `.hero h1`, `.hero-title`, `section h1`, `main h1`, `.page-title` + +**Section headers (h2) - 24px selectors (auto-overrides inline styles):** +- `.section-heading`, `.section-title` +- `section h2`, `section h3.section-heading` +- `main h2`, `main h3` +- `h2[style*="font-size"]`, `h3[style*="font-size"]` +- `h2[style*="48px"]`, `h2[style*="42px"]`, `h2[style*="40px"]`, etc. +- `.about-section h2`, `.mission-section h2`, `.values-section h2` +- `.team-section h2`, `.careers-section h2`, `.features-section h2` +- `.products-section h2`, `.how-it-works h2`, `.fraud-protection h2` +- `.pricing-section h2`, `.faq-section h2`, `.contact-section h2` +- `.demo-section h2`, `.industry-section h2`, `.press-section h2` + +**Card titles (h3) - 18px selectors:** +- `.product-card h3`, `.feature-card h3`, `.benefit-card h3` +- `.value-card h3`, `.job-card h3`, `.team-card h3` + +**CSS Location:** `styles.css` under "MOBILE SECTION HEADERS" comment (around line 197) + +**CRITICAL - DO NOT:** +- Add font-size overrides in inline `

Your bill for account 220006214567 is ready
![]()

Current Bill Summary
Total Amount Due
$115.00
Due Date
Sept 15, 2025
Billing Period
Jul 29 - Aug 28

Payment Due: Please pay by September 15, 2025 to avoid late fees. You can pay online, by phone, or by mail.

View PDF Bill

Pay Now

Ways to Pay
Online at washingtongas.com
By phone: 1-800-752-7520
By mail using enclosed envelope
Auto-pay enrollment available

Energy Saving Tips
Set thermostat to 68°F in winter
Use programmable thermostat
Seal air leaks around windows
Visit our website for rebates
Billing Details
Description | Usage | Rate | Amount |
Gas Service Charge | - | - | $20.00 |
Gas Usage (therms) | 75 therms | $1.15/therm | $86.25 |
Distribution Charge | - | - | $5.50 |
Taxes & Fees | - | - | $3.25 |
Total Current Charges | $115.00 |
![]()

Need Assistance?
Washington Gas offers various assistance programs for qualifying customers. Visit washingtongas.com/assistance or call our customer service team to learn more about:
Payment plans
Energy assistance programs Budget billing options Senior citizen discounts

Customer Service
Hours: Mon-Fri 7:00 AM - 8:00 PM Saturday 8:00 AM - 4:30 PM Emergency: 24/7
Phone: 1-800-752-7520
Privacy Policy Terms of Service Contact Us Report Emergency
© 2025 Washington Gas. All rights reserved.
Washington Gas • 101 Constitution Ave NW • Washington, DC 20080