Added client logos carousel to landing page.

• Integrated real company logos from public folder (BAG and Automata).
• 3 logos per slide for optimal carousel display.
• Responsive carousel with auto-play functionality.
• Smooth transitions and navigation controls.

Added clickable client logo links with SEO optimization.

• PT Pelayaran Bahtera Adhiguna logo links to https://plnbag.co.id
• PT. Automata Info Nusantara logo links to https://automata.co.id
• All links use rel='follow' for SEO value.
• Links open in new tab for better user experience.

Enhanced landing page visual design.

• Replaced placeholder images with real company logos.
• Improved carousel layout and spacing.
• Added hover effects on logo links.
• Better visual hierarchy for client section.

Added comprehensive interactive career roadmap component.

• Deck Officer roadmap with 6 sections: Foundation, Navigation, Bridge Watchkeeping, Cargo Operations, Seamanship, Maritime Regulations.
• Engine Officer roadmap with 6 sections: Foundation, Propulsion Systems, Auxiliary Systems, Electrical Systems, Automation & Control, Maintenance & Repairs.
• 100+ individual skills and knowledge areas across both tracks.
• Hierarchical skill nodes with expandable topics and sub-skills.
• Color-coded sections for visual organization.

Interactive skill tracking system.

• Click status indicators to track progress: Not started → In progress → Completed.
• Visual feedback with checkmarks and progress indicators.
• Persistent state during session (localStorage ready for future enhancement).
• Legend showing all status types.

Detailed skill descriptions and learning resources.

• Each skill includes practical descriptions (e.g., 'Bulk Carrier, Tanker, Container, Ro-Ro').
• Comprehensive coverage of STCW requirements and maritime standards.
• Learning resources section with recommended books and references.
• Organized by competency levels from foundation to advanced.

Integrated roadmap into Maritime Career Guide page.

• New 'Career Roadmap' tab alongside existing career path information.
• Seamless navigation between roadmap and detailed career progression.
• Dynamic rendering to avoid SSG prerendering issues.
• Responsive design for mobile and desktop viewing.

Enhanced Maritime Career Info page structure.

• 5 main tabs: Career Roadmap, Deck Career, Engine Career, Certifications, Salary Ranges.
• Better organization of career information.
• Improved user experience with tabbed interface.

Implemented dynamic domain handling for all calculator pages.

• All 11 calculator pages now generate schema.org URLs based on accessing domain.
• Breadcrumb schemas use dynamic URLs instead of static hifshan.site URLs.
• Each domain (tools.hifshan.site, guides.hifshan.site, hifshan.site) gets its own correct URLs.
• Proper domain detection from request headers.
• Improved SEO for multi-domain setup.

Added SMTP email configuration infrastructure.

• Created .env.local template for SMTP credentials.
• Support for Gmail, SendGrid, and custom SMTP servers.
• Environment variables: SMTP_HOST, SMTP_PORT, SMTP_USER, SMTP_PASSWORD, SMTP_FROM, FEEDBACK_EMAIL.

Integrated email service with feedback API.

• Feedback emails sent to admin with full details.
• Confirmation emails sent to users.
• Professional HTML email templates.
• Input validation and error handling.

Made calculator pages async for dynamic domain detection.

• Updated all 11 calculator pages to async components.
• Integrated headers() from Next.js for domain detection.
• Dynamic schema generation based on request context.
• Maintained backward compatibility with static metadata.

Enhanced calculator metadata management.

• Made getCalculatorSchema() async for dynamic URLs.
• Added getCalculatorBreadcrumbSchema() for dynamic breadcrumbs.
• Centralized metadata in calculator-metadata.ts.
• Reusable schema generation functions.

Created comprehensive documentation.

• SMTP_SETUP_GUIDE.md: Detailed setup instructions for all providers.
• QUICK_START_SMTP.md: 5-minute quick reference guide.
• IMPLEMENTATION_SUMMARY.md: Complete implementation overview.
• Updated DOMAIN_AND_EMAIL_INTEGRATION.md with new features.

Resolved all TypeScript diagnostics.

