How sameer10237/herbal works
AKATSUKI is a marketing, product-education, and lightweight e-commerce site for Ayurvedic hair oils. The homepage guides visitors through product discovery and education, a personalized quiz or bottle rail, and cart checkout via WhatsApp; referral sharing, reviews, and newsletter signup are additional branches. The sampled code establishes cart and product-detail interactions, while the README documents the rail physics and other capabilities. Some section and integration internals were not sampled, so uncertain connections are omitted or marked dashed.
Main entry points: cart-context.tsx Cart State · page.tsx Homepage · detail-view.tsx Product Detail · quiz.tsx Product Quiz
Components 24
Site Experience
- Homepage
app/page.tsx - Education Sections
components/sections - Reviews and Referral
components/sections - Newsletter Signup
components/sections/newsletter.tsx - Navigation and Footer
components/layout - WhatsApp Action
components/layout/whatsapp-fab.tsx
Product Discovery
- Product Quiz
components/sections/quiz.tsx - Quiz Matching
lib/quiz.ts - Bottle Rail
components/rail/bottle-rail.tsx - Jiggle Engine
lib/physics/use-jiggle-engine.ts - Product Detail
components/rail/detail-view.tsx - Detail Content
components/product-modal/header.tsx
Shopping and Checkout
- Cart State
lib/cart-context.tsx - Cart Drawer
components/cart/cart-drawer.tsx - WhatsApp Checkout
lib/cart-context.tsx
Product and Shared Logic
- Product Catalog
lib/products.ts - Product Details Data
lib/product-detail.ts - Site Configuration
lib/site.ts - Referral Logic
lib/referral.ts - Promotion Config
lib/promo-config.ts - Bottle Rendering
components/bottle-image.tsx - Dialog Primitive
components/ui/dialog.tsx - Drawer Primitive
components/ui/drawer.tsx
Other components
- Visitor
Connections 28
- Visitor → Homepage: visits
app/page.tsx - Homepage → Navigation and Footer: renders
app/page.tsx - Homepage → Education Sections: renders
app/page.tsx - Homepage → Reviews and Referral: renders
app/page.tsx - Homepage → Newsletter Signup: renders
app/page.tsx - Homepage → Product Quiz: renders
app/page.tsx - Homepage → Bottle Rail: includes
app/page.tsx - Product Quiz → Quiz Matching: matches answers
components/sections/quiz.tsx - Product Quiz → Cart State: adds selection
components/sections/quiz.tsx - Product Quiz → Bottle Rendering: renders result
components/sections/quiz.tsx - Product Quiz → Jiggle Engine: uses jiggle
components/sections/quiz.tsx - Bottle Rail → Jiggle Engine: animates bottles
- Product Detail → Detail Content: renders
components/rail/detail-view.tsx - Product Detail → Cart State: adds item
components/rail/detail-view.tsx - Product Detail → Dialog Primitive: uses dialog
components/rail/detail-view.tsx - Product Detail → Product Catalog: reads prices
components/rail/detail-view.tsx - Product Detail → Product Details Data: reads details
- Cart State → Product Catalog: reads product prices
lib/cart-context.tsx - Cart State → Referral Logic: captures referral
lib/cart-context.tsx - Cart State → Site Configuration: reads checkout config
lib/cart-context.tsx - Cart State → WhatsApp Checkout: builds checkout URL
lib/cart-context.tsx - Cart Drawer → Cart State: reads and updates
components/cart/cart-drawer.tsx - Cart Drawer → Drawer Primitive: uses drawer
components/cart/cart-drawer.tsx - Navigation and Footer → Cart State: shows cart badge
components/layout/navbar.tsx - WhatsApp Action → Cart State: reads checkout state
components/layout/whatsapp-fab.tsx - Reviews and Referral → Site Configuration: reads content
components/sections/reviews.tsx - Reviews and Referral → Referral Logic: uses referral
components/sections/share-the-shelf.tsx - Bottle Rendering → Product Catalog: reads product image
components/bottle-image.tsx