Let me re-read the existing files I need to modify first.
Now let me start building. First, I'll set up the brand system -- globals.css, layout with Poppins, and all shared components.
Now the layout with Poppins font:
Now let me create all the shared components and pages. I'll start with the logo, header, footer, and scroll-reveal wrapper:
Now the header and footer:
Now let me move to building the Home page:
Let me generate hero and division imagery for the home page:
Now let me build the Home page with its component sections:
Now the About Us page:
Now the Careers page:
Now the Contact Us page:
Now the Investor Relations page:
The Belding India website is fully built across all 5 pages. Here is a summary of what was created:
Brand System: Custom globals.css with the exact Belding brand palette (Deep Navy #0F1F3A, Energy Orange #F47A1F, Steel Grey, Off-White), Poppins font at all required weights, zero border-radius everywhere per the brand book, and scroll-reveal CSS animations. Shared components include the logo wordmark with orange "IN" highlight, sticky navy header with mobile hamburger, footer with orange accent bar, scroll-reveal wrapper, and section headings.
5 Pages built: Home (hero with generated infrastructure imagery, stats bar with real metrics, 2x2 division cards linking to actual websites, manifesto quote panel, institutional CTA), About Us (brand story, timeline of milestones, three pillars grid, values section), Careers (culture section, 6 placeholder job listings with hover interactions, email CTA), Contact Us (full enquiry form with dropdown types, office addresses, direct email contacts), and Investor Relations (key metrics, financial reports table, governance documents, shareholder contacts).
All division descriptions are based on real content fetched from their actual websites. When you share the division logos, I can swap them into the division cards immediately.
The site I've built is a Next.js project, which is different from WordPress (PHP-based). There are two paths here:
Option 1 (Recommended): You can download and deploy this Next.js site right now:
Option 2: I can build a static WordPress theme from this design, but there are important tradeoffs:
You can send messages while the preview loads