How aliraza-techie/ali-consultancy works
This is a single-page marketing site for Ali Consultancy, promoting construction estimating services and guiding contractors from service discovery to a free estimate request. The visible workflow includes exploring estimating offerings, optionally calculating a preliminary project-cost range, then submitting project details and attaching plans for follow-up. Other sections cover the consultancy, process, markets, deliverables, pricing, projects, testimonials, and FAQs. Sampled source confirms the page composition, calculator behavior, and client-side form handling; the README is only a project name, and no server-side submission or persistent storage is evidenced.
Main entry points: App.tsx Page composition · EstimateForm.tsx Estimate request · Services.tsx Estimating services · Hero.tsx Service introduction
Components 23
Marketing site
- Page composition
src/App.tsx - Navigation
src/components/Navbar.tsx - Service introduction
src/components/Hero.tsx - Trust signals
src/components/TrustStrip.tsx - Estimating services
src/components/Services.tsx - Company profile
src/components/About.tsx - Value proposition
src/components/WhyQuantify.tsx - Trade coverage
src/components/Trades.tsx - Service process
src/components/Process.tsx - Performance statistics
src/components/StatsBar.tsx - Estimate deliverables
src/components/Deliverables.tsx - Pricing information
src/components/Pricing.tsx - Project examples
src/components/Projects.tsx - Client testimonials
src/components/Testimonials.tsx - Markets served
src/components/Markets.tsx - Frequently asked questions
src/components/FAQ.tsx - Contact and footer
src/components/Footer.tsx
Estimate engagement
- Cost calculator
src/components/Calculator.tsx - Estimate request
src/components/EstimateForm.tsx
Shared UI behavior
- Visibility observer
src/hooks/useIntersectionObserver.ts - Animated counter
src/hooks/useCounter.ts
Other components
- Contractor
- Site visitor
Connections 31
- Contractor → Page composition: opens site
- Page composition → Navigation: renders
- Page composition → Service introduction: renders
- Page composition → Trust signals: renders
- Page composition → Estimating services: renders
- Page composition → Company profile: renders
- Page composition → Value proposition: renders
- Page composition → Cost calculator: renders
- Page composition → Trade coverage: renders
- Page composition → Service process: renders
- Page composition → Performance statistics: renders
- Page composition → Estimate deliverables: renders
- Page composition → Pricing information: renders
- Page composition → Project examples: renders
- Page composition → Client testimonials: renders
- Page composition → Markets served: renders
- Page composition → Frequently asked questions: renders
- Page composition → Estimate request: renders
- Page composition → Contact and footer: renders
- Contractor → Estimating services: explores
- Contractor → Cost calculator: enters assumptions
- Cost calculator → Estimate request: scrolls to request
- Contractor → Estimate request: submits project details
- Estimate request → Site visitor: shows confirmation
- Estimating services → Estimate request: scrolls to request
- Service introduction → Estimate request: scrolls to request
- Service introduction → Estimating services: scrolls to services
- Estimating services → Visibility observer: observes visibility
- Estimate deliverables → Visibility observer: observes visibility
- Cost calculator → Visibility observer: observes visibility
- Service introduction → Animated counter: animates statistics