Getting Started

Clone the Repository

git clone https://github.com/sauravbhattacharya001/getagentbox.git
cd getagentbox

Open Locally

No build step needed. Just open index.html directly:

# macOS
open index.html

# Windows
start index.html

# Linux
xdg-open index.html

Or use a local server for proper CSP headers:

# Python 3
python -m http.server 8000

# Node.js
npx serve .

# PHP
php -S localhost:8000

Customize Content

Edit index.html directly. Key sections to update:

• Hero: Change the <h1>, tagline, and CTA button link
• Features: Update .feature cards with your product's features
• Pricing: Change data-monthly and data-yearly attributes
• Testimonials: Replace .testimonial-card content
• FAQ: Edit .faq-item questions and answers
• Stats: Update data-count values
• Footer: Update links and social media URLs

Customize Chat Demos

Edit SCENARIOS in app.js to show your product's conversations:

var SCENARIOS = Object.freeze({
  myFeature: [
    { role: 'user', text: 'How do I use this?' },
    { role: 'bot',  text: 'It\'s easy! Just...' },
  ],
});

Add matching tab buttons in the .demo-tabs section of index.html.

Customize Styling

Edit styles.css to change colors, fonts, and layout:

/* Change the background gradient */
body {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

/* Change the accent color */
.cta-button {
    background: #00c853;  /* Green CTA */
}

/* Change card styling */
.feature {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
}

Run Tests

npm install
npm test

# With coverage report
npm run test:coverage

Deploy

Choose your deployment method:

GitHub Pages (recommended):

1. Push to GitHub
2. Go to Settings → Pages → Source: "GitHub Actions"
3. The pages.yml workflow deploys automatically

Docker:

docker build -t my-landing-page .
docker run -p 8080:80 my-landing-page

Any static host: Upload index.html, styles.css, and app.js to Netlify, Vercel, Cloudflare Pages, or any web server.