Haneen AI Studio Pro — 4 Bootstrap Website Demos, Arabic & English

A convincing AI website needs more than a striking hero section. Visitors should be able to understand the offer, explore features, compare plans and find a clear next step. Haneen AI Studio Pro brings those parts together in one editable Bootstrap template, with four homepage directions and a shared library of practical pages.

The complete Haneen AI Studio Pro bundle is $7 on offer, with a regular price of $17. One purchase includes both languages, all four homepage demos, the shared interiors, editable source, documentation and a license for one end project. The four demos are design options within one product; they are not four independent project licenses.

Choose your visual direction

Creative Studio

Dark plum, lavender and champagne accents frame a visual editor concept, artwork gallery and creative feature sections. This direction suits an image or content creation brand that wants a strong visual first impression. The editor and generated-art presentation are illustrative frontend content, not a connected generation engine.

AI Agents & Automation

Graphite and teal put connected workflows at the center of the page. A diagram introduces the relationship between inputs, an agent, approval and delivery. Use this direction for automation consultants or an AI operations product; the workflow action is a local simulation and does not call external systems.

Chatbot & Assistant

An ivory and cobalt palette creates a lighter, approachable interface around the assistant conversation. The chat accepts text and returns scripted demo replies locally. It is a useful presentation foundation for a support assistant, knowledge product or conversational service when paired with your own backend.

Agency & Consulting

Midnight blue, copper and an editorial image-led composition give consulting work a more deliberate presentation. Use the accompanying company, team, case-study, brief and contact pages to explain your approach and guide prospects toward a conversation. Replace sample claims and imagery with content appropriate to the real business.

What is in the download?

• 68 English LTR pages and 68 Arabic RTL pages: four homepage designs plus 64 shared inner-page types in each language.
• A root demo selector and an additional minimal Bootstrap starter page.
• Local Bootstrap 5.3.6, original theme styles, JavaScript source, image assets and Python page generators.
• Feature, solution, integration, tool, prompt, gallery, company, pricing, resource, account-demo and legal-template pages.
• A 12-item illustrative service catalog: nine one-off offerings and three sample subscription plans.
• Cart, quantity changes, billing period selection, DEMO10 coupon, local checkout, order history, invoice preview and subscription demonstration.
• Project brief and quote-estimate exports, contact validation and a structured support request workflow.
• Bilingual single-project license, third-party credits, setup documentation and actual homepage screenshots.

Understand the full demo purchase journey

Start in Services, choose an offering, inspect its detail page and add it to the cart. Change the quantity of a one-off service, select monthly or yearly billing for a plan, and try DEMO10. Checkout validates the example contact form without saving its personal fields, then creates a non-personal local sample order. Order and invoice pages show the sample totals, and the subscription page demonstrates renewal controls. None of these screens charges money or creates a production invoice. The service prices in the demo are example content, separate from the $7 price of the template bundle.

Useful planning and contact pages

The quote estimator combines hours, hourly rate, complexity and contingency into a planning figure and a local text export. The brief builder organizes a project goal, audience, deliverables and other inputs into a downloadable draft. Contact and support pages validate or prepare copyable text locally. Connect a server or messaging provider to deliver real requests; the unmodified demo does not send email or open support tickets.

Arabic and English from the start

Both language editions are included as separate HTML folders, with lang and dir attributes and localized content. Language switching on a service, order or invoice preserves its identifier. The corrected mobile header keeps the cart, language control and menu accessible at the tested small sizes, and Bootstrap Collapse controls the mobile navigation. Review your own long labels and added components in both directions after customization.

How to install and customize

1. Download and extract the buyer ZIP while keeping the folders together. Open index.html to choose a demo; a local HTTP server is recommended for testing.
2. Pick en/index.html, en/index-1.html, en/index-2.html or en/index-3.html, or the corresponding file under ar/. Use starter/index.html for a smaller starting page.
3. Edit your branding, headings, service descriptions and images. Keep the two language versions consistent and update alt text.
4. Use assets/css/studio.css for shared design tokens. Use source/build.py and source/commerce_extension.py when you want to regenerate the shared pages; back up direct HTML edits before rebuilding.
5. Edit source/create_commerce_catalog.py and run it to regenerate both catalog.json and commerce-data.js. The browser reads the JavaScript catalog, so changing JSON alone is insufficient.
6. Run the supplied static verifier and state regression tests. Test navigation and forms on your target devices, then connect the real backend functions required by your service.
7. Upload the runnable files to your host. Set your real domain, canonical and hreflang links, social metadata and sitemap; replace all illustrative business and legal content.

License and use

One license covers one end project, including its Arabic and English editions and any of the four homepage designs. You may customize the template for yourself, your business or one client and share source privately with the team working on that project. You may not resell, give away or publish the template files as a reusable competing product. Each additional independent project needs another license. Read the included LICENSE.txt and third-party notices for the complete terms.