# Alzar FZE Website Overhaul TODO

## Phase 1: Research
- [x] Research all principals/partners (parallel)
- [x] Verify websites, products, target audiences
- [x] Fact-check all claims

## Phase 2: Plan
- [x] Multi-page site structure (Home, About, Industries/Ceramics, Industries/Glass, Industries/Cement, Industries/Machinery, Partners, Contact)
- [x] SEO strategy per page with targeted keywords
- [x] Content strategy for each audience segment
- [x] Bilingual (EN/AR) support plan

## Phase 3: Build
- [x] Update location to Jebel Ali Free Zone (NOT Dubai Free Zone)
- [x] Add new products: Superplasticizer (concrete + refractory), Accelerator for concrete, Flocculant for mining
- [x] Add Interlube Mexico (aluminum extrusion lubricants)
- [x] Add grinding aid info (accurate, no supplier name)
- [x] Add links to all principals' websites
- [x] Audience-specific content (dairy farms for Schaffer, glass producers for Accuramech, etc.)
- [x] WhatsApp: +971553288217
- [x] Fax: +97148873928
- [x] Arabic language support
- [x] Proper SEO meta tags per page
- [x] Structured data per page
- [x] Remove Olucha completely

## Phase 4: Images
- [x] Source images from principals' websites where appropriate
- [x] Generate AI images for sections that need them

## Phase 5: Finalize
- [x] Test all navigation links
- [x] Verify all external links to principals
- [x] Cross-check content accuracy
- [x] Mobile responsiveness check

## Phase 6: Full-Stack Upgrade
- [x] Remove "Made with Manus" branding from the site (platform-injected, not in code)
- [x] Create contact_submissions database table
- [x] Build backend tRPC endpoint for contact form submissions
- [x] Add email notification to info@alzarfze.com on form submission
- [x] Update frontend contact forms to submit to backend API
- [x] Write vitest tests for contact form submission

## Phase 7: Final Corrections
- [x] Change "30+ Countries Reached" to "10+ Countries Reached" across all pages
- [x] Complete fact-check of ALL content across every page
- [x] Remove/hide Made with Manus badge
- [x] Package and deliver complete files for self-hosting

## Phase 8: Interlub Move & Glass Rename
- [x] Move Interlub from Machinery to Glass & Aluminum section
- [x] Rename "Glass Manufacturing" to "Glass & Aluminum" across entire site
- [x] Update IndustryGlass page to include Interlub
- [x] Update IndustryMachinery page to remove Interlub
- [x] Update Partners page - move Interlub to Glass & Aluminum
- [x] Update HomePartners, HomeIndustries, SearchDialog
- [x] Update Navbar, Footer, Contact form dropdown
- [x] Update SEO meta tags, structured data, translations
- [x] Complete fact-check of all content
- [x] Deliver final corrected files

## Phase 9: Machinery Rename, CAPTCHA & Google Search Console
- [x] Rename "Industrial Machinery" to "Machinery" across all pages
- [x] Rename in navigation, footer, search dialog, structured data
- [x] Rename in IndustryMachinery page title and hero
- [x] Rename in HomeIndustries cards
- [x] Rename in Partners page
- [x] Add CAPTCHA to Contact page form
- [x] Add CAPTCHA to homepage ContactSection form
- [x] Create sitemap.xml with all pages
- [x] Create robots.txt
- [x] Add Google Search Console meta verification tag placeholder
- [x] Update vitest tests for CAPTCHA (13 tests passing)

## Phase 10: Working Hours Update
- [x] Change working hours from "Sun - Thu" to "Mon - Fri: 8:00 AM - 5:00 PM" across all pages
- [x] Update structured data openingHours in index.html
- [x] Update Contact page, ContactSection, and any other references
- [x] No Arabic translation changes needed (working hours are hardcoded in components, not in translation keys)

## Phase 11: Google Search Console, Favicon & Admin Dashboard
- [x] Download favicon from www.alzarfze.com and add to client/public/
- [x] Add favicon references in client/index.html (ico, png 192x192, apple-touch-icon 180x180)
- [x] Set up Google Search Console verification meta tag placeholder in index.html
- [x] Create admin dashboard page at /admin for viewing contact form submissions
- [x] Add tRPC admin endpoints (list, getById, updateStatus, stats) with adminProcedure
- [x] Add admin route in App.tsx
- [x] Write vitest tests for admin submissions endpoint (11 tests, 24 total passing)

