How deebabatech/gmeth works
Gmeth is an engineering-company showcase site. Visitors arrive at a shared page shell, view company information and services, browse and filter project examples, and can navigate to a separate About page or the contact form. The shell also supplies the hero, navigation, contact details, and footer. Project entries come from a local JSON file; the contact form is presented without a sampled submission handler or external delivery service. The graph reflects the sampled pages and components; wiring for unsampled UI modules is omitted.
Main entry points: layout.tsx Shared layout · page.tsx Home page · card.tsx Service cards · drawer.tsx Drawer navigation
Components 13
Shared site shell
- Shared layout
app/layout.tsx - Drawer navigation
components/ui/drawer.tsx - Contact fields
components/text-field.tsx
Company content
- Home page
app/page.tsx - About page
app/about/page.tsx - Project catalog
components/json/projects.json
Interactive presentation
- Service cards
components/card.tsx - 3D card motion
components/ui/3d-card.tsx - Project hover
components/ui/direction-aware-hover.tsx - Animated statistics
components/ui/number-ticker.tsx - Hero reveal
components/ui/box-reveal.tsx - Pulsating button
components/ui/pulsating-button.tsx
Other components
- Site visitor
Connections 12
- Site visitor → Shared layout: opens site
- Shared layout → Home page: renders route
- Shared layout → Drawer navigation: renders navigation
- Shared layout → Contact fields: renders contact fields
- Shared layout → Hero reveal: renders hero animation
- Shared layout → Pulsating button: renders contact link
- Home page → About page: links to details
- Home page → Project catalog: reads entries
- Home page → Service cards: renders services
- Service cards → 3D card motion: uses card motion
- Home page → Project hover: renders filtered projects
- Home page → Animated statistics: renders statistics