\n \n
\n \n\n\n\n\n ![\"\"](\"/assets/images/logo-sm.png\")
\n
\n \n \n\n \n \n
\n \n\n \n
\n \n
\n Soumettre votre demande
\n\n Nous vous remercions de votre intérêt pour Cristal5.\n
Vous avez opté pour un plan {{plan}}.
Veuillez Remplir\n le\n formulaire ci-dessous et soumettre votre demande.\n Notre équipe vous contactera dans les plus brefs délais.\n
\n
\n \n ![\"\"](\"assets/images/customer/customer.svg\")
\n
\n\n \n \n
\n \n
\n \n\n
\n \n
\n\n \n
\n \n \n
\n Ressources de Communication
\n\n Nous avons mis en place une gamme complète d'outils visant à améliorer la communication et l'interaction\n avec nos utilisateurs, afin\n d'assurer une expérience optimale et agréable.\n
\n\n
\n\n\n\n \n \n
\n\n \n
\n \n ![\"\"](\"assets/images/icon/chat.svg\")
\n
\n \n Live Chat
\nÉchanges en temps réel avec nos experts pour un service plus rapide et\n réactif.
\n\n
\n\n \n \n
\n ![\"\"](\"assets/images/icon/customer-service.svg\"){kind=icon}
\n \n
\n\n \n
\n \n ![\"\"](\"assets/images/icon/user.svg\")
\n
\n \n Portail Support
\nUn espace dédié où nos utilisateurs peuvent soumettre et suivre leurs\n demandes de support.\n
\n\n
\n\n \n \n
\n ![\"\"](\"assets/images/icon/call.svg\"){kind=icon}
\n \n
\n\n \n \n
\n ![\"\"](\"assets/images/icon/writing.svg\"){kind=icon}
\n \n
\n\n\n \n
\n \n ![\"\"](\"assets/images/icon/mail.svg\")
\n
\n \n FAQ Dynamique
\nUne base de connaissances interactive pour répondre aux questions courantes.\n
\n\n \n
\n \n\n \n ![\"\"](\"assets/images/logo-sm.png\")
\n \n
\n \n @if(Settingicon == true){\n \n \n - \n
- \n \n @if(cookieValue === undefined){\n
![\"Language\"](\"assets/images/flags/fr.svg\")
\n }@else {\n \n }\n \n
\n @for (item of listLang; track $index) { \n\n{{item.text}}\n }\n \n
\n\n\n\n - \n \n \n\n \n
\n \n
\n
\n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n\n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n\n \n \n\n \n \n\n \n \n \n\n \n \n \n \n \n\n \n \n
","import { Injectable } from '@angular/core';\nimport { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';\nimport { Observable } from 'rxjs';\nimport { Store } from '@ngxs/store';\nimport { tap } from 'rxjs/operators';\nimport { HideButtonSpinnerAction, HideLoaderAction, ShowButtonSpinnerAction, ShowLoaderAction } from 'src/app/shared/store/actions/loader.action';\n\n@Injectable()\nexport class LoaderInterceptor implements HttpInterceptor {\n\n constructor(private store: Store) { }\n\n intercept(req: HttpRequest\n
\n \n \n
\n \n \n
\n \n\n \n
\n \n
\n \n\n {{'HOME_BTN'|translate}}\n \n
\n \n
\n \n \n
\n \n ![\"\"](\"assets/images/saas/classic01.png\")
\n
\n \n \n
\n \n\n \n
\n \n \n
\n \n\n \n
\n {{ 'WHY.SECTION_TITLE' | translate }}
\n\n {{ 'WHY.SECTION_DESCRIPTION' | translate }}\n
\n - \n
- \n \n \n {{ 'WHY.LIST.' + item | translate }}\n \n
{{ 'WHY.TOOL_IMPORTANCE' | translate }}
\n{{ 'WHY.SOLUTION_DESCRIPTION' | translate }}
\n\n \n
\n \n \n \n
\n\n\n \n \n\n
\n \n
\n\n \n
\n \n
\n \n +\n
\n{{ 'COUNTER.SUBSCRIBED_CLIENTS.TITLE' | translate }}
\n{{ 'COUNTER.SUBSCRIBED_CLIENTS.DESCRIPTION' | translate }}
\n\n
\n\n \n
\n \n
\n \n +\n
\n{{ 'COUNTER.ACTIVE_USERS.TITLE' | translate }}
\n{{ 'COUNTER.ACTIVE_USERS.DESCRIPTION' | translate }}
\n\n
\n\n \n
\n \n
\n \n \n
\n{{ 'COUNTER.COVERED_COUNTRIES.TITLE' | translate }}
\n{{ 'COUNTER.COVERED_COUNTRIES.DESCRIPTION' | translate }}
\n\n
\n \n\n \n \n
\n \n \n
\n \n
\n {{'REVIEW'|translate}}
\n\n {{'REVIEW_DESCRIPTION'|translate}}\n
\n\n
\n \n
\n \n
\n \n \n \n \n
\n \n\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n {{'OFFER_TITLE'|translate}}\n
\n{{'OFFER_DESCRIPTION'|translate}}
\n\n \n
\n \n \n
\n\n \n
\n \n \n
\n \n\n \n
\n \n \n
\n \n\n \n
\n \n ![\"work-image\"](\"assets/images/saas/h1.jpg\")
\n \n \n
\n \n \n \n \n
\n \n \n
\n \n \n
\n \n\n \n
\n \n ![\"work-image\"](\"assets/images/saas/h2.jpg\")
\n \n \n
\n \n \n \n \n
\n \n \n
\n \n ![\"work-image\"](\"assets/images/saas/h3.jpg\")
\n \n \n
\n \n \n \n \n
\n \n
\n \n
\n\n\n \n\n {{'ABOUT'|translate}}
\n\n\n
\n\n {{\"HISTORY.P2\"|translate}}.
\n\n\n\n
\n\n ![\"\"](\"/assets/images/saas/merci.jpg\")
\n \n
\n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n {{\"TEAM_TITLE\"|translate}}
\n\n
\n\n
\n \n\n \n
\n \n\n \n
\n \n \n
\n {{\"CONTACT_TITLE\"|translate}}
\n\n {{\"CONTACT_DESCRIPTION\"|translate}}\n \n
\n\n
\n \n \n
\n \n\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n {{'CONTACT_DETAIL'|translate}}
\n\n\n
\n\n
\n\n \n
\n \n
\n \n
\n \n Email
\n commercial@cristal5.com\n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n Phone & Whatzap
\n +237 688 662 997\n\n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n\n\n\n
\n\n
\n\n \n \n
\n \n We're Coming soon...
\n \n \n
\n \n \n
\n \n
\n - \n
- {{_days}}
Days
\n \n - {{_hours}}
Hours
\n \n - {{_minutes}}
Minutes
\n \n - {{_seconds}}
Seconds
\n \n \n
\n \n
\n\n\n\n
\n\n
\n\n \n ![\"\"](\"assets/images/logo-light.png\")
\n \n
\n
\n \n \n \n \n \n
\n Start working with Landrick that\n can provide everything you need to generate awareness, drive traffic, connect.
\n\n
\n \n
\n \n
\n - \n
- {{_days}}
Days
\n \n - {{_hours}}
Hours
\n \n - {{_minutes}}
Minutes
\n \n - {{_seconds}}
Seconds
\n \n \n
\n
\n \n Notify Me \n
\n \n
\n Subscribe Me
\n \n\n
\n\n
\n We are comingsoon. Please, Enter your mail id and subscribe.
\n \n\n \n
\n\n\n\n
\n \n\n
\n \n\n \n ![\"\"](\"assets/images/404.svg\")
\n
\n \n \n Oh ! no
\n Page Not Found
\n Start working with Landrick\n that can provide everything you need to generate\n awareness, drive traffic, connect.
\n\n
\n \n \n Go Back\n Go To Home\n
\n \n \n \n
\n\n\n\n
\n\n
\n\n \n \n
\n \n System Is Under Maintenance
\n Perfect and awesome template to present your future product\n or service. Hooking audience attention is all in the opener.
\n\n
\n \n
\n \n {{display}}Minutes\n
\n \n
\n \n Go Back Home\n
\n \n \n
\n\n \n
\n\n \n \n
\n \n
\n Politique de confidentialité
\n- \n
- Dernière mise à jour : 10th\n Jan,\n 2025 \n
- \n Editée par : Sliim Technologies\n \n
\n
\n\n\n\n\n\n \n
\n\n
\n\n\n\n
\n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n
\n 2226 Rue Mousseau, Montreal QC CA
\n contact@cristal5.com
\n +237 688 662 997\n \n \n\n \n \n \n
\n\n \n 1. Introduction
\nSliim Technologies (« nous », « notre », « nos ») édite le\n logiciel Cristal5, une solution SaaS dédiée au\n domaine\n de l'optique médicale. Nous nous engageons à protéger la confidentialité et la sécurité des données\n personnelles\n de nos utilisateurs (« vous », « votre »). Cette politique de confidentialité explique comment nous\n collectons,\n utilisons, partageons et protégeons vos informations dans le cadre de l'utilisation de
En utilisant Cristal5, vous acceptez les pratiques décrites dans\n cette politique. Si vous n'êtes pas\n d'accord\n avec ces termes, veuillez ne pas utiliser notre logiciel.
\n2. Données Collectées
\nNous collectons les types de données suivants :
\n2.1 Données fournies par l'utilisateur
\n- \n
- Informations personnelles : nom, prénom, adresse e-mail, numéro de téléphone. \n
- Informations professionnelles : nom de l'établissement, adresse du cabinet, numéro de taxe et\n d'enregistrement de la société,\n qualifications\n professionnelles. \n
- Données relatives aux patients : nom, prénom, date de naissance, prescriptions optiques, antécédents\n médicaux\n (uniquement si nécessaire pour le traitement optique). \n
2.2 Données collectées automatiquement
\n- \n
- Données techniques : adresse IP, type de navigateur, système d'exploitation, logs d'utilisation. \n
- Données d'utilisation : fréquence d'utilisation, fonctionnalités utilisées, durée des sessions. \n
2.3 Données tierces
\nNous pouvons recevoir des informations de la part de partenaires ou de services tiers, conformément à\n leurs\n politiques de confidentialité.
\n3. Finalités de l'Utilisation des Données
\nNous utilisons vos données pour :
\n- \n
- Fournir et améliorer le service Cristal5. \n
- Assurer la sécurité et l'intégrité du logiciel. \n
- Communiquer avec vous (support technique, mises à jour, informations importantes). \n
- Respecter nos obligations légales et réglementaires. \n
- Analyser l'utilisation du logiciel pour optimiser ses fonctionnalités. \n
4. Partage des Données
\nNous ne partageons vos données qu'avec :
\n- \n
- Prestataires de services : sous-traitants qui nous aident à fournir
- Autorités légales : si requis par la loi ou pour protéger nos droits et ceux de nos\n utilisateurs. \n
- Parties tierces avec votre consentement : uniquement si vous nous y autorisez\n explicitement.\n \n
5. Sécurité des Données
\nNous mettons en œuvre des mesures techniques et organisationnelles pour protéger vos données contre tout\n accès\n non autorisé, perte, altération ou divulgation. Ces mesures incluent :
\n- \n
- Chiffrement des données en transit et au repos. \n
- Contrôles d'accès stricts. \n
- Sauvegardes régulières. \n
- Formation de notre personnel à la protection des données. \n
6. Conservation des Données
\nNous conservons vos données uniquement aussi longtemps que nécessaire pour les finalités décrites dans\n cette\n politique ou pour respecter nos obligations légales. Les données des patients sont conservées conformément\n aux\n exigences légales du domaine médical.
\n7. Vos Droits
\nConformément au Règlement Général sur la Protection des Données (RGPD) et à la loi Informatique et\n Libertés, vous\n avez le droit :
\n- \n
- D'accéder à vos données et d'en obtenir une copie. \n
- De rectifier des données inexactes. \n
- De demander la suppression de vos données (sous réserve d'obligations légales). \n
- De limiter ou de vous opposer au traitement de vos données. \n
- De retirer votre consentement à tout moment (si le traitement est basé sur celui-ci). \n
Pour exercer ces droits, contactez-nous à l'adresse suivante :
8. Transferts Internationaux
\nVos données peuvent être transférées et traitées en dehors des pays de l'OAPI. Dans ce cas, nous nous\n assurons\n que des garanties appropriées sont en place (clauses contractuelles types, Privacy Shield, etc.).
\n9. Modifications de la Politique de Confidentialité
\nNous pouvons mettre à jour cette politique pour refléter des changements dans nos pratiques ou des\n exigences\n légales. Nous vous informerons de toute modification significative via une notification dans le logiciel\n ou par\n e-mail.
\n10. Contact
\nPour toute question concernant cette politique ou la gestion de vos données, contactez-nous à :
\n \n Sliim Technologies\n 2226 Rue Mousseau, Montreal QC CA
\n contact@cristal5.com
\n +237 688 662 997\n \n
En utilisant Cristal5, vous reconnaissez avoir lu et compris\n cette politique de confidentialité. Merci de\n votre\n confiance.
\nSliim Technologies
Éditeur de
© 2023 Sllim Technologies. Tous droits réservés.
\n\n\n\n \n
\n\n \n
\n\n \n \n
\n \n
\n Conditions générales d'utilisation
\n- \n
- Dernière mise à jour : 10th\n Jan,\n 2025 \n
- \n Editée par : Sliim Technologies\n \n
\n
\n\n\n\n\n\n \n
\n\n\n
\n\n\n\n
\n\n\n \n
\n \n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n
\n \n 1. Objet des CGU
\nLes présentes Conditions Générales d'Utilisation (CGU) régissent l'utilisation du logiciel
2. Description du Service
\nCristal5 est un logiciel en mode SaaS (Software as a Service)\n destiné aux professionnels de l'optique\n médicale.\n Il propose des fonctionnalités de gestion de patientèle, de suivi médical, de gestion de stocks, de\n facturation et\n d'analyse de données.
\nL'accès au logiciel est exclusivement réservé aux abonnés. Les packages d'abonnement sont prédéfinis,\n mais les\n clients ont la possibilité de personnaliser certaines options selon leurs besoins.
\n3. Souscription et Accès
\n3.1. Abonnement
\nL'utilisation de Cristal5 nécessite la souscription à un\n abonnement mensuel ou annuel. Les packages\n d'abonnement\n sont disponibles sur le site de Sliim Technologies ou auprès de\n son service commercial.
\n3.2. Création du Compte
\nPour accéder à Cristal5, le client doit créer un compte en\n fournissant des informations exactes et à\n jour. Le\n client est responsable de la confidentialité de ses identifiants et s'engage à ne pas les partager\n avec des tiers.\n
\n3.3. Accès et Disponibilité
\nSliim Technologies s'engage à assurer une disponibilité du\n service de 99,9 % par mois, hors périodes\n de\n maintenance planifiée ou cas de force majeure. Le client est informé que l'utilisation de
4. Engagements du Client
\nLe client s'engage à :
\n- \n
- Utiliser Cristal5 conformément à sa destination\n professionnelle dans le domaine de l'optique\n médicale. \n
- Ne pas reproduire, modifier, distribuer ou revendre le logiciel ou tout élément le composant. \n
- Respecter les lois et réglementations en vigueur, notamment en matière de protection des données\n personnelles\n (RGPD). \n
- Ne pas tenter d'accéder aux systèmes ou codes sources de
5. Propriété Intellectuelle
\nCristal5 et tous ses éléments (interface, code source, design,\n fonctionnalités, etc.) sont la\n propriété exclusive\n de Sliim Technologies. Le client ne dispose d'aucun droit de\n propriété sur le logiciel, mais seulement\n d'un droit\n d'usage limité à la durée de son abonnement.
\n6. Données Personnelles et Confidentialité
\n6.1. Données des Patients
\nLe client est responsable des données personnelles de ses patients qu'il saisit dans
6.2. Données du Client
\nSliim Technologies collecte et traite les données du client\n uniquement dans le cadre de l'exécution\n du service.\n Pour plus d'informations, consulter notre Politique de Confidentialité.\n
\n7. Tarifs et Paiement
\nLes tarifs des abonnements sont disponibles sur le site de Sliim\n Technologies ou sur devis. Le\n paiement est\n effectué par prélèvement automatique ou tout autre moyen accepté par
8. Durée et Résiliation
\n8.1. Durée
\nL'abonnement est conclu pour une durée déterminée (mensuelle ou annuelle) et est renouvelable\n tacitement.
\n8.2. Résiliation
\nLe client peut résilier son abonnement à tout moment, sous réserve d'un préavis de 30 jours. Sllim\n Technologies\n se réserve le droit de résilier l'abonnement en cas de manquement aux CGU par le client.
\n9. Limitation de Responsabilité
\nSliim Technologies ne peut être tenue responsable des dommages\n indirects (perte de données, perte\n d'exploitation,\n etc.) résultant de l'utilisation de Cristal5. La responsabilité de\n Sliim\n Technologies est limitée au\n montant payé\n par le client au cours des 12 derniers mois.\n
\n10. Modifications des CGU
\nSliim Technologies se réserve le droit de modifier les présentes\n CGU à tout moment. Les modifications\n seront\n notifiées aux clients par email ou via l'interface de Cristal5.\n
\n11. Règlement des Litiges
\n- \n
- Les parties s’engagent à tout mettre en oeuvre pour parvenir à un accord à l’amiable pour tout litige\n relatif au Contrat\n Client. \n
- À défaut d’accord amiable, tout litige sera soumis aux tribunaux de commerce compétents au lieu du\n siège social de la\n société Sliim Technologies partie au Contrat Client. \n
12. Contact
\nPour toute question ou réclamation, contactez Sliim Technologies\n :
\n- \n
- Email : contact@cristal5.com \n
- Téléphone : \n
- Adresse : \n
\n
\n En utilisant Cristal5, vous acceptez les présentes Conditions\n Générales d'Utilisation.
\n© Sliim Technologies – Tous droits réservés.
\n\n \n
\n \n\n \n
\n \n \n
\n \n \n
\n \n \n
\n Merci
\nNous avons bien reçu votre demande et nous vous contacterons\n dans les plus brefs délais.
\n Go To Home\n\n Primary - {{ alert?.message }}\n \n
\n\n\n\n Secondary - {{ alert?.message }}\n \n
\n\n\n\n Success - {{ alert?.message }}0\n \n
\n\n\n@if(alert?.type==='error'){\n\n Danger - {{ alert.message }}\n \n
\n}\n\n\n Warning - {{ alert?.message }}\n \n
\n\n\n\n Info - {{ alert?.message }}\n \n
\n\n\n\n Light - {{ alert?.message }}\n \n
\n\n\n\n Dark - {{ alert?.message }}\n \n
","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-blog',\n templateUrl: './blog.component.html',\n styleUrls: ['./blog.component.css']\n})\nexport class BlogComponent implements OnInit { \n\n @Input() blogData: Array<{\n image: string;\n title: string;\n like: string;\n message: string;\n name: string;\n date: string;\n }>;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n @for(data of blogData;track $index){\n
","import { Component, OnInit, Input } from '@angular/core';\nimport { OwlOptions } from 'ngx-owl-carousel-o';\n\ninterface client {\n image: string;\n url?: string;\n};\n\n@Component({\n selector: 'app-clients-logo',\n templateUrl: './clients-logo.component.html',\n styleUrls: ['./clients-logo.component.css']\n})\nexport class ClientsLogoComponent implements OnInit {\n\n @Input() brand_class: string | undefined;\n customOptions: OwlOptions = {\n // loop: true,\n mouseDrag: true,\n touchDrag: false,\n pullDrag: false,\n autoplay: true,\n margin: 15,\n navSpeed: 200,\n navText: ['', ''],\n responsive: {\n 0: {\n items: 1\n },\n 600: {\n items: 1\n },\n 900: {\n items: 5\n }\n },\n nav: false\n };\n /**\n * Clients Logo\n */\n clients_logo: client[] = [\n {\n image: \"assets/images/client/sos.jpg\"\n },\n {\n image: \"assets/images/client/golden.png\",\n url: \"https://goldeneyesoptic.com/\"\n },\n {\n image: \"assets/images/client/sky.jpg\",\n url: 'https://www.skyoptics.net/'\n },\n {\n image: \"assets/images/client/kamais.jpg\"\n },\n {\n image: \"assets/images/client/cristalys.png\",\n url: 'https://cristalysoptic.com/'\n },\n {\n image: \"assets/images/client/free.png\",\n url: 'http://freeoptic.cm/'\n }\n ,\n {\n image: \"assets/images/client/mo.jpg\",\n url: ''\n },\n {\n image: \"assets/images/client/expertOptik.png\",\n url: ''\n },\n {\n image: \"assets/images/client/tchaya.jpg\",\n url: ''\n },\n {\n image: \"assets/images/client/mega.jpg\",\n url: ''\n },\n {\n image: \"assets/images/client/divine.jpg\",\n url: ''\n },\n {\n image: \"assets/images/client/butter.jpg\",\n url: ''\n },\n {\n image: \"assets/images/client/calex.jpg\",\n url: ''\n },\n {\n image: \"assets/images/client/enteteOL.png\",\n url: ''\n }\n ,\n {\n image: \"assets/images/client/london.jpg\",\n url: ''\n }\n ,\n {\n image: \"assets/images/client/saphir.jpg\",\n url: ''\n }\n ,\n {\n image: \"assets/images/client/ll.jpeg\",\n url: ''\n }\n ];\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n\n\n\n
\n}\n\n
\n \n ![\"...\"](\"{{data.image}}\")
\n \n
\n \n
\n \n {{data.title}}\n
\n \n\n \n
\n Components
\n- \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n \n ![\"\"](\"{{data.profile}}\")
\n
\n {{data.message}}
\n- {{data.name}}
\n\n
","import { HttpClient } from '@angular/common/http';\nimport { Component, OnInit, Input } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';\nimport { ReCaptchaV3Service } from 'ng-recaptcha';\nimport { NotificationService } from 'src/app/core/services/notification.service';\nimport { environment } from 'src/environments/environment';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.css']\n})\n\n/***\n * Footer Component\n */\nexport class FooterComponent implements OnInit {\n\n @Input() footerVariant: string;\n @Input() hideFooter: boolean;\n\n newsForm!: UntypedFormGroup;\n submitted = false;\n\n //Get Year\n year = new Date().getFullYear()\n\n constructor(\n private formBuilder: UntypedFormBuilder,\n private recaptchaV3Service: ReCaptchaV3Service,\n private notificationService: NotificationService,\n private http: HttpClient,\n\n ) { }\n\n ngOnInit(): void {\n /**\n * Form Validatyion\n */\n this.newsForm = this.formBuilder.group({\n product: 'Cristal5',\n email: ['', [Validators.required, Validators.email]],\n // password: ['', Validators.required],\n });\n }\n\n navigation() {\n this.recaptchaV3Service.execute('importantAction')\n .subscribe(() => this.onSubmit());\n }\n\n // convenience getter for easy access to form fields\n get form() { return this.newsForm.controls; }\n\n /**\n * On submit form\n */\n onSubmit() {\n\n // stop here if form is invalid\n if (this.newsForm.invalid) {\n return;\n }\n\n this.http.post\n
\n \n\n \n
\n \n \n
\n {{'SERVICES.TEXT'|translate}}
\n\n {{\"SERVICES.DESCRIPTION\"|translate}}
\n\n
\n\n\n \n\n
\n \n\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n {{ feature.title }}
\n\n
\n
\n ![\"Fonctionnalités](\"assets/images/app/feature.png\")
\n
\n \n \n \n\n
\n}","import { Component, OnInit, Input, TemplateRef } from \"@angular/core\";\nimport { Router, NavigationEnd } from \"@angular/router\";\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport {NgbOffcanvas} from '@ng-bootstrap/ng-bootstrap';\n\n\n@Component({\n selector: \"app-header\",\n templateUrl: \"./header.component.html\",\n styleUrls: [\"./header.component.css\"],\n})\n\n/***\n * Header Component\n */\nexport class HeaderComponent implements OnInit {\n\n @Input() navClass: string;\n @Input() buttonList: boolean;\n @Input() sliderTopbar: boolean;\n @Input() isdeveloper: boolean;\n @Input() shopPages: boolean;\n @Input() Settingicon: boolean;\n @Input() appicons: boolean;\n @Input() Nfticons: boolean;\n @Input() Menuoption: string;\n\n public href: string = \"\";\n\n\n constructor(private router: Router, private modalService: NgbModal, private offcanvasService: NgbOffcanvas) {\n this.router.events.forEach((event) => {\n if (event instanceof NavigationEnd) {\n this._activateMenuDropdown();\n }\n });\n }\n\n isCondensed = false;\n\n ngAfterViewInit() {\n setTimeout(() => {\n this._activateMenuDropdown();\n }, 0);\n }\n\n ngOnInit(): void {\n this.href = this.router.url;\n if (this.router.url == '/index-classic-saas') {\n var light_btn = document.querySelectorAll(\".login-btn-primary\")\n light_btn.forEach(element => {\n (element as HTMLElement).style.display = \"none\";\n });\n\n var dark_btn = document.querySelectorAll(\".login-btn-light\")\n dark_btn.forEach(element => {\n (element as HTMLElement).style.display = \"block\";\n });\n }\n else if (this.router.url == '/index-apps') {\n document.querySelector('.app-header').classList.remove('d-none');\n }\n else {\n var light_btn = document.querySelectorAll(\".login-btn-primary\")\n light_btn.forEach(element => {\n (element as HTMLElement).style.display = \"block\";\n });\n\n var dark_btn = document.querySelectorAll(\".login-btn-light\")\n dark_btn.forEach(element => {\n (element as HTMLElement).style.display = \"none\";\n });\n \n }\n\n setTimeout(() => {\n this._activateMenuDropdown();\n }, 0);\n }\n\n _activateMenuDropdown() {\n /**\n * Menu activation reset\n */\n const resetParent = (el) => {\n el.classList.remove(\"active\");\n const parent = el.parentElement;\n\n /**\n * TODO: This is hard coded way of expading/activating parent menu dropdown and working till level 3.\n * We should come up with non hard coded approach\n */\n if (parent) {\n parent.classList.remove(\"active\");\n const parent2 = parent.parentElement;\n if (parent2) {\n parent2.classList.remove(\"active\");\n const parent3 = parent2.parentElement;\n if (parent3) {\n parent3.classList.remove(\"active\");\n const parent4 = parent3.parentElement;\n if (parent4) {\n const parent5 = parent4.parentElement;\n parent5.classList.remove(\"active\");\n\n }\n }\n }\n }\n };\n let links = document.getElementsByClassName(\"nav-link-ref\");\n let matchingMenuItem = null;\n // tslint:disable-next-line: prefer-for-of\n for (let i = 0; i < links.length; i++) {\n // reset menu\n resetParent(links[i]);\n }\n for (let i = 0; i < links.length; i++) {\n if (window.location.pathname === links[i][\"pathname\"]) {\n matchingMenuItem = links[i];\n break;\n }\n }\n\n if (matchingMenuItem) {\n matchingMenuItem.classList.add(\"active\");\n const parent = matchingMenuItem.parentElement;\n\n /**\n * TODO: This is hard coded way of expading/activating parent menu dropdown and working till level 3.\n * We should come up with non hard coded approach\n */\n if (parent) {\n parent.classList.add(\"active\");\n const parent2 = parent.parentElement;\n if (parent2) {\n parent2.classList.add(\"active\");\n const parent3 = parent2.parentElement;\n if (parent3) {\n parent3.classList.add(\"active\");\n const parent4 = parent3.parentElement;\n if (parent4) {\n const parent5 = parent4.parentElement;\n parent5.classList.add(\"active\");\n\n document.getElementById(\"navigation\").style.display = \"none\";\n this.isCondensed = false;\n }\n }\n }\n }\n }\n }\n\n /**\n * Window scroll method\n */\n // tslint:disable-next-line: typedef\n windowScroll() {\n if (\n document.body.scrollTop > 50 ||\n document.documentElement.scrollTop > 50\n ) {\n document.getElementById(\"topnav\").classList.add(\"nav-sticky\");\n\n } else {\n document.getElementById(\"topnav\").classList.remove(\"nav-sticky\");\n }\n if (document.getElementById(\"back-to-top\")) {\n if (\n document.body.scrollTop > 100 ||\n document.documentElement.scrollTop > 100\n ) {\n document.getElementById(\"back-to-top\").style.display = \"inline\";\n } else {\n document.getElementById(\"back-to-top\").style.display = \"none\";\n }\n }\n }\n /**\n * Toggle menu\n */\n toggleMenu() {\n this.isCondensed = !this.isCondensed;\n if (this.isCondensed) {\n document.getElementById(\"navigation\").style.display = \"block\";\n } else {\n document.getElementById(\"navigation\").style.display = \"none\";\n }\n }\n\n /**\n * Menu clicked show the submenu\n */\n onMenuClick(event) {\n event.preventDefault();\n const nextEl = event.target.nextSibling.nextSibling;\n if (nextEl && !nextEl.classList.contains(\"open\")) {\n const parentEl = event.target.parentNode;\n if (parentEl) {\n parentEl.classList.remove(\"open\");\n }\n nextEl.classList.add(\"open\");\n } else if (nextEl) {\n nextEl.classList.remove(\"open\");\n }\n return false;\n }\n\n developerModal(content) {\n this.modalService.open(content, { size: 'lg', centered: true });\n }\n\n wishListModal(content) {\n this.modalService.open(content, { centered: true });\n }\n\n // Demo Offcanvas\n openright(content: TemplateRef\n \n
\n\n\n
\n}\n\n\n\n\n
\n\n
\n \n \n
\n \n \n
\n \n\n @if(navClass !== 'nav-light'){\n \n ![\"\"](\"assets/images/logo-dark.png\")
\n \n \n }\n \n @if(shopPages == true){\n \n \n \n }\n
\n\n @if(!buttonList && !isdeveloper && !shopPages && !Settingicon && Menuoption != 'cryptocurrency'){\n \n \n \n }\n \n\n\n\n \n\n @if(Settingicon == true && navClass === 'nav-light'){\n \n }\n\n\n @if(Settingicon == true && navClass !== 'nav-light'){\n \n }\n \n\n \n @if(Menuoption == 'cryptocurrency'){\n \n }\n \n\n @if(appicons == true){\n \n }\n\n\n @if(Nfticons == true){\n \n }\n\n @if(Menuoption == 'center'){\n \n \n \n }\n \n @if(shopPages == true){\n - \n
- \n \n \n \n\n \n
- \n \n \n\n\n\n\n \n\n\n
![\"\"](\"assets/images/shop/product/s-1.jpg\")
\n \n\nT-shirt (M)
\n$320 X 2
\n$640
\n \n\n \n![\"\"](\"assets/images/shop/product/s-2.jpg\")
\n \n\nBag
\n$50 X 5
\n$250
\n \n\n \n![\"\"](\"assets/images/shop/product/s-3.jpg\")
\n \n\nWatch (Men)
\n$800 X 1
\n$800
\n \n\n\n\n \nTotal($):
\n$1690
\n*T&C Apply
\n \n - \n
- \n \n \n \n\n \n
- \n
- \n \n \n \n\n \n
- \n \n \n \n \n
- \n \n \n \n
\n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n ![\"\"](\"assets/images/course/online/ab02.jpg\")
\n
\n \n\n \n \n \n
\n \n \n \n \n }\n ![\"\"](\"assets/images/app/app-store.png\")
\n ![\"\"](\"assets/images/app/play-store.png\")
\n \n \n
\n }\n \n\n @if(Menuoption == 'shop'){\n \n }\n \n\n\n @if(Menuoption == 'blog'){\n \n }\n \n\n @if(Menuoption == 'corporate'){\n \n }\n \n\n @if(Menuoption == 'cryptocurrency'){\n \n }\n \n\n @if(Menuoption == 'hosting'){\n \n }\n \n\n @if(Menuoption == 'job'){\n \n }\n \n\n @if(Menuoption == 'nft'){\n \n }\n \n\n @if(Menuoption == 'portfolio'){\n \n }\n\n\n @if(Menuoption == 'help'){\n \n }\n \n\n - \n
- Home \n \n\n \n\n
- \n Demos\n
- \n
- \n
- \n
- \n \n \n\n \n
![\"\"](\"assets/images/demos/corporate.png\"\n)
\n Corporate\n \n - \n \n \n\n \n
![\"\"](\"assets/images/demos/crypto.png\"\n)
\n Cryptocurrency\n \n
\n\n - \n \n
- \n
- \n
- \n \n \n\n \n
![\"\"](\"assets/images/demos/shop.png\"\n)
\n Shop\n \n - \n \n \n\n \n
![\"\"](\"assets/images/demos/portfolio.png\"\n)
\n Portfolio\n \n
\n\n - \n \n
- \n
- \n
- \n \n \n\n \n
![\"\"](\"assets/images/demos/help-center.png\"\n)
\n Help Center\n \n - \n \n \n\n \n
![\"\"](\"assets/images/demos/hosting.png\"\n)
\n Hosting & Domain\n \n
\n\n - \n \n
- \n
- \n
- \n \n \n\n \n
![\"\"](\"assets/images/demos/job.png\"\n)
\n Job & Career\n \n - \n \n \n\n \n
![\"\"](\"assets/images/demos/forums.png\"\n)
\n Forums\n \n
\n\n - \n \n
- \n
- \n
- \n \n \n\n \n
![\"\"](\"assets/images/demos/blog.png\"\n)
\n Blog\n \n - \n \n \n\n \n
![\"\"](\"assets/images/demos/nft.png\"\n)
\n NFT Marketplace\n \n
\n - \n \n
\n\n \n \n - \n
\n \n
\n \n
\n \n \n \n
\n \n \n
\n\n \n\n
\n \n ![\"\"](\"assets/images/contact.svg\")
\n
\n \n \n
\n \n \n
\n \n @for(data of memberData;track $index){ \n
","export const PRICING: Array<{\n title: string;\n pricing: Array<{ country: string; price: number }>;\n lang: string;\n list: string[];\n state?: boolean;\n warning?: string;\n}> = [\n {\n title: \"Starter\",\n pricing: [{ country: 'CM', price: 25000 }],\n lang: \"fr\",\n list: [\"1 Site\", \"1 Compte Utilisateur\", \"1 Go Espace de stockage\", \"50 Credits Sms\", \"100 Emails\"],\n\n },\n {\n state: true,\n title: \"Essential\",\n pricing: [{ country: 'CM', price: 45000 }],\n lang: \"fr\",\n list: [\"1 Site\", \"3 Comptes Utilisateurs\", \"2 Go Espace de stockage\", \"100 Credits Sms\", \"300 Emails\", \"Campagnes WhatsApp\"],\n warning: \"Best\"\n },\n {\n title: \"Professional\",\n pricing: [{ country: 'CM', price: 85000 }],\n lang: \"fr\",\n list: [\"2 Sites\", \"5 Compte Utilisateur\", \"5 Go Espace de stockage\", \"300 Credits Sms\", \"Priorité de upport\", \"Documents personnalisés\", \"500 Emails\", \"Campagnes WhatsApp\"],\n },\n {\n title: \"Premium\",\n pricing: [{ country: 'CM', price: 100000 }],\n lang: \"fr\",\n list: [\"3 Sites\", \"7 Comptes Utilisateurs\", \"10 Go Espace\", \"500 Credits Sms\", \"Priorité de support\", \"Suivi personnalisé\", \"Documents personnalisés\", \"Emails illimités\", \"Securité renforcée\", \"Campagnes WhatsApp\"],\n },\n {\n \"title\": \"Starter\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 25000 }],\n \"lang\": \"en\",\n \"list\": [\"1 Site\", \"1 User Account\", \"1 GB Storage Space\", \"50 SMS Credits\", \"100 Emails\"]\n },\n {\n \"state\": true,\n \"title\": \"Essential\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 45000 }],\n \"lang\": \"en\",\n \"list\": [\"1 Site\", \"3 User Accounts\", \"2 GB Storage Space\", \"100 SMS Credits\", \"300 Emails\", \"WhatsApp Campaigns\"],\n \"warning\": \"Best\"\n },\n {\n \"title\": \"Professional\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 85000 }],\n \"lang\": \"en\",\n \"list\": [\"2 Sites\", \"5 User Accounts\", \"5 GB Storage Space\", \"300 SMS Credits\", \"Priority Support\", \"Custom Documents\", \"500 Emails\", \"WhatsApp Campaigns\"]\n },\n {\n \"title\": \"Premium\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 100000 }],\n \"lang\": \"en\",\n \"list\": [\"3 Sites\", \"7 User Accounts\", \"10 GB Storage Space\", \"500 SMS Credits\", \"Priority Support\", \"Custom Tracking\", \"Custom Documents\", \"Unlimited Emails\", \"Enhanced Security\", \"WhatsApp Campaigns\"]\n },\n {\n \"title\": \"Inicial\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 25000 }],\n \"lang\": \"es\",\n \"list\": [\"1 Sitio\", \"1 Cuenta de Usuario\", \"1 GB de Almacenamiento\", \"50 Créditos SMS\", \"100 Correos Electrónicos\"]\n },\n {\n \"state\": true,\n \"title\": \"Esencial\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 45000 }],\n \"lang\": \"es\",\n \"list\": [\"1 Sitio\", \"3 Cuentas de Usuario\", \"2 GB de Almacenamiento\", \"100 Créditos SMS\", \"300 Correos Electrónicos\", \"Campañas de WhatsApp\"],\n \"warning\": \"Mejor\"\n },\n {\n \"title\": \"Profesional\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 85000 }],\n \"lang\": \"es\",\n \"list\": [\"2 Sitios\", \"5 Cuentas de Usuario\", \"5 GB de Almacenamiento\", \"300 Créditos SMS\", \"Soporte Prioritario\", \"Documentos Personalizados\", \"500 Correos Electrónicos\", \"Campañas de WhatsApp\"]\n },\n {\n \"title\": \"Premium\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 100000 }],\n \"lang\": \"es\",\n \"list\": [\"3 Sitios\", \"7 Cuentas de Usuario\", \"10 GB de Almacenamiento\", \"500 Créditos SMS\", \"Soporte Prioritario\", \"Seguimiento Personalizado\", \"Documentos Personalizados\", \"Correos Electrónicos Ilimitados\", \"Seguridad Mejorada\", \"Campañas de WhatsApp\"]\n },\n {\n \"title\": \"Starter\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 25000 }],\n \"lang\": \"it\",\n \"list\": [\"1 Sito\", \"1 Account Utente\", \"1 GB di Spazio di Archiviazione\", \"50 Crediti SMS\", \"100 Email\"]\n },\n {\n \"state\": true,\n \"title\": \"Essential\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 45000 }],\n \"lang\": \"it\",\n \"list\": [\"1 Sito\", \"3 Account Utente\", \"2 GB di Spazio di Archiviazione\", \"100 Crediti SMS\", \"300 Email\", \"Campagne WhatsApp\"],\n \"warning\": \"Migliore\"\n },\n {\n \"title\": \"Professionale\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 85000 }],\n \"lang\": \"it\",\n \"list\": [\"2 Siti\", \"5 Account Utente\", \"5 GB di Spazio di Archiviazione\", \"300 Crediti SMS\", \"Supporto Prioritario\", \"Documenti Personalizzati\", \"500 Email\", \"Campagne WhatsApp\"]\n },\n {\n \"title\": \"Premium\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 100000 }],\n \"lang\": \"it\",\n \"list\": [\"3 Siti\", \"7 Account Utente\", \"10 GB di Spazio di Archiviazione\", \"500 Crediti SMS\", \"Supporto Prioritario\", \"Monitoraggio Personalizzato\", \"Documenti Personalizzati\", \"Email Illimitate\", \"Sicurezza Rafforzata\", \"Campagne WhatsApp\"]\n },\n {\n \"title\": \"Inicial\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 25000 }],\n \"lang\": \"pt\",\n \"list\": [\"1 Site\", \"1 Conta de Usuário\", \"1 GB de Espaço de Armazenamento\", \"50 Créditos SMS\", \"100 Emails\"]\n },\n {\n \"state\": true,\n \"title\": \"Essencial\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 45000 }],\n \"lang\": \"pt\",\n \"list\": [\"1 Site\", \"3 Contas de Usuário\", \"2 GB de Espaço de Armazenamento\", \"100 Créditos SMS\", \"300 Emails\", \"Campanhas WhatsApp\"],\n \"warning\": \"Melhor\"\n },\n {\n \"title\": \"Profissional\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 85000 }],\n \"lang\": \"pt\",\n \"list\": [\"2 Sites\", \"5 Contas de Usuário\", \"5 GB de Espaço de Armazenamento\", \"300 Créditos SMS\", \"Suporte Prioritário\", \"Documentos Personalizados\", \"500 Emails\", \"Campanhas WhatsApp\"]\n },\n {\n \"title\": \"Premium\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 100000 }],\n \"lang\": \"pt\",\n \"list\": [\"3 Sites\", \"7 Contas de Usuário\", \"10 GB de Espaço de Armazenamento\", \"500 Créditos SMS\", \"Suporte Prioritário\", \"Acompanhamento Personalizado\", \"Documentos Personalizados\", \"Emails Ilimitados\", \"Segurança Reforçada\", \"Campanhas WhatsApp\"]\n },\n {\n \"title\": \"Starter\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 25000 }],\n \"lang\": \"de\",\n \"list\": [\"1 Website\", \"1 Benutzerkonto\", \"1 GB Speicherplatz\", \"50 SMS-Guthaben\", \"100 E-Mails\"]\n },\n {\n \"state\": true,\n \"title\": \"Essential\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 45000 }],\n \"lang\": \"de\",\n \"list\": [\"1 Website\", \"3 Benutzerkonten\", \"2 GB Speicherplatz\", \"100 SMS-Guthaben\", \"300 E-Mails\", \"WhatsApp-Kampagnen\"],\n \"warning\": \"Beste\"\n },\n {\n \"title\": \"Professional\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 85000 }],\n \"lang\": \"de\",\n \"list\": [\"2 Websites\", \"5 Benutzerkonten\", \"5 GB Speicherplatz\", \"300 SMS-Guthaben\", \"Prioritärer Support\", \"Benutzerdefinierte Dokumente\", \"500 E-Mails\", \"WhatsApp-Kampagnen\"]\n },\n {\n \"title\": \"Premium\",\n \"pricing\": [{ \"country\": \"CM\", \"price\": 100000 }],\n \"lang\": \"de\",\n \"list\": [\"3 Websites\", \"7 Benutzerkonten\", \"10 GB Speicherplatz\", \"500 SMS-Guthaben\", \"Prioritärer Support\", \"Benutzerdefiniertes Tracking\", \"Benutzerdefinierte Dokumente\", \"Unbegrenzte E-Mails\", \"Erweiterte Sicherheit\", \"WhatsApp-Kampagnen\"]\n }\n ];","import { Component, OnInit, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { IpInfoResponse } from 'src/app/geolocalisation.service';\nimport { PRICING } from './data';\n\n@Component({\n selector: 'app-pricing',\n templateUrl: './pricing.component.html',\n styleUrls: ['./pricing.component.css']\n})\nexport class PricingComponent implements OnChanges {\n\n @Input() locationData: IpInfoResponse;\n @Input({ required: true }) lang: string;\n pricingData: Array\n
\n }\n\n
\n \n \n
\n - \n @for(item of data.list;track $index){ \n
- \n
\n \n }\n
\n
\n {{data.name}}
\n {{data.designation}}\n\n
\n\n\n
\n \n\n
\n {{'PRICE'|translate}}
\n\n Nous proposons une tarification flexible et adaptée à la taille et aux besoins de chaque\n entreprise, sans aucun frais cachés.\n
La tarification ci-dessous s'applique pour le {{country}}.\n Si vous êtes dans un autre pays, veuillez nous contacter via le formulaire\n pour\n obtenir une offre adaptée.\n
\n @for(data of pricingData;track $index){\n
\n\n
\n }\n \n\n {{data.warning}} \n
\n \n
\n {{data.title}}
\n\n XAF\n {{getPrice(data)|number}}\n /mo\n
\n @for(item of data.list;track $index){\n - \n
\n {{ 'PRICING.SPECIAL_OFFER' | translate }}\n
\n {{ 'PRICING.CUSTOM_PRICING' | translate }}\n \n {{ 'PRICING.START' | translate }}\n \n
{{ 'PRICING.PRICING_INFO' | translate }}\n\n \n\n \n\n
","import { Component, OnInit, Input } from '@angular/core';\nimport { OwlOptions } from 'ngx-owl-carousel-o';\n\n@Component({\n selector: 'app-review-testmonial',\n templateUrl: './review-testmonial.component.html',\n styleUrls: ['./review-testmonial.component.css']\n})\nexport class ReviewTestmonialComponent implements OnInit {\n\n @Input() firstimage: string;\n @Input() reviewData: Array<{\n profile: string;\n message: number,\n name: string,\n designation: string\n }>;\n\n /***\n * Review Owl Slider\n */\n customOptions: OwlOptions = {\n // loop: true,\n mouseDrag: true,\n touchDrag: false,\n pullDrag: false,\n // autoplay: true,\n navSpeed: 700,\n navText: ['', ''],\n responsive: {\n 0: {\n items: 1\n },\n 600: {\n items: 1\n },\n 900: {\n items: 1\n }\n },\n nav: false\n };\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n {{ 'PRICING.CUSTOM_PRICING' | translate }}\n \n {{ 'PRICING.START' | translate }}\n \n
{{ 'PRICING.PRICING_INFO' | translate }}\n\n \n\n \n\n
\n \n
\n {{data.message}}
\n- \n
- \n
- \n
- \n
- \n
- \n
- {{data.name}} {{data.designation}}
\n\n \n
\n {{data.message}}
\n- \n
- \n
- \n
- \n
- \n
- \n
- {{data.name}}
\n\n @for(data of servicesData;track $index){ \n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\nimport { RouterModule } from '@angular/router';\n\nimport { ScrollspyDirective } from './scrollspy.directive';\nimport { FeatherModule } from 'angular-feather';\n\nimport { TestimonialComponent } from './testimonial/testimonial.component';\nimport { ClientsLogoComponent } from './clients-logo/clients-logo.component';\nimport { ServicesComponent } from './services/services.component';\nimport { PricingComponent } from './pricing/pricing.component';\nimport { FeaturesComponent } from './features/features.component';\nimport { BlogComponent } from './blog/blog.component';\nimport { CustomerTestmonialComponent } from './customer-testmonial/customer-testmonial.component';\nimport { ReviewTestmonialComponent } from './review-testmonial/review-testmonial.component';\nimport { SimplePricingComponent } from './simple-pricing/simple-pricing.component';\nimport { MemberComponent } from './member/member.component';\nimport { ComponentSidebarComponent } from './component-sidebar/component-sidebar.component';\nimport { AlertComponent } from './alert/alert.component';\nimport { ButtonComponent } from './ui/button/button.component';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n declarations: [\n ScrollspyDirective,\n TestimonialComponent,\n ClientsLogoComponent,\n AlertComponent,\n ServicesComponent,\n PricingComponent,\n FeaturesComponent,\n ButtonComponent,\n BlogComponent,\n CustomerTestmonialComponent,\n ReviewTestmonialComponent,\n SimplePricingComponent,\n MemberComponent,\n ComponentSidebarComponent,\n ],\n imports: [\n CommonModule,\n CarouselModule,\n FeatherModule,\n TranslateModule,\n RouterModule\n ],\n exports: [TestimonialComponent,\n ScrollspyDirective,\n ClientsLogoComponent,\n ServicesComponent,\n PricingComponent,\n FeaturesComponent,\n ButtonComponent,\n AlertComponent,\n BlogComponent,\n CustomerTestmonialComponent,\n ReviewTestmonialComponent,\n SimplePricingComponent,\n MemberComponent,\n ComponentSidebarComponent\n ]\n})\n\nexport class SharedModule { }\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-simple-pricing',\n templateUrl: './simple-pricing.component.html',\n styleUrls: ['./simple-pricing.component.css']\n})\nexport class SimplePricingComponent implements OnInit {\n\n @Input() simple_pricingData: Array<{\n warning?: string,\n title: string,\n price: number,\n list?: Array<[]>,\n btn?: string,\n }>;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n}\n \n\n
\n \n \n
\n\n \n
\n {{data.title}}
\n{{data.description}}
\n\n @for(data of simple_pricingData;track $index){ \n
","export class ShowLoaderAction {\n static readonly type = '[Loader] Show loader action';\n constructor(public loading: boolean = true, public spinnerName?: string) { }\n}\n\nexport class HideLoaderAction {\n static readonly type = '[Loader] Hide loader action';\n constructor(public spinnerName?: string) { }\n}\n\nexport class ShowButtonSpinnerAction {\n static readonly type = '[Loader] Show Button Spinner action';\n constructor(public loading: boolean = true) { }\n}\n\nexport class HideButtonSpinnerAction {\n static readonly type = '[Loader] Hide Button Spinner action';\n}\n\nexport class ShowLoaderTable {\n static readonly type = '[Loader] Show loader Table';\n constructor(public loading: boolean = true) { }\n}","import { Prospections } from \"../interfaces/prospections.interface\";\n\n\nexport class CreateProspection {\n static readonly type = \"[Prospection] Create\";\n constructor(public payload: Prospections) { }\n}\n","import { Visitors } from \"../interfaces/visitors.interface\";\n\nexport class CreateVisitor {\n static readonly type = \"[Visitor] Create\";\n constructor(public payload: Visitors) { }\n}\n\nexport class CreateContact {\n static readonly type = \"[Visitor] Create COntact\";\n constructor(public payload: any) { }\n}\n","import { HttpClient } from \"@angular/common/http\";\nimport { Injectable } from \"@angular/core\";\nimport { Observable } from \"rxjs\";\nimport { environment } from \"src/environments/environment\";\n\n@Injectable({\n providedIn: \"root\",\n})\nexport class ProspectionService {\n constructor(private http: HttpClient) { }\n\n\n create(payload: any): Observable\n
\n }\n\n {{data.warning}} \n
\n \n
\n {{data.title}}
\n\n $\n {{data.price}}\n /mo\n
\n\n @for(item of data.list;track $index){ \n - \n
\n
\n \n \n
\n \n
\n - \n
- \n
- \n
- \n
- \n
- \n
{{data.message}}
\n