How kangyuuuuf/makrine_public works
Makrine is a product-discovery and sales-inquiry website for life-saving and fire-fighting equipment. Visitors enter through the routed site, browse divisions and filtered catalog listings, inspect product details, then submit a quotation or product-information request; the footer also provides a general contact-message form. The graph includes the documented email integrations and the visible catalog, product-detail, and presentation layers. Some source excerpts are partial, so uncertain data-source wiring and component relationships are omitted.
Main entry points: App.jsx App routing · CatalogPage.jsx Catalog page · QuotationInquiryModal.jsx Quotation inquiry · FooterSection.jsx Site footer
Components 21
Site experience
- React entry
src/app/main.jsx - App routing
src/app/App.jsx - Home page
src/pages/Home/index.jsx - About page
src/pages/About/AboutPage.jsx - Contact page
src/pages/Contact/ContactPage.jsx - Navigation
src/components/Navbar/Navbar.jsx - Site footer
src/components/FooterSection/FooterSection.jsx
Catalog discovery
- Catalog page
src/pages/Catalog/CatalogPage.jsx - Catalog filters
src/components/catalog/CatalogSidebar.jsx - Product card
src/components/catalog/ProductCard.jsx - Catalog display data
src/data/productDisplayUtils.js - Featured products
src/components/FeaturedProductsShowcase/FeaturedProductsShowcase.jsx
Product details
- Product detail page
src/pages/ProductDetail/ProductDetailPage.jsx - Product detail view
src/components/product-detail/ProductDetailPage.jsx - Product summary
src/components/product-detail/ProductDetailAside.jsx
Sales inquiries
- Quotation inquiry
src/components/inquiry/QuotationInquiryModal.jsx - Inquiry feedback
src/components/inquiry/InquiryPopup.jsx - Inquiry email API
apps/api/api/send-inquiry.js - Contact email API
apps/api/api/send-contact-message.js
Other components
- Site visitor
- Resend email service
Connections 24
- Site visitor → React entry: opens site
- React entry → App routing: renders
- App routing → Home page: routes to
- App routing → About page: routes to
- App routing → Contact page: routes to
- App routing → Catalog page: routes to
- App routing → Product detail page: routes to
- App routing → Navigation: renders
- App routing → Site footer: renders
- Catalog page → Catalog filters: renders
- Catalog page → Product card: renders
- Catalog page → Catalog display data: loads and maps
- Home page → Featured products: presents
- Featured products → Catalog display data: loads and maps
- Product detail page → Product detail view: renders
- Product detail view → Product summary: renders
- Catalog page → Quotation inquiry: opens inquiry
- Product summary → Quotation inquiry: starts inquiry
- Quotation inquiry → Inquiry email API: posts inquiry
- Quotation inquiry → Inquiry feedback: shows feedback
- Site footer → Contact email API: posts message
- Site footer → Inquiry feedback: shows feedback
- Inquiry email API → Resend email service: sends email
- Contact email API → Resend email service: sends email