# Enkidu Soft Website Generation Master Prompt

This prompt is designed to generate comprehensive, high-quality website code based on the established Enkidu Soft design system, ensuring consistency, responsiveness, and premium aesthetics.

## Project Details:
- **Business Type**: [Business Type, e.g., AI Solutions Provider, FinTech Startup, E-commerce Platform]
- **Brand Name**: [Brand Name]
- **Target Audience & Personas**: [Detailed description of target audience and key user personas, including demographics, needs, pain points, and goals]

## Design System & Brand Guidelines (Strictly Enforced):
- **Design System**: Adhere strictly to the established Enkidu Soft premium design system.
- **Color Palette**:
    - Primary Brand Blue: `[Primary Brand Blue, e.g., #0046FF]` (Use for main CTAs, prominent highlights)
    - Accent Electric Blue: `[Accent Electric Blue, e.g., #E6ECF5]` (Use for secondary highlights, interactive elements)
    - Vibrant Coral/Orange: `[Vibrant Coral/Orange, e.g., #FF8040]` (Use for complementary accents, attention-grabbing elements)
    - Premium Cream/Off-White: `[Premium Cream/Off-White, e.g., #F5F1DC]` (Use for backgrounds, subtle UI elements)
    - Ensure excellent contrast and harmonious blending of these colors.
- **Typography**: Utilize the "Public Sans" typography system exclusively for all text elements.
- **Layouts**: Implement 8px-based editorial layouts for consistent spacing and alignment.
- **Border-Radius**: Maintain the defined 'pill' border-radius for all interactive and card-like elements.
- **Box Shadows**: Apply subtle box-shadows to card and elevated elements to enhance depth and visual hierarchy.
- **Animations**: Implement 200-300ms ease-in-out animation standards for all interactive elements and transitions, ensuring smooth user experiences.

## Core Website Sections:

### 1. Header/Navigation:
- **Brand Name**: [Brand Name]
- **CTA Label (Navigation Button)**: [CTA Label, e.g., "Get in Touch", "Start Project"]
- **Navigation Items**:
    - Home: `/en` (and `/ar` for Arabic)
    - Vision (About Us): `/en#vision` (and `/ar#vision-ar`)
    - Services (Features): `/en#services` (and `/ar#services-ar`)
    - Portfolio (Products/Projects): `/en#portfolio` (and `/ar#portfolio-ar`)
    - Clients (Social Proof): `/en#clients` (and `/ar#clients-ar`)
    - Contact: `/en#contact` (and `/ar#contact-ar`)

### 2. Hero Section:
- **Hero Headline**: [Hero Headline, e.g., "Engineering Excellence Delivered Reliably"]
- **Supporting Subhead**: [Supporting Subhead, e.g., "We combine rigorous engineering discipline with deep market insight to turn ambitious visions into market-ready products."]
- **CTA Label**: [CTA Label for hero button, e.g., "Explore Our Work"]
- **Visuals**: Use dynamic and modern imagery or video reflecting [Business Type]'s cutting-edge nature.

### 3. About/Vision Section:
- **Vision/About Title**: [Vision/About Title, e.g., "Our Corporate Vision & Engineering Philosophy"]
- **Vision/About Description**: [Detailed description of the company's vision, mission, and core values.]
- **Key Bullet Points (if applicable)**: [List of 3-5 key values or differentiators.]
- **Visuals**: Abstract representation of corporate strategy, growth, or a relevant team image.

### 4. Services/Features Section:
- **Services/Features Title**: [Services & Expertise List, e.g., "Elite Software Development Capabilities"]
- **Services/Features Description**: [Overall description of the services provided.]
- **Individual Services/Features**: [Provide a list of 3-5 distinct services/features, each with a title, detailed description, and a relevant Lucide icon (e.g., Cog, Cloud, ShieldCheck).]
- **Visuals for each service**: Pair each service with 1-2 modern, abstract, or tech-related images.

### 5. Portfolio/Projects Section:
- **Portfolio Title**: [Portfolio Project Examples, e.g., "Our Flagship Projects & Impact"]
- **Portfolio Description**: [Overview of the company's project showcase.]
- **Individual Projects**: [Provide 3-6 specific project examples, each with a name, category (FinTech, Supply Chain, HealthTech, etc.), variants (Web, API, Cloud, Mobile, IoT, AI/ML), and a relevant, high-quality image. Focus on enterprise-level solutions.]

### 6. Clients/Social Proof Section:
- **Clients Title**: [Client Logos/Partnerships, e.g., "Trusted by Industry Leaders"]
- **Clients Description**: [Text emphasizing trust and partnerships with leading companies.]
- **Client/Partner Names**: [List of 5-8 example client/partner names.]

### 7. Contact Section:
- **Contact Section Goal**: [Specific goal for the contact section, e.g., "Transform Your Vision Into Reality"]
- **Contact Tag**: "Partner with Us"
- **Contact Title**: "Transform Your Vision Into Reality"
- **Contact Description**: "Ready to discuss your next ambitious software project? Fill out the form below, and our expert team will reach out to schedule a consultation and explore how [Brand Name] can accelerate your success."
- **Input Placeholder**: "Your business email"
- **Button Text**: "Start a Project"
- **Terms Text**: "By clicking 'Start a Project' you're confirming that you agree with our Privacy Policy and Terms of Service."
- **Icon**: `Mail` from `lucide-react`.

## Technical & Localization Requirements:
- **Dual-Language Support**: The generated website MUST include full dual-language (Arabic/English) detection and layout configuration.
    - English content for `/en` pages.
    - Arabic content for `/ar` pages, including appropriate right-to-left (RTL) layout adjustments where necessary.
    - Navigation links should correctly point to the respective language versions (e.g., `/en#vision` for English, `/ar#vision-ar` for Arabic).
- **SEO/Metadata**: Ensure appropriate metadata is generated for each page (title, description, openGraph, twitter, robots), including language-specific URLs.
- **Responsiveness**: The entire website must be fully responsive and optimized for all device sizes (mobile, tablet, desktop).
- **Performance**: Prioritize performance optimization for fast loading times and smooth interactions.

## Specific Feature or Section Request (Optional):
- **Specific Feature or Section Request**: [Describe any additional specific feature or section desired, e.g., "Add a 'Pricing' page with 3 plans", "Integrate a blog section with recent posts", "Include a 'Careers' page with job listings."]
