Feat/new website

[tinsever]

I don't have co maintainers. So MERGE IT IT'S GOOD!

Greptile Summary

This PR completely redesigns the project website with a modern, dark-themed aesthetic. The changes transform the old grid-based layout into a single-column hero-driven design featuring:

• Modern hero section with serif headlines and interactive tabbed installation commands
• Click-to-copy functionality for NPM and Homebrew install commands with visual feedback
• Animated terminal demo showcasing the CLI workflow
• Feature cards and detail sections with scroll-reveal animations
• Updated color scheme from orange accent to green, with improved typography using Playfair Display serif and maintained Inter/IBM Plex Mono fonts
• Responsive design improvements for mobile devices

The code is clean, well-structured, and implements modern web practices including proper use of CSS custom properties, semantic HTML, and progressive enhancement with IntersectionObserver for animations.

Confidence Score: 5/5

• This PR is completely safe to merge with no issues
• This is a purely cosmetic website redesign with no backend changes, dependencies updates, or security concerns. The JavaScript is straightforward with proper error handling, uses modern web APIs appropriately, and includes graceful degradation. All font files are already present in the repository.
• No files require special attention

Important Files Changed

Filename	Overview
website/index.html	Complete redesign with modern hero section, tabbed install commands, and interactive terminal demo
website/script.js	Replaced font weight selector with tab switching, clipboard copy, and scroll animations
website/styles.css	Completely rewritten with modern dark theme, responsive layout, and serif/sans font combination

Sequence Diagram

sequenceDiagram
    participant User
    participant Browser
    participant DOM
    participant Navigator
    
    User->>Browser: Loads website
    Browser->>DOM: DOMContentLoaded event
    DOM->>DOM: Initialize tab buttons & cmd containers
    DOM->>DOM: Initialize IntersectionObserver
    DOM->>DOM: Set animated elements opacity: 0
    
    User->>DOM: Clicks tab button (NPM/Homebrew)
    DOM->>DOM: Remove active class from all tabs
    DOM->>DOM: Add active class to clicked tab
    DOM->>DOM: Hide all cmd containers
    DOM->>DOM: Show target cmd container
    
    User->>DOM: Clicks cmd container
    DOM->>Navigator: clipboard.writeText(command)
    Navigator-->>DOM: Promise resolves
    DOM->>DOM: Show copy feedback (opacity: 1)
    DOM->>DOM: Hide feedback after 2s
    
    User->>Browser: Scrolls page
    Browser->>DOM: IntersectionObserver callback
    DOM->>DOM: Set element opacity: 1
    DOM->>DOM: Set element translateY: 0

Loading