Website Development with Arabic UI

Design and develop a modern, mobile-first website similar in look/feel and functionality to wonderwraps.com, with Arabic as the primary language (RTL) and optional English.

Scope & Features

Design & UX

Clean, premium look similar to wonderwraps.com (hero banner, product highlights, sections for offers, testimonials).

Fully responsive (mobile, tablet, desktop).

RTL layout for Arabic; mirrored UI and proper typography.

Fast loading (Core Web Vitals targets: LCP < 2.5s, CLS < 0.1).

Pages/Sections

Home, About, Menu/Products (categories + detail pages), Offers/Combos, Locations/Contact, FAQs, Blog/News.

Optional: Franchise/Partnership inquiry page with form.

Reusable components for promos and seasonal campaigns.

E-Commerce / Ordering (optional—quote separately)

Product catalog with options (sizes/add-ons).

Cart & checkout with KSA gateways: Mada/Apple Pay/STC Pay/Visa/Mastercard (e.g., Moyasar, Tap, HyperPay).

Delivery/pickup toggle, scheduled orders.

VAT invoice support (15% KSA VAT).

Shipping/integration options (Aramex/SMSA) or in-house delivery radius.

Coupon codes.

Content Management

Easy CMS for bilingual content (Arabic primary, English secondary).

You may propose WordPress + WooCommerce or Next.js + headless CMS (e.g., Strapi/Contentful)—explain pros/cons.

Localization

Full RTL styling, date/number formats, Arabic SEO slugs & metadata.

Language switcher (AR <-> EN) with separate SEO indexation (hreflang).

Integrations

WhatsApp Business chat button.

Google Analytics 4 + Google Tag Manager.

Meta pixels (optional).

Email marketing (Mailchimp/Klaviyo) – optional.

Google Maps (store locator), click-to-call.

SEO & Performance

On-page SEO setup (titles, meta, schema for Restaurant/Menu/FAQ).

Image optimization, lazy loading, WebP/AVIF.

XML sitemap & robots.txt.

Compliance & Accessibility

Cookie consent banner.

Basic WCAG accessibility (color contrast, alt text, keyboard nav).

Hosting & DevOps

Recommend hosting (Kinsta, WP Engine, or Vercel for Next.js).

Staging environment + version control (Git).

Automated backups & security hardening (WAF, anti-spam).

Handover & Training

Admin guide (PDF/video) for updating products, photos, prices.

30–60 days post-launch support for fixes.

Deliverables

UI wireframes + final design mockups.

Fully built website (AR primary, EN optional).

Source files, credentials, documentation.

Performance/SEO checklist completed.

Test cases passed (see Acceptance Criteria).

Acceptance Criteria

Pixel-perfect RTL Arabic layout.

Mobile Lighthouse score ≥ 85 (Performance), ≥ 90 (SEO, Best Practices).

Checkout flow (if included) works with at least one KSA payment gateway in sandbox and live.

Structured data validates in Rich Results Test.

No critical console errors; passes basic accessibility checks.

Timeline & Budget

Please propose a realistic timeline with milestones (Design → Build → Content import → QA → Launch).

Separate quotes for:

Corporate site without e-commerce, and

Full e-commerce/online ordering.

What to Include in Your Proposal

3–5 relevant portfolio links (Arabic/RTL sites preferred).

Your recommended tech stack and why.

Clear list of what’s included/excluded.

Cost breakdown (design, development, e-commerce, integrations, hosting setup).

Post-launch maintenance options (monthly).

Content & Assets (We Provide)

Brand logo, color palette, fonts (or request recommendations).

Menu/products, prices, photos, copy text (AR/EN).

Business information (addresses, WhatsApp number, social links).