## Phase 12: Comprehensive Website Audit
- [x] Audit Arabic translations — added 80+ translation keys, all 8 pages now fully Arabic
- [x] Audit all image references — fixed broken Schaeffer image (404), uploaded to CDN
- [x] Audit content accuracy and consistency across all pages
- [x] Fixed dead Lingnan-AZS URL (lingnan-azs.com → lnref.com) in 3 files
- [x] Fixed sitemap.xml glass route (glass-aluminum → glass to match actual route)
- [x] Verified all partner URLs, phone numbers, email addresses, coordinates
- [x] All 24 tests passing, zero TypeScript errors

## Phase 13: Google Analytics, Partner Logo Carousel & SEO Optimization

### Google Analytics Integration
- [x] Add Google Analytics GA4 script to index.html (G-2GWP31ESBX)
- [x] Create GA event tracking utility (client/src/lib/analytics.ts)
- [x] Track page views, form submissions, CTA clicks, WhatsApp clicks, phone calls
- [x] Store GA Measurement ID via webdev_request_secrets

### Partner Logo Carousel
- [x] Source partner logos (uploaded to CDN)
- [x] Build auto-scrolling logo carousel (2 rows, grayscale-to-color hover)
- [x] Replace text-only partner grid with logo carousel
- [x] Logos display correctly with grayscale filter and hover color effect

### SEO Optimization
- [x] Enhanced SEOHead with Open Graph meta tags for social sharing
- [x] Add Twitter Card meta tags
- [x] Add breadcrumb structured data (JSON-LD) to all 8 pages
- [x] Add canonical URLs to all pages (already present)
- [x] Add performance preconnect hints (Google Analytics, fonts)
- [x] Add theme-color and mobile web app meta tags
- [x] Enhance structured data with additional organization details
- [x] Update sitemap.xml with priority, changefreq, and current dates
- [x] Add hreflang support to SEOHead component

### Manus AI Badge
- [x] Badge is platform-injected — user can disable via Settings > General in Management UI

## Phase 14: Remove Pennekamp from Entire Site
- [x] Find all Pennekamp references across the codebase (found in 4 source files)
- [x] Remove Pennekamp from partner logo carousel (HomePartners.tsx)
- [x] Remove Pennekamp image and gallery entry from Glass industry page (IndustryGlass.tsx)
- [x] Remove Pennekamp from search index (SearchDialog.tsx)
- [x] Update gallery grid from 5 to 4 columns on Glass page
- [x] Verify no remaining Pennekamp references in source code (confirmed clean)

## Phase 15: Homepage SEO Title & Description Fix
- [x] Shorten homepage title from 95 to 46 chars: "Alzar FZE | Engineering & Industrial Solutions"
- [x] Shorten homepage description from 201 to 139 chars

## Phase 16: Social Media Links & DNS Review
- [x] Add Instagram, LinkedIn, Facebook links to Footer (with hover effects)
- [x] Add social media links to Contact page sidebar ("Follow Us" section)
- [x] Add social media sameAs to structured data in index.html
- [x] Review DNS configuration for correctness (see analysis below)

## Phase 17: Comprehensive SEO Keyword Optimization
- [x] Research target keywords for all industries (glass refractories, loaders, construction, cement, aluminum, dairy)
- [x] Map keywords to specific pages (see keyword-strategy.md)
- [x] Update all 8 page titles with target keywords
- [x] Update all 8 page meta descriptions with target keywords
- [x] Add FAQ sections with FAQPage structured data to all 4 industry pages
- [x] Add long-tail keywords for UAE/GCC local search (e.g. "refractories for glass furnace UAE")
- [x] Update structured data with knowsAbout, areaServed (6 GCC countries), keyword-rich service descriptions
- [x] Update index.html meta keywords with comprehensive search terms
- [x] Add FAQ structured data for common search queries on all industry pages
- [x] Arabic FAQ content included on all industry pages

