Landing/defguard vs fortinet update

[piotr-bor]

Changes to Defguard vs. Fortinet Landing Page

Layout & Structure

• Removed sidebar navigation - Removed floating left-hand navigation menu to improve page flow
• Increased content width - Increased max-width from 1200px to 1400px for main content, and from 80ch to 100ch for text-based sections
• Added new landing sections - Added new sections at the top of the page before existing content:
  • Interactive comparison section with tabs (Architecture, Cost & Lock-in, Inspectability & Verifiability, MFA, Integration)
  • ROI section with metrics (Instant Connection, Reduced Attack Surface, Faster Throughput)
  • Team benefits section with feature cards for CISO, Sys Admins, DevOps
  • Hybrid infrastructure section with feature cards
  • Trusted by Industry Leaders section with company logos

Content Updates

• Updated section title - Changed "Monolithic Appliance vs. Decoupled Architecture" to "Legacy Hardware vs. Modern Software Architecture"
• Updated comparison tables - Updated "MFA Enforcement" and "Identity Management" rows in comparison matrix
• Added ZTNA row - Added "ZTNA implementation" row in strategic impact table
• Updated FAQ section - Replaced FAQ questions and answers with new content
• Updated hero section - Changed SEO title, meta description, and hero content

Styling & Spacing

• Centered headers and descriptions - Centered headers and descriptions in sections:
  • Legacy Hardware vs. Modern Software Architecture
  • The ROI of Switching
  • Eliminate VPN Headaches for Your Entire Team
  • Engineered for the Modern Network
  • Trusted by Industry Leaders
• Improved section spacing - Unified spacing between sections (padding-top/bottom: 60px for most sections)
• Fixed tab buttons - All 5 tab buttons now fit in one row (reduced padding and font-size)
• Added bullet points - Added bullet point lists with bold headers in team-benefits section feature cards
• Enhanced tab comparison styling - Added styling for tabbed comparison section (colored cards, diagrams, better contrast)

Component Updates

• FeatureCapsules component - Added HTML support in description (for bullet point lists) using set:html
• TrustedBy component - Integrated into "Trusted by Industry Leaders" section with company logos

Technical Improvements

• Content width alignment - Adjusted content width to match /security page pattern (max-width: 1100px)
• Removed redundant text - Hid duplicate "Trusted by:" text in TrustedBy component
• Improved logo alignment - Centered and properly aligned logos in trusted-by section

All changes preserve existing content and structure while adding new landing sections and improving overall layout and readability.