Landing page #625
Description
Build a responsive, production-ready landing page (Next.js + React + Tailwind + shadcn/ui) with a WHITE background for a consulting company offering Celonis Business Process Mining Implementation & Consultancy in Saudi Arabia via a formal partnership. The page should feel clean, enterprise, and modern—think lots of white space, clear hierarchy, subtle dividers, and “Saudi green” accents.
Brand / Audience
Target: enterprise buyers (IT, Operations, Finance) in Saudi Arabia.
Tone: expert, trustworthy, outcomes-driven.
Primary accent color: a muted Saudi green.
Typography: geometric sans for headlines, humanist sans for body (use system-safe Tailwind stacks).
RTL support optional toggle (future), but page content is English.
Layout (single long page, anchored nav)
Top Nav (sticky, transparent to white on scroll)
Logo (placeholder: “AOT”).
Nav: Home, Why Us, Services, Benefits, Partner, Contact.
CTA button “Book a Free Consultation”.
Hero (above the fold, white background)
Headline: “Unlock the Power of Your Data with Celonis”
Subhead (1–2 lines) emphasizing partnership in Saudi Arabia and rapid value/ROI.
Badges: “Certified Celonis Partner” (show a tasteful partner badge style)
Primary CTA: “Book a Free Consultation” (scroll to contact).
Secondary CTA: “See How It Works” (scroll to Services).
Minimal illustration or abstract process-flow graphic (SVG).
Why Choose Us (3–6 cards with icons)
Use exact points (rewrite to short, scannable card titles + 1-sentence body):
Certified Celonis Partner.
Expertise & Experience (certified consultants, deep industry knowledge).
Tailored Implementations (aligned to unique business goals).
End-to-End Support (assessment → deployment → training → optimization).
Data-Driven Insights (turn process data into actions).
Accelerated ROI (rapid deployment).
Change Management (enable teams to leverage insights).
Services (split into two tabs or accordions: Implementation & Consulting)
Implementation
Process Discovery & Mapping.
Data Integration & Preparation (ERP/CRM/connectors).
Process Analysis & Optimization (bottlenecks, deviations, inefficiencies).
Custom Dashboards & Reports.
Automation & Action Plans.
Consulting
Assessment & Strategy Development.
Use Case Identification (prioritize high-impact).
Roadmap & Implementation Planning.
Change Management & Training.
Continuous Improvement.
Benefits (icon list, 2 columns)
Real-time visibility into operations.
Detect & eliminate inefficiencies and compliance risks.
Enhance customer experience via optimized workflows.
Support data-driven decision-making at all levels.
Achieve operational excellence faster.
Partner Section (Celonis)
Short paragraph on the partnership and how it de-risks adoption and accelerates time-to-value (Saudi market context).
Subtle partner logo lockup (placeholder).
Process Snapshot (timeline or 4-step row)
Discover → Analyze → Optimize → Scale (concise text tying back to Implementation & Continuous Improvement).
CTA Banner (full-width, white with faint border)
“Transform your business with Celonis Process Mining.”
Button: “Talk to an Expert”.
Contact Section (lead form + details)
Short inquiry form: Name, Work Email, Company, Phone, Message, Consent.
Contact details pulled from PDF with placeholders to replace later:
Email: [[email protected]]
Phone: [Your Phone Number]
Secondary CTA: “Or fill out our Contact Form.”
Footer
Company tagline: “[Your Company Name] — Your Trusted Partner in Business Process Optimization.”
Links: Privacy, Terms, Contact, Social.
Components & Style
Use shadcn/ui for cards, tabs/accordion, buttons, inputs, badge, and sheet for mobile nav.
All sections on pure white background; use very light gray borders (#EDEDED) to separate sections.
Buttons: solid green primary; ghost and outline variants where appropriate.
Subtle hover states, focus rings, and motion-safe transitions.
Accessible (WCAG AA): semantic headings, alt text, form labels, keyboard focus styles.
Content (source and rewrite)
Base the copy on these source lines; keep it concise and benefits-focused, not verbose. It’s OK to rewrite for polish, but preserve the meaning:
“Unlock the Power of Your Data with Celonis.”
“We help organizations visualize, analyze, and optimize business processes—driving efficiency, transparency, and continuous improvement.”
The full “Why Choose Celonis with Us?” bullet list.
The Implementation and Consulting service bullet lists.
The Benefits list.
“Transform your business…” CTA lines and contact prompts.
Interactions
Nav links smooth-scroll to anchors.
Contact form validates required fields (no backend; show a success toast and indicate that a rep will follow up).
Add a small “Saudi Arabia” location tag near the hero subhead.