diff --git a/src/app/MASTER_PROMPT.md b/src/app/MASTER_PROMPT.md new file mode 100644 index 0000000..fa94115 --- /dev/null +++ b/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."]