How adrianhajdin/iphone works
This is a React single-page iPhone 15 Pro showcase. A browser loads the React entrypoint, which mounts the App shell and its ordered marketing sections. Users browse hero and product highlights, control a GSAP video carousel, explore feature media, and configure a Three.js iPhone by color, size, and rotation. Content constants and asset utilities provide the presentation data. The sampled source confirms bootstrap, carousel, configurator, animation, asset loading, and telemetry; several section internals were not sampled, so their deeper wiring is intentionally limited.
Components 19
Application Bootstrap
- React Entry
src/main.jsx - App Shell
src/App.jsx
Marketing Experience
- Site Navigation
src/components/Navbar.jsx - Hero Showcase
src/components/Hero.jsx - Product Highlights
src/components/Highlights.jsx - Video Carousel
src/components/VideoCarousel.jsx - Feature Story
src/components/Features.jsx - How It Works
src/components/HowItWorks.jsx - Site Footer
src/components/Footer.jsx
3D Configurator
- Model Configurator
src/components/Model.jsx - 3D Model View
src/components/ModelView.jsx - iPhone Renderer
src/components/IPhone.jsx - 3D Scene Model
public/models/scene.glb
Content And Motion
- Product Catalog
src/constants/index.js - Asset Registry
src/utils/index.js - Animation Utilities
src/utils/animations.js - Media Assets
public/assets
Other components
- Browser Visitor
- Sentry Service
Connections 21
- Browser Visitor → React Entry: loads
- React Entry → App Shell: mounts
- App Shell → Site Navigation: renders
- App Shell → Hero Showcase: renders
- App Shell → Product Highlights: renders
- App Shell → Model Configurator: renders
- App Shell → Feature Story: renders
- App Shell → How It Works: renders
- App Shell → Site Footer: renders
- Product Highlights → Video Carousel: presents
- Video Carousel → Product Catalog: reads slides
- Product Catalog → Asset Registry: loads media refs
- Asset Registry → Media Assets: imports assets
- Feature Story → Asset Registry: reads feature media
- Feature Story → Animation Utilities: animates story
- Model Configurator → Product Catalog: reads options
- Model Configurator → Asset Registry: reads default image
- Model Configurator → 3D Model View: renders views
- Model Configurator → Animation Utilities: animates rotation
- iPhone Renderer → 3D Scene Model: loads geometry
- React Entry → Sentry Service: reports telemetry