How sachinmaurya96/mackbooklanding works
This is a React landing page for a MacBook product, rather than a general-purpose application. A visitor enters the page, views the hero and product sections, selects a laptop size or color, and sees the corresponding 3D model; a separate showcase presents chip capabilities. The sampled code confirms the app composition and configurator wiring. Hero, Navbar, and lighting internals were not sampled, so their detailed behavior and data links are not inferred.
Main entry points: App.jsx Page composition · ProductViewer.jsx Product viewer · ModelSwitcher.jsx Model switcher · Macbook-14.jsx 14-inch model
Components 14
Landing page
- React entry
src/main.jsx - Page composition
src/App.jsx - Navigation
src/components/Navbar.jsx - Hero section
src/components/Hero.jsx
Product configurator
- Product viewer
src/components/ProductViewer.jsx - Product state
src/store/index.js - Model switcher
src/components/three/ModelSwitcher.jsx - 14-inch model
src/components/models/Macbook-14.jsx - 16-inch model
src/components/models/Macbook-16.jsx - Studio lighting
src/components/StudioLight.jsx - 3D model assets
public/models
Presentation media
- Chip showcase
src/components/Showcase.jsx - Showcase videos
public/videos
Other components
- Visitor
Connections 16
- Visitor → React entry: opens
- React entry → Page composition: renders
- Page composition → Navigation: renders
- Page composition → Hero section: renders
- Page composition → Product viewer: renders
- Page composition → Chip showcase: renders
- Product viewer → Product state: reads and updates
- Product viewer → Model switcher: renders
- Product viewer → Studio lighting: renders
- Model switcher → 14-inch model: renders
- Model switcher → 16-inch model: renders
- 14-inch model → Product state: reads color
- 16-inch model → Product state: reads color
- 14-inch model → 3D model assets: loads model
- 16-inch model → 3D model assets: loads model
- Chip showcase → Showcase videos: plays video