# GVSB MASTER SPEC V2 — Restyle + completeness

Builds on the V1 site (same repo `gvsb-website`, same content/data, same 5 pages + components). This spec is the FULL source of truth for the V2 work: the style direction to mimic (from the live example the user pointed to), the explicit new requirements, and the complete deck→site content map for the QA gate.

## 0. Style to MIMIC (extracted live from https://gvbsb-website.vercel.app/ — the example)

Design read: "premium navy energy-EPC landing style: full-screen dark navy hero with layered gradients + subtle blue grid pattern, white bold display H1 with a blue-300 gradient accent word, pill CTAs (solid blue #2563eb + white), centered hero; alternating white / #F8FAFC sections with large bold navy H2 (48px), navy CTA bands, blue-tinted image cards, pill badge eyebrows, generous spacing."

Tokens (from the example's live CSS — byte-accurate):
- Hero bg: `#0b1638` (brand-950) with two overlays: `linear-gradient(to right bottom in oklab, #0b1638 0%, #172554 50%, #0b1638 100%)` + `linear-gradient(to top, #0b1638 0%, transparent 50%)` + a grid pattern `linear-gradient(rgba(37,99,235,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,0.03) 1px, transparent 1px)` at opacity 0.2 (blue grid).
- H1: 72px, weight 700, white; accent word `bg-clip-text text-transparent bg-gradient-to-r from-blue-300 via-blue-200 to-sky-400`.
- CTA primary: `bg-blue-600 #2563eb` text white, pill (rounded-full), px-8 py-4, text-base font-semibold; secondary: white bg, `#1e40af` text.
- Section rhythm: `py-20 lg:py-28`, max-w-7xl, alternate `bg-white` / `bg-[#F8FAFC]`; navy CTA band `bg-[#0b1638]`.
- H2: 48px weight 700 color `#0b1638`; eyebrow: `inline-block text-sm font-semibold tracking-widest uppercase mb-4 text-blue-600`.
- Cards: `bg-white rounded-xl` (16px), image tops with `bg-gradient-to-br from-blue-100 to-blue-50`, stat numerals `text-brand-950`/blue, small slate-500 captions, pill `bg-slate-50 text-slate-500 text-xs` tags.
- Hero has NO big image — it's gradient + grid + white text; hero height min-h-screen; centered content.

OUR additions on top of the example (user requirements):
- Hero: use the solar power-plant photo (`01 Home Page/power-plant-using-renewable-solar-energy copy.jpg`) as a full-bleed BACKGROUND with slow parallax + a navy gradient scrim so white text stays readable (dark on the photo). Big company logo (GV blue logo) above the H1, large.
- All logos (clients, partners, certifications, brands) always in FULL COLOR (never grayscale).
- Client/partner logo sizes: larger than current (clients ≥ 64px, partners ≥ 56px, PowerGuard ≥ 80px), consistent within grids.

Design tokens (final, in globals.css — keep the V1 measured brand blue):
```
--brand-deep: #040073   (measured from GV logo; stat numerals, headings accents)
--ink:        #0B1B33   (navy text, cards on light)
--navy:       #0B1638   (hero/CTA/footer dark bg — matches example)
--navy-2:     #172554
--accent:     #2563EB   (blue-600 — primary CTA, matches example)
--accent-soft:#60A5FA   (blue-400 — accents on dark)
--paper:      #FFFFFF
--surface:    #F8FAFC   (alternating section bg)
--line:       #E2E8F0
--sky:        #DBEAFE   (blue-100 card image tint)
Fonts: Space Grotesk display + Manrope body (keep from V1; do NOT switch to Inter — the example uses Inter but our premium pairing is fine and consistent with the brand).
Radii: 16px cards, 999px pills. H2 48px/700; eyebrow uppercase tracking-widest blue-600.
```
The page THEME LOCK: dark (navy) hero + dark closing CTA band + dark footer; everything between is light (white/#F8FAFC). That matches the example and the V1 pattern.

## 1. Site map (unchanged from V1 — 5 pages)

- `/` Home — hero (photo bg + parallax + big logo) → trust logos → stats → about intro + timeline → core solutions (4) → why choose us → featured projects → certifications strip → closing CTA
- `/solutions` — UPS deep-dive (+ PowerGuard SNM product), Solar, Biomass, BESS
- `/projects` — tabs Solar 11 / Biomass 8, card grid → modal spec sheets
- `/about` — company info, org chart (HTML), certifications, clients + partners
- `/contact` — head office, form, closing CTA
- Nav: floating pill, mobile hamburger → overlay. Footer: navy 4-col.

## 2. Content — VERBATIM FROM DECK (complete map, the QA checklist)

This is the FULL content the site must carry (word-for-word from the deck). QA gate = every string in this list appears on the site at the right page/section.

### Company (p2, p3) — /about company info + home intro
- "GV Bumisinar Sdn Bhd (GV) is a specialized energy solutions provider backed by a team of highly skilled professionals with extensive industry experience. We deliver reliable power systems and integrated long-term sustainability."
- Timeline: "2000 — Established the supply and maintenance business for UPS systems under the registered GV PowerGuard® brand." / "2014 — Expanded the business into renewable energy, offering solutions in solar photovoltaic, bio-energy, hydro electric power and geothermal."
- Company info grid (label:value): Incorporated 28 November 2000 · Company Registration No. 200001030533 (533140-D) · Authorized Capital RM 5,001,000.00 · Paid Up Capital RM 5,001,000.00 · Company Secretary Fakrul Anwar Bin Ab Rahman (MAICSA7053830) · Auditor Teh Ng & Partners (AF2631) · Financial Information (Bank) Malayan Banking Bhd / Alliance Bank Malaysia Berhad / Bank Muamalat Malaysia · Head Office 30-2 & 32-2, Jalan Kuchai Maju 10, Kuchai Entrepreneurs Park, Off Jalan Kuchai Lama, 58200, Kuala Lumpur, Malaysia · Tel (+603) 7980 5888 · Fax (+603) 7980 5300 · Email sales@gvtec.com · Website www.gvtec.com
- Sustainability: "Why sustainability matters today?" / "Exploring clean energy solutions." / 4 benefits: Renewable and Sustainable, Environmentally Friendly, Reduces Electricity Bills, Energy Independence

### Core solutions (p6, home + /solutions)
- 01 UPS — GV PowerGuard® — "Reliable UPS solutions for continuous power protection."
- 02 Renewable Energy Solar — "Delivering solar & integrated energy solutions with proven expertise."
- 03 Renewable Energy Biomass — "Biomass energy solutions for reliable steam & power generation."
- 04 BESS Battery Storage — "Captures and stores excess electricity from renewable sources and the grid."

### UPS (p8) — /solutions#ups
- Paragraph: "GV since year 2000 is a registered supplier company that acts as an organization that supply and provides services for power supply/support equipment which is Uninterruptible Power Supply System or better known as UPS. The services provided include aspects of supplying, installing & maintaining the UPS equipment. This aims to guarantee sufficient power supply support for more sensitive electronic equipment such as computers & security system equipment that functions better and is not interrupted by power supply interruptions."
- "GV has more than 1000 sites locations from various agencies throughout Malaysia, for example: Public Bank, Telekom Malaysia Berhad, Royal Malaysian Police, and various other government agencies throughout Malaysia."
- OUR SERVICES 4: SUPPLYING "High-quality UPS equipment from trusted brands." · INSTALLING "Professional installation by experienced technicians." · MAINTAINING "Regular maintenance to ensure optimal performance." · SUPPORT "Prompt technical support and after-sales service."
- WHY CHOOSE US 4: RELIABLE "Trusted solutions you can depend on." · EFFICIENT "Designed for maximum performance." · EXPERIENCED "Over 20 years of industry expertise since 2000." · DEDICATED "Committed to your business continuity and peace of mind."
- PowerGuard SNM Series 1000 True On-Line (from gvtec.com): "Online Technology with STS Bypass" · "The UPS provides a sinewave clean AC power at all times. The double conversion configuration keeps the inverter working constantly, ensuring that no interruption will occur in case of mains failure. The S.T.S. bypass system guarantees the mains power automatically switched directly through to the output." · Protection: Protection against power failure / Improvement of the power supply quality / Lightning and surge protection / Prevent line noise with EMI / RFI filters / Brownout and overvoltage correction / Voltage variations · Applications: Personal computers / Workstations and networks / Telecommunication systems / Bank automation systems / Security systems / Transport systems · Plug and Play: "The SNM UPS systems are ready for operation, just connect the UPS to the PC or network, plug it in and switch it on."

### Solar (p4, p10) — /solutions#solar
- "GV is a Turnkey System provider offering services in System Design, Supply, Installation, Commissioning and Monitoring."
- "In 2014, 2015 and 2016, the company has built and owned 3 solar projects in Kudat, Keningau and Marudu, Sabah respectively."
- "In addition, the company is responsible for making customer solutions through research and investment analysis and budget preparation, equipment specifications, procurement, management project and sites supervision."
- "GV gave encouragement in increasing the use of resource Renewable Energy (RE) which is based on Solar."
- "This aims to find experience and skills from various parties in the Technology industry Green by focusing mainly renewable which is established."
- "The consortium approach is led by GV itself which consists of domestic and international partners. They have strong experience and finances in establishing joint ventures for a long period of time."
- "With a strategic partnership between the company and the prospects while overseeing a high-quality and high-impact integrated system."
- Benefits band: "Why sustainability matters today?" "Exploring clean energy solutions." Renewable and Sustainable / Environmentally Friendly / Reduces Electricity Bills / Energy Independence

### Biomass (p12) — /solutions#biomass
- "We are capitalizing on our years of experience to design and build small and medium industrial steam generating plant as well as thermal power generating plant in Malaysia and within the Asia Pacific region. Today we have formed major alliances with strategic OEM and overseas principles who have vast wealth of experience in this field."
- Suppliers: "Our principle suppliers for wood base biomass boiler is Daelim Boiler Co., Ltd of Korea, Rice Husk combustion technology from Yoshimine Co., Ltd of Japan, Sumitomo Heavy Industries., Ltd CFB Boiler from Japan for coal and biomass fuels and Turbine."
- "We remain as a focused engineering organization for EPCC (Engineering, Procurement, Construction and Commissioning) contracts on waste to energy plants, both in steam generating plant as well as power generating plant."
- "Our formation has been forecoming as the team itself has been actively involved in these industries for projects of this nature for over 22 years."
- Suppliers grid: Daelim Boiler Co., Ltd (Korea) · Yoshimine Co., Ltd (Japan) · Sumitomo Heavy Industries, Ltd (Japan, CFB Boiler for coal & biomass fuels and Turbine)

### BESS (p6) — /solutions#bess
- "Captures and stores excess electricity from renewable sources and the grid." (with Solis / BYD / Hoymiles partner logos)

### Projects (p21-56) — /projects (19 total: 11 solar + 8 biomass)
SOLAR (11) — verbatim spec sheets (already in src/lib/projects.ts, unchanged — do not edit data):
1. 10MW Large Scale Solar - Sandakan (GV Bumi Solar (Sandakan) Sdn. Bhd., To be completed December 2026, Seguntor River Sandakan Sabah, 10MW A.C., RM57,000,000.00, Design Supply Install Testing and Commissioning)
2. Solar Rooftop - UDA Holdings Berhad (Completed June 2025, Angsana Johor Bahru/Ipoh/Seremban, 1500/1400/320 kWp, RM8,978,932.79)
3. 10MW Large Scale Solar - Leboh Estate Sandakan (SDK Power Sdn Bhd, Completed February 2024, 10MW a.c., RM11,018,894.66)
4. 5MW Large Scale Solar - Tanjong Kubong, Labuan (Sabah Energy Corporation Sdn Bhd, Completed February 2024, 5MW a.c., RM2,000,000.00, EPCC Agreement for Development)
5. 100MW Large Scale Solar - Coara Marang Sdn Bhd (Completed July 2022, PT14366 Mukim Merchang Marang, 100MW a.c., RM5,700,000.00, Installation of Solar Panel)
6. 1.0MW Solar Farm - Marudu (MARUDU POWER Sdn Berhad, Completed December 2016, Kg. Goshen Sabah, 1.0MWp, RM7,500,000.00, ~4,000 crystalline silicon PV modules, D/E/C/Supply/Erection/Testing/Commissioning)
7. 1.0MW Solar Farm - Keningau (DIGITAL AWAN Sdn Berhad, Completed December 2015, Keningau Sabah, 1.0MWp, RM9,500,000.00, Over 4,000 poly-crystalline, D/E/C/Supply/Erection/Testing/Commissioning)
8. 0.6MW Solar Farm - Kudat (GV BUMISINAR Sdn Berhad, Completed December 2014, Kudat Sabah, 0.6MWp, RM8,000,000.00, Over 2,000 poly-crystalline)
9. 2MW Solar Farm - Pajam (Cypark Resources Berhad, Completed 2013 Phase 3, Pajam Negeri Sembilan, Phase1 3MWp/Phase2 3MWp/Phase3 2MWp, RM4,000,000.00, Over 8,000 multi-crystalline, Design supply & construction of building structure)
10. 6MW Solar Farm - Kuala Perlis (photos only)
11. Residential Solar Projects (Residential Roof Solar PV with FiT Programme, More than 1,200 sets completed until 2014, Peninsular Malaysia, 6 to 12 kWp, RM15,000-50,000 per system, 20 to 40 poly-crystalline modules per site, Design Engineering Supply & Consultation [deck says "Amled's Scope of Services"]) + 4 captions: "Solar PV ancillary equipment in Sri Petaling, Kuala Lumpur" / "9.6KW Home in Puchong, Kuala Lumpur" / "9.6KW Home in Kajang, Selangor" / "9.6kW Home in Cheras, Kuala Lumpur"

BIOMASS (8):
1. Samling Power (3.5MW Wood Waste Co-Gen Plant) — Owner Samling Power Sdn. Bhd, Factory Samling Lyun Verneer Sdn. Bhd, Location Kuala Baram Miri, Turbine Shin Nippon Machinery 3.5MW 6.6KV Extraction 15BarG up to 24TPH Extraction condensing (Pressure Control), Boiler McKenzie Boiler 40TPH 40BarA 450°C Superheated, NTP 6 December 2007, Commissioning 17 March 2008, Contract November 2009, COD 5 February 2010, Scope Design Procure Delivery Installation Testing and Commissioning for 3.5MW Wood Waste Fired Power Plant, Contract Value MYR 22.0 Million
2. Turbine & Cooling Water Tower Installation - Samling Layun (photos)
3. Boiler Installation - CJ Bio Paka (photos)
4. Tank Installation - TNB Manjung (photos)
5. Conveyor Installation - LPT Manjung (photos)
6. Lotte Chemical Titan - Johor (photos)
7. Tank & Pump Installation (Lifting - Lotte Chemical Titan Johor) (photos)
8. Rice Husk Power Plant (Nakan, Kedah) — Owner Majunaka Eco Energy Sdn. Bhd, Factory Biomass Independent Power Producer, Location Naka Kedah Perak, Turbine Shin Nippon Machinery Japan 9950kW 11kV Synchronising with TNB Supply, Boiler Yoshimine Co. Ltd, NTP October 2018, Contract November 2017, Commissioning 31st March 2022 (Scheduled), COD 31st March 2022 (Scheduled), Scope EPCC for 9950KW Rice Husk Fired Power Plant, Contract Value MYR 100,479,310.00

### About (p13-20) — /about
- Org chart (HTML): BOARD OF DIRECTOR → CEO → 7 divisions (STRATEGY & RISK MANAGEMENT, BUSINESS DEVELOPMENT, CORPORATE ADMINISTRATION, CONSTRUCTION DIVISION, PROCUREMENT DIVISION, FINANCE & ACCOUNTING DIVISION, ENGINEERING DIVISION) with leaves (Corporate Admin: General Affairs, Corporate Service, Human Resources; Construction: Project Management, Commissioning, Inspection Coordination, Inspection, Quality Control; Procurement: Purchasing, Logistic, Subcontracting; Finance & Accounting: Finance, Accounting; Engineering: Design | Process | Mechanical, Piping | Electrical, Instrument / Control, Civil / Structural, Regulatory)
- Certifications 5 (with verbatim Malay labels): Kementerian Kewangan Malaysia (Sijil Akuan Pendaftaran Syarikat / Sijil Akuan Pendaftaran Syarikat Bumiputera) · CIDB Malaysia (Perakuan Pendaftaran / Sijil Perolehan Kerja Kerajaan (SPKK)) · Suruhanjaya Tenaga (Energy Commission) (Borang Q - Perakuan Pendaftaran Sebagai Kontraktor Elektrik, Pembekal & Kontraktor Perkhidmatan) · Tenaga Nasional Berhad (Acknowledgement of Supplier Registration) · Telekom Malaysia
- Clients: "Through strong client relationships and strategic partnerships, we consistently deliver efficient and sustainable energy solutions across industries."
- Public Bank feature: "Supply & maintain UPS systems to over 260 Public Bank branches across Malaysia." + map image + legend "PUBLIC BANK BRANCH - COVERING ALL STATES & FEDERAL TERRITORIES" / "260+ - WIDEST NETWORK TO SERVE YOU BETTER - NAJAH, AMANAH, CEMERLANG" / "EXAMPLE OF OUR BRANCHES" + branches (Kuala Lumpur, Petaling Jaya, Ipoh, Penang, Johor Bahru, Melaka, Kuching, Sibu, Kuantan, Kota Kinabalu) + states (Penang, Kelantan, Perak, Terengganu, Sabah, Pahang, Selangor, Negeri Sembilan, Sarawak, Malacca, Johor, Melaka)
- Client logos (color, large): Public Bank, Fabulous Sunview, JS Solar (Founder), Sunview Energy (Founder), UDA Holdings Berhad, Ministry of Home Affairs (Kementerian Dalam Negeri), Sabah Energy Corporation Sdn Bhd, Polis DiRaja Malaysia
- Business partners (8 groups with headers, logos color large): Generator (SHIN NIPPON MACHINERY CO., LTD) · Biomass Boiler (DAELIM BOILER CO., LTD, ISO9001) · CFB Boiler For Biomass Fuels, Coal & Turbine (Sumitomo Heavy Industries, Ltd) · Rice Husk Combustion (YOSHIMINE CO., LTD) · Solar Panels (Trina Solar, JA SOLAR, CanadianSolar "Make The Difference", JinKo, ASTRONERGY) · BESS (Solis inverters, BYD Energy Storage, Hoymiles) · EPC, Engineering & BOS (GME Green Tech Sdn. Bhd. [Sunview/Founder], ENE Engineering, LAPP KABEL, JS Solar, Sunview, Founder Energy) · UPS System Battery (NEUTON POWER "Science in Energy", Enerzell, CSB Battery)

### Contact (p57)
- "Let's work together for a greener tomorrow!" + head office + tel/fax/email/website + form.

## 3. Requirements this build MUST satisfy (user asks)

1. ALL logos in COLOR always (clients, partners, certifications, brand) — remove any grayscale filter, use the color source files.
2. Logo sizes BIGGER: client logos ≥ 64px tall, partner logos ≥ 56px, PowerGuard product logo ≥ 80px, hero GV logo large. Consistent within each grid.
3. HERO: full-bleed background image `power-plant-using-renewable-solar-energy copy.jpg` (add to pipeline as hero-bg) with slow parallax (yPercent -6→6 scrub) + navy gradient scrim + subtle grid overlay; BIG GV blue logo above the H1; white 72px H1 "Engineering Reliable Power for a Sustainable Tomorrow" with blue-gradient accent; sub; CTAs (primary blue pill "Get in Touch", secondary white pill "Explore Our Solutions" → wait: one contact label per intent rule — primary "Explore Our Solutions", secondary white "View Our Projects"). min-h-screen, centered.
4. Style mimics the example: navy hero/gradient/grid, alternating white/#F8FAFC sections, 48px navy H2, blue-600 CTAs, blue-tinted card images, pill eyebrows (≤ 1 per 3 sections), 16px card radius.
5. EVERYTHING from the deck + images folder is on the site (QA gate against §2).

## 4. HARD RULES (unchanged from V1, restated)

1. Zero em-dashes (— or –) anywhere. Hyphen only.
2. Fonts Space Grotesk + Manrope only (no Inter/Roboto/Arial).
3. No purple/neon. Blue family. No pure black #000. No pure white #FFF text on white.
4. One accent family (blue-600 CTAs + brand-deep), one radius scale (16/999).
5. No invented numbers. Deck numbers only.
6. Hero: H1 ≤ 2 lines, sub ≤ 20 words, CTAs visible, max 4 text elements, no trust strip inside hero.
7. Nav one line, ≤ 72px. No scroll cues, no section-number eyebrows (deck numerals stay as card labels), no version labels.
8. Layout families vary across adjacent sections.
9. CTAs ≥ 44px, AA contrast, single line, one "contact" label ("Get in Touch").
10. Motion: GSAP/Lenis only, transform+opacity, reduced-motion collapse, no window scroll listeners for animation.
11. Mobile: explicit <768px single-column collapse everywhere, no horizontal overflow, min-h-[100dvh] not h-screen.
12. All buttons/links real.
13. Dark (navy) ONLY: hero, closing CTA band, footer. Everything else light.
14. Logos: color always; no category labels under client logos (category headers OK in Business Partners).
15. Images real, no div-fake-screenshots, no labels overlaid on photos (captions below).
16. Images: ALL project images present; use existing src/lib/blurData.ts placeholders; next/image everywhere with proper alt (decorative icons alt="", meaningful images get alt).

## 5. Implementation notes

- Base = V1 codebase (src/, SPEC.md, scripts/, tests/). Keep ALL content/data (src/lib/projects.ts, site.ts), the org chart, the modal, the form.
- Rebuild globals.css tokens per §0. Update Hero.tsx (photo bg + parallax + big logo + new copy), Nav (color logo, pill), Stats (brand-deep numerals on light), section backgrounds (alternate white/#F8FAFC), CTA styles (blue-600 pills), card radius 16px, headings 48px/700.
- Big color logos: ensure pipeline copies color logo files (it does — brand/gv-logo-blue.png, powerguard-logo-blue.png, partners/* in color). Remove any grayscale CSS. Increase sizes per §3.2.
- Add hero-bg image: add `power-plant-using-renewable-solar-energy copy.jpg` to the pipeline as `hero/hero-bg.jpg` (width 1920) — if the pipeline script needs a one-line addition, do it (script is ours).
- Keep: Lenis, GSAP, Reveal/Parallax/StatCounter/Timeline, nav overlay, modal focus trap, form validation, axe-clean semantics, reduced motion.
- The single-page V1 structure is fine to keep (pages: home single scroll + /solutions, /projects, /about, /contact) — OR if V1 was single-page-all-in-one, keep that structure too (it mirrors the deck). Whichever the V1 codebase has, keep it; do not restructure pages.

## 6. Gates

1. `npm run build` green, `npm run lint` 0 errors, em-dash grep empty.
2. All §2 deck strings present (run the deck-string checks).
3. All 19 projects + spec sheets in modal (data unchanged, verify render).
4. All logos render in COLOR (no grayscale class/filter on logo imgs) and sizes ≥ thresholds.
5. Hero has the power-plant photo as background with parallax + big GV logo.
6. 325-check harness passes (update only if a legit content change requires it).
7. No horizontal overflow desktop + mobile; all links/buttons work; axe clean.