## Phase 18: Fix Arabic RTL Number/Character Orientation
- [x] Audit all pages for incorrect number/English character orientation in Arabic mode
- [x] Fix BiDi text direction for phone numbers, stats, years, and mixed content
- [x] Ensure proper dir attributes and Unicode direction marks where needed
- [x] Verify fixes visually on all pages

## Phase 19: Homepage SEO Meta Tag Fix
- [x] Reduce homepage keywords from 15 to 5 focused keywords
- [x] Shorten homepage meta description from 195 to 151 characters

## Phase 20: GDPR-Compliant Cookie Consent Banner & Cookie Policy
- [x] Build CookieConsent component with granular category toggles (Essential, Analytics, Marketing)
- [x] Persist cookie preferences in localStorage
- [x] Conditionally load Google Analytics based on consent
- [x] Build Cookie Policy page with bilingual content (EN/AR)
- [x] Add cookie settings button in footer to re-open preferences
- [x] Add Cookie Policy link to footer navigation
- [x] Integrate banner into App.tsx
- [x] Add route for /cookie-policy page
- [x] Write vitest tests for cookie consent logic (16 tests, 40 total)
- [x] Verify banner displays correctly in both languages

## Phase 21: Comprehensive SEO, CRO, Compliance & Analytics Optimization

### P0 Technical SEO / Indexing
- [x] Add rel=canonical tags to every page (already implemented via SEOHead)
- [x] Create/validate robots.txt with Sitemap line (added Disallow for /admin, /404)
- [x] Update sitemap.xml with all canonical URLs (9 pages, will add new landing pages)
- [x] Add Organization + LocalBusiness JSON-LD structured data (already in index.html)
- [x] Add BreadcrumbList schema sitewide (already via SEOHead)
- [x] Add FAQPage schema on pages with FAQs (already on all 4 industry pages)
- [x] Fix homepage partner section duplication — carousel duplication is intentional for infinite scroll
- [x] Admin page set to noindex; search dialog doesn't create indexable URLs
- [x] CRITICAL: Removed hardcoded GA script from index.html (was loading before consent)

### P0 Compliance + Trust
- [x] Create /privacy-policy page (bilingual EN/AR)
- [x] Create /terms page (bilingual EN/AR)
- [x] Verify cookie consent banner blocks analytics before consent (already implemented)
- [x] Add footer links to privacy policy and terms pages

### P1 CRO / UX
- [x] Add "Request a Quote" modal form with CTA (opens from hero, CTA banner, and industry pages)
- [x] Add "Request a Quote" button to hero section and CTA banner
- [x] WhatsApp CTA added to CTA banner and tracked as conversion
- [x] Hero already has strong above-the-fold messaging with animated counters and partner stats
- [x] Trust assets present: 25+ years, 13+ partners, ISO references in WhyChooseUs section

### P1 SEO Content (High-Intent Landing Pages)
- [x] Create /cement/grinding-aids-uae landing page
- [x] Create /cement/kiln-refractories landing page
- [x] Create /glass/azs-refractories-uae landing page
- [x] Create /glass/silica-bricks-uae landing page
- [x] Create /ceramics/ceramic-raw-materials-uae landing page
- [x] Each page: unique title/meta, H1+H2s, internal links, FAQ+schema, CTA module

### P1 Analytics
- [x] GA4 event tracking implemented: form_submit, whatsapp_click, phone_click, cta_click, quote_request
- [x] UTM capture added (captureUTMParams on app init, stored in sessionStorage)

### Deliverables
- [x] Change log with exact files modified
- [x] Final URL map (16 URLs in sitemap)
- [x] Final sitemap URL count: 16 pages

## Phase 22: Machinery Landing Page + Google Search Console
- [x] Create /machinery/compact-loaders-uae landing page with fact-checked Schaeffer content
- [x] Add route and lazy import to App.tsx
- [x] Add to sitemap.xml (17 URLs total)
- [x] Set up Google Search Console HTML meta tag verification (Cc-mFqVIEcS5yafjg9K_Ofni6vAf_J5-IMv4fhjhLSw)
- [x] Run vitest tests (40 passed) and verify in browser