• Fixed async function declarations in calculator pages.
• Corrected import statements for domain utilities.
• Ensured proper error handling in email service.

Implemented interactive Table of Contents (Daftar Isi) for all blog posts.

• Auto-generated TOC from blog post headings.
• Collapsible TOC component with smooth interactions.
• Sticky positioning for easy navigation.
• Improved user experience for long-form content.
• Better SEO with structured heading hierarchy.

Enhanced blog post styling and formatting.

• Improved list item styling with better bullet points.
• Enhanced table styling with hover effects and borders.
• Better blockquote styling with background colors.
• Improved heading ID generation for anchor links.
• Better spacing and typography for readability.

Added comprehensive on-site SEO optimization for all calculator pages.

• Implemented WebApplication schema for all calculators.
• Added FAQ schema with common questions and answers.
• Breadcrumb schema for better site structure understanding.
• Rich metadata with keywords and descriptions.
• Proper robots.txt directives for Google Bot optimization.

Centralized calculator metadata management.

• Created calculator-metadata.ts library with all metadata.
• Consistent metadata across all 11 calculator pages.
• Easy to update and maintain metadata.
• Reusable schema generation functions.

Enhanced calculator pages with SEO features.

• Advanced Fuel Calculator: Multi-tank fuel volume optimization.
• Fuel Viscosity Calculator: Temperature correction and conversion.
• Slip Calculator: Propeller efficiency analysis.
• Simple Sounding Calculator: Tank volume and VCF calculations.
• Ballast Calculator: Draft and trim optimization.
• GM Calculator: Vessel stability analysis.
• Radar Range Calculator: Maritime navigation support.
• Tonnage Calculator: Gross and net tonnage calculations.
• Barge Draught Survey: Cargo weight determination.
• Docking Paint Calculator: Marine paint estimation.
• ETA Calculator: Vessel arrival time with timezone support.

Optimized for Google AI traceability.

• Comprehensive structured data for AI understanding.
• Feature lists for each calculator.
• Audience targeting information.
• FAQ content for featured snippets.
• Canonical URLs to prevent duplicate content.

Added Unsplash images to all blog posts.

• Ship Officer Salary Guide: Maritime career imagery.
• STCW Certification: Training and certification visuals.
• ETA Calculator: Navigation and voyage planning images.
• Ballast Water Management: Environmental protection imagery.
• Ship Paint Calculation: Docking and maintenance visuals.
• Ship Fuel Management: Fuel efficiency and operations images.

Enhanced blog display with image support.

• Updated blog listing page to display featured images with hover effects.
• Added featured image display on blog detail pages.
• Integrated images into Open Graph and Twitter metadata for social sharing.
• Added Unsplash domain to Next.js image configuration.

Modernized hero section with gradient blob animation.

• Replaced wave and particle animations with modern gradient blobs.
• Added subtle dot grid pattern background.
• Implemented smooth blob animation with scale and translate effects.
• Improved button hover effects with smooth transitions.

Enhanced landing page visual design.

• Updated avatar styling with improved ring effect.
• Added backdrop blur to outline buttons.
• Improved button hover animations with translate effect.
• Better visual hierarchy and spacing.

Added professional ship visualizations to calculators.

• Draft & Trim Calculator: Side-view ship visualization with draft indicators and trim status.
• GM Calculator: Stability visualization showing K, B, G, M positions with heel angle.
• Radar Range Calculator: Professional radar plot with range rings and cardinal directions.

Implemented Radar Range Calculator improvements.

• Fixed bearing orientation to match maritime standards (0° = North, clockwise).
• Added dynamic range rings with labels.
• Improved target markers with crosshair style.
• Added info boxes for distance and course/speed data.

Added new blog post: Ballast Water Management Guide.

• Comprehensive guide covering IMO BWMC regulations.
• D-1 and D-2 standards explanation.
• Environmental concerns and best practices.
• Crew training and compliance procedures.

Implemented dynamic subdomain-based sitemap and robots.txt.

• tools.hifshan.site: Focused on maritime calculators.
• guides.hifshan.site: Focused on guides and resources.
• hifshan.site: Complete portfolio with all content.
• Each subdomain generates its own relevant sitemap.

