Add src/app/MASTER_PROMPT.md

Merge version_1 into main

src/app/MASTER_PROMPT.md

@@ -0,0 +1,85 @@
+# 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."]