feat(ui): Add GitHub integration and enhance hero section design

- Add GitHub star counter badge to navigation (desktop and mobile)
- Implement grid pattern background in hero section
- Redesign hero title with inline PDF Toolkit badge and briefcase icon
- Update feature badges styling with improved visual hierarchy
- Refactor CTA button layout with icon integration
- Add simple-mode-footer utility component for footer management
- Update all tool pages with consistent styling improvements
- Enhance responsive design for mobile navigation with GitHub link
- Improve visual consistency across all pages with updated color scheme
This commit is contained in:
abdullahalam123
2025-11-26 18:33:08 +05:30
parent f3f6af079f
commit 6b7163991e
10 changed files with 647 additions and 86 deletions

View File

@@ -80,6 +80,12 @@ const init = () => {
supportSection.style.display = 'none';
}
// Hide "Used by companies" section
const usedBySection = document.querySelector('.hide-section') as HTMLElement;
if (usedBySection) {
usedBySection.style.display = 'none';
}
// Hide footer but keep copyright
const footer = document.querySelector('footer');
if (footer) {
@@ -291,17 +297,26 @@ const init = () => {
console.log('Please share our tool and share the love!');
const githubStarsElement = document.getElementById('github-stars');
if (githubStarsElement && !__SIMPLE_MODE__) {
const githubStarsElements = [
document.getElementById('github-stars-desktop'),
document.getElementById('github-stars-mobile')
];
if (githubStarsElements.some(el => el) && !__SIMPLE_MODE__) {
fetch('https://api.github.com/repos/alam00000/bentopdf')
.then((response) => response.json())
.then((data) => {
if (data.stargazers_count !== undefined) {
githubStarsElement.textContent = formatStars(data.stargazers_count);
const formattedStars = formatStars(data.stargazers_count);
githubStarsElements.forEach(el => {
if (el) el.textContent = formattedStars;
});
}
})
.catch(() => {
githubStarsElement.textContent = '-';
githubStarsElements.forEach(el => {
if (el) el.textContent = '-';
});
});
}