iOS Settings UI Clone

I need a pixel-perfect, front-end only replica of Apple’s Settings app exactly as it appears in Ios18. Every visual detail has to match the native experience: layout, iconography, spacing, San Francisco fonts, dynamic type sizing, and the subtle tint shifts that occur as a user scrolls.

Scope
• The project is strictly HTML, CSS, and JavaScript—no backend and no framework dependencies unless they improve fidelity without bloating the bundle.
• All top-level rows must open their respective sub-pages; I want the FULL SETTINGS APP REPLICA, with special attention to Wi-Fi settings, Privacy settings, and General settings. These sub-pages can be static screens, yet their hierarchy and navigation must feel native.
• Animations required:
– Page transitions that mimic the iOS navigation push/pop slide.
– Toggle switch animations identical to Apple’s, including the spring effect.
– Button click effects that mirror the slight opacity dip of a tapped cell.

Deliverables
• index.html, style.css, and script.js in a single, clean folder structure.
• Assets (icons, svg, or png) embedded or referenced so the demo runs by simply opening index.html.
• Code commented well enough for educational reuse.
• No functional settings logic is needed; visual fidelity and smooth interaction are the goals.

Acceptance
I’ll consider the job complete when I can open index.html, navigate through every menu, and experience the requested animations without noticeable lag or visual discrepancies compared to the real Ios18 Settings app.