Hesham Albloshi Holding
A bilingual holding-company website presenting the group structure, subsidiaries, services, and leadership, with animated marketing sections built in Next.js and Framer Motion.
A holding company has to show its whole world at once. This bilingual site lays out the group, its subsidiaries, and its services in animated sections, so an investor or partner takes in the full picture at a glance — in Arabic or English.
What it solves
- The holding company has no unified site showing its subsidiaries, structure, and investor relations.
- Investor communication is manual, with no portfolio transparency unless someone emails for it.
- Subsidiaries operate on their own, so customers never learn about the parent group.
- Proof, case studies, and vision are scattered across LinkedIn, email, and outdated sites.
Impact
Structure + subsidiaries + services
Framer Motion sections
Arabic RTL + English LTR
Architecture
Data flow
- Land on holding-company home
- Framer Motion hero animates with tagline
- Scroll → features reveal (staggered)
- Our Companies → subsidiary cards (Embla)
- Click subsidiary → /companies/[name]
- Contact form (future: Server Action → Resend / SES)
- Switch language → next-intl serves AR / EN
Engineering decisions
v0.app-driven development
Branding evolves rapidly; auto-sync to GitHub means no manual content updates in code — ideal for marketing iterations.
Bilingual from day one
Arabic RTL and English LTR with logical CSS appeal to both Gulf investors and international partners.
Framer Motion for a premium feel
Animated hero, parallax sections, and staggered reveals convey stability and modernity without JavaScript bloat.
Modular component structure
Subsidiaries are reusable cards, so companies can be added or removed without code changes.
Static content (no headless CMS)
For now content lives in component props (JSON); a blog can be added later via MDX or Contentful.
Gallery