Enhanced SEO on-site optimization.

• Added comprehensive metadata to home page with keywords and Open Graph tags.
• Implemented Person, Organization, and Website JSON-LD schemas.
• Updated layout.tsx with proper structured data.
• Improved robots.txt with subdomain detection.
• Added profile visibility for Hifshan Riesvicky in search results.

Refined blog metadata consistency.

• Updated Ballast Water Management blog to match existing blog format.
• Ensured all blogs have description, tags, and image fields.
• Consistent author name across all blog posts.

Fixed visualization positioning issues.

• Moved info boxes in Radar Range Calculator to HTML overlay with absolute positioning.
• Prevented text clipping in SVG visualizations.
• Improved responsive design for visualization containers.

Cleaned up duplicate code in ballast calculator.

• Removed old visualization code that was causing berantakan appearance.
• Consolidated DraftVisualization and ListVisualization components.

Restructured homepage into a developer portfolio.

• Moved Advanced Fuel Calculator to its own page.
• Added new landing page showcasing skills and featured tools.

Added SOLAS Chapters Guide.

• Interactive guide explaining all chapters of the SOLAS convention.

Added PSC Common Deficiencies Guide.

• Highlights 8 common PSC findings.
• Includes standard compliance procedures for each deficiency to ensure readiness.

Added detailed MARPOL Annexes Guide.

• Enhanced the previous guide with key points and requirements for all six annexes.

Enhanced Draft & Trim Calculator.

• Renamed from 'Ballast Calculator' to be more generic.
• Updated UI and menu to reflect its broader use case.

Overhauled SEO for all pages.

• Implemented hierarchical page titles.
• Optimized keywords for better search engine visibility.

Corrected multiple calculation bugs.

• Fixed a runtime error in the Radar Range Calculator.
• Resolved an error in the Tonnage Calculator when errorMessage was undefined.

Resolved server startup error related to a missing icon in the Docking Paint Calculator.

Added App Changelog page to track version history and updates.

• Implemented this very page you are reading!

Simplified main navigation menu structure for better usability.

• Consolidated various calculator categories under a single 'Calculators & Tools' menu.
• Adjusted mobile menu accordingly.

Added 'Docking Management (On Progress)' placeholder page and menu item to Enterprise Solutions.

Introduced Fuel Viscosity Temperature Calculator.

• Helps determine required fuel pre-heating temperature.
• Supports calculation via two known viscosity points or a manual Walther 'B' constant.

Enhanced Kanban Board with Trello-like features.

• Added color flags for tasks.
• Implemented due dates with overdue indicators.
• Redesigned task dialog with a two-column layout for better organization.
• Added task descriptions.

Added 'Enterprise Solutions' section to the menu.

• Introduced 'ISM Code (PMS, SOLAS & MARPOL)' page with feature overview and demo request link.

Improved layout and content for Maritime Career Guide.

• Switched content to English for consistency.
• Separated salary tables for International, Offshore, and Indonesian Domestic markets.
• Fixed list alignment issues.

Added detailed 'Maritime Certification Pathway' to Career Guide.

Corrected Lucide icon import errors in Maritime Career Guide.

• Replaced non-existent `FirstAidKit` icon with `HeartPulse`.

Added Maritime Career Guide page.

• Includes career paths for Deck and Engine departments.
• Provides estimated salary ranges for various ranks and vessel types.

Enhanced SEO for all feature pages.

• Implemented `metadata.title.template` for consistent page titles.
• Added specific metadata for the main page (Multi-Tank Fuel Calculator).

Added Ballast Draft Calculator.

Added Tonnage Calculator (GT/NT).

Introduced Task & Template Planning Board (Kanban).

Added ETA Calculator with timezone support.

Added Simple Sounding Fuel Calculator.

Implemented Advanced Multi-Tank Fuel Calculator as the main feature.

Added Voyage Fuel Estimator.

Created 'About Developer' page.

Set up Feedback & Feature Request page.

Established initial application layout with menubar and styling.

Initialized Next.js project.

Configured ShadCN UI components and Tailwind CSS.