refactor(website): optimize performance, cleanup content, improve mobile UX #1180
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…ents - Add YouTubeFacade component for lazy-loading YouTube videos - Apply facade pattern to all 11 pages with video embeds - Memoize Intl.NumberFormat in NumberTicker component - Add will-change hints to marquee and scroll animations - Add dynamic OG images for all 15 pages - Fix sitemap.ts with fixed date and missing syncbase-technology page - Fix structured-data.tsx logo path and remove invalid SearchAction - Add AI crawler support in robots.ts - Configure security headers in next.config.mjs 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
- Add Magic UI components: BlurFade, Marquee - Add shadcn/ui Carousel component (wraps embla-carousel-react) - Replace custom logo-cloud with Magic UI Marquee - Refactor StorybrandSection: remove @bsmnt/scrollytelling wrapper - Refactor CSIGuarantee: replace Scrollytelling.Animation with motion.div - Add healthicons-react for healthcare-specific icons - Remove @bsmnt/scrollytelling dependency - Remove pnpm-lock.yaml (using npm) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
## Copy Cleanup (12 pages) - Remove banned phrases (seamlessly, empowers, unlock, revolutionary) - Replace unverified claims with factual statements - Fix grammar and consistency across all data.ts files ## Metadata Fixes - hospital/layout.tsx: Remove "60%" claim, fix www URL - dental/layout.tsx: Change "seamless" → "integrated" - booking/layout.tsx: Remove "10 minutes", "70%" claims - syncbase-technology/layout.tsx: Remove "seamlessly", "holy grail" ## SEO Improvements - robots.ts: Add Google-Extended for AI/Gemini indexing - layout.tsx: Add i.ytimg.com preconnect for YouTube thumbnails - VisibilitySection.tsx: Replace HTML img with Next.js Image ## Documentation - Add change-rationale.md explaining copy decisions - Add claims-to-verify.md for future fact-checking 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
- Add MobileNav drawer component with 44px touch targets - Replace accordion-based mobile menu with Sheet drawer on all pages - Add min-w-[180px] to hero CTA buttons for equal width - Update YouTubeFacade: remove overlay, set play button opacity to 60% - Add min-height to PrimaryButton for touch target compliance - Improve footer link and social icon touch targets 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
- Fix FAQ section mobile styling with responsive text and padding - Add py-4/py-5 vertical padding to accordion triggers for touch targets - Reduce text sizes on mobile (text-base vs text-xl) - Add responsive horizontal padding (px-4 sm:px-6) - Fix AdvantagesSection image alternation bug - Images now properly alternate left-right on desktop - Affects all 8 product pages using the shared component 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
BREAKING CHANGE: Hospital and Dental pages removed from navigation Hero Section: - Update headline to "Run the clinic you've always envisioned" - Add aspirational subtitle addressing operational pain points Page Removal: - Delete app/hospital/ directory (page.tsx, data.ts, layout.tsx, opengraph) - Delete app/dental/ directory (page.tsx, data.ts, layout.tsx, opengraph) - Remove from navigation config and ProductHeader dropdown - Remove from sitemap.ts Asset Cleanup: - Delete hospital-opd-hero-image.webp - Delete dental-clinics-hero-image.webp - Delete dental-clinics/dental-workflow.webp Documentation: - Update CLAUDE.md page routes - Remove hospital/dental from change-rationale.md - Remove hospital/dental from claims-to-verify.md Content Update: - Rename "Dentistry" specialty to "Specialty Charting" in clinics page 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
- Delete broken /download page (unconfigured cdn.dribbble.com hostname) - Add will-change hint to scroll-progress for GPU acceleration - Change AnimatePresence mode from popLayout to wait (reduces reflow) - Reduce marquee repeat from 4 to 2 (halves DOM nodes) - Add 1-year minimumCacheTTL for optimized images Results: /mobile-labs TTFB improved 51% (4888ms → 2390ms) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
- Change mode="wait" to mode="popLayout" for notification cards list - Fix incorrect recommendation in performance-audit doc - Resolves "animating multiple children" console warning 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
## Removed Components (14 files) - 11 unused UI components: badge, blur-fade, carousel, dialog, input, label, separator, skeleton, tabs, toast, toggle - 1 unused custom component: sticky-features - 2 unused hooks: use-mobile, use-toast ## Removed Assets (15 files) - 5 placeholder images (never referenced) - 6 duplicate favicon files (public/Favicon/ folder) - 4 old feature image versions (v1, v2 replaced by v3) ## Removed Dependencies (2 packages) - healthicons-react (zero imports) - cmdk (zero imports) Build verified: all 14 pages compile successfully 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
…tips - Add Lora serif font for headings (layout.tsx) - Apply font-serif class to key section headings - Replace Tooltip component with CSS-only tooltip for logo marquee - Fix tooltip overflow issues on hover Co-Authored-By: Claude Sonnet 4.5 <[email protected]>
- Add Lora font for headings (h1-h6) with Inter for body text - Apply font-serif to all headings globally via CSS - Register font families in Tailwind config - Fix tooltip clipping in logo marquee by adding Portal wrapper - Set tooltip z-index to 9999 for proper stacking Co-Authored-By: Claude Opus 4.5 <[email protected]>
- Add proper spacing around em dash in hero description - Change secondary CTA from "Watch Demo" to "Watch an Overview" Co-Authored-By: Claude Opus 4.5 <[email protected]>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Breaking Changes
Commits (12)
8189f2b3c144e6434266f0d3eb934a6e646a4811e02674aa839232af769a1e0853461baed58e6770ff1dTest Plan
🤖 Generated with Claude Code