Corporate business website
HB Sub Noor
SEO-correct corporate site with www canonical redirects and motion-led brand presentation.
Background & Context
HB Sub Noor Industries is a Lahore manufacturer/supplier of PP/PET packaging straps and strapping machinery. The brand needed a modern corporate site that looked intentional—product detail pages, company/services narrative, educational blog—without splitting SEO equity across www and non-www hosts or shipping an unused CMS.
Tekvers built a Next.js 16 / React 19 site with TypeScript, Tailwind, Framer Motion, GSAP, Lucide, and react-markdown. Live origin in code is https://www.hbsubnoor.com. Product catalog covers four strap variants and two machines on dedicated routes; a 26-article blog corpus lives in blog-data.ts. SEO foundations include sitemap.ts, robots.ts, manifest.ts, OG/Twitter image routes, product JSON-LD helpers, and middleware that 301-redirects apex hbsubnoor.com to www. An llms.txt endpoint (GET /api/llms-txt) supports LLM crawlers.
Contact form UI alerts locally and does not POST to a server; mailto to info@strapack.com.pk is shown in contact info. Content is static TypeScript/React—no database CMS. Motion (Framer Motion, GSAP, AnimateOnScroll, preloader) adds presence without replacing the SEO basics.
The Challenge
A packaging-strap manufacturer needed professional product and corporate presentation with correct canonical URLs and modern motion—without splitting crawl equity across www hosts or overbuilding a CMS. Without a coherent corporate business website foundation, HB Sub Noor stakeholders faced fragmented tools, slow handoffs, and limited visibility—classic failure modes Tekvers designs against.
The Solution
HB Sub Noor: SEO-correct corporate site with www canonical redirects and motion-led brand presentation. SEO-correct corporate site with professional animations and branding. Tekvers delivered a maintainable corporate business website system for HB Sub Noor using Next.js, Framer Motion, GSAP, Tailwind CSS, with phased rollout, operator workflows, and documentation suited to long-term ownership.
Our Approach
Canonical and redirect strategy
Middleware 301-redirects non-www to www; `next.config` permanently redirects `/home` → `/`; `SITE_ORIGIN` canonicalizes metadata to `https://www.hbsubnoor.com` so equity consolidates on one host.
Product and education IA
Product hub plus six detail routes, company/about/services/contact layouts, and a markdown-rendered blog corpus give Pakistan buyers both commercial and educational paths.
Motion with SEO scaffolding
Framer Motion and GSAP sequences reinforce brand hierarchy while sitemap, robots, OG/Twitter images, product JSON-LD, and `llms.txt` keep discoverability first-class.
What We Delivered
- Next.js 16 corporate site for hbsubnoor.com / www.hbsubnoor.com
- Product catalog (strap variants + machines) with detail routes
- 26-article static blog with react-markdown rendering
- Middleware 301 consolidating non-www → www
- Sitemap, robots, manifest, OG/Twitter image routes
- Product JSON-LD helpers and contextual related links
- Framer Motion / GSAP / AnimateOnScroll presentation
- `llms.txt` API rewrite endpoint for AI crawlers
- Contact UI with mailto to info@strapack.com.pk
Outcomes & Impact
- SEO-correct corporate site with professional animations and branding
- Consolidated canonical host via non-www → www redirects
- Educational blog corpus supporting product discovery
- Stronger first impression for partners and industrial buyers
HB Sub Noor’s site combines motion-led industrial branding with the boring-but-critical SEO details—one canonical host, clean redirects, product depth, and a presence that matches a Lahore packaging manufacturer’s seriousness.
Technology Stack
Services Delivered
Related Case Studies
Guides & articles from this niche
Planning a similar platform? Share your scope and we will map architecture, delivery phases, and a realistic timeline.