{"id":61,"date":"2026-04-19T21:52:03","date_gmt":"2026-04-19T21:52:03","guid":{"rendered":"https:\/\/viewlar.com\/?page_id=61"},"modified":"2026-04-23T21:54:45","modified_gmt":"2026-04-23T21:54:45","slug":"home-2","status":"publish","type":"page","link":"http:\/\/viewlar.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"61\" class=\"elementor elementor-61\">\n\t\t\t\t<div class=\"elementor-element elementor-element-819d131 e-flex e-con-boxed e-con e-parent\" data-id=\"819d131\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9afe99 elementor-widget elementor-widget-html\" data-id=\"a9afe99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"viewlar-page\">\n  <div class=\"viewlar-bg viewlar-bg-1\"><\/div>\n  <div class=\"viewlar-bg viewlar-bg-2\"><\/div>\n  <div class=\"viewlar-grid\"><\/div>\n\n  <div class=\"viewlar-container\">\n    <header class=\"viewlar-header\">\n      <a href=\"#hero\" class=\"viewlar-brand\">\n        <img decoding=\"async\" src=\"http:\/\/viewlar.com\/wp-content\/uploads\/2026\/01\/PNG-scaled.png\" alt=\"Viewlar logo\">\n      <\/a>\n\n      <nav class=\"viewlar-nav\">\n        <a href=\"#about\">Qui sommes-nous<\/a>\n        <a href=\"#services\">Services<\/a>\n        <a href=\"#contact\">Contact<\/a>\n      <\/nav>\n    <\/header>\n\n    <section class=\"viewlar-hero\" id=\"hero\">\n      <div class=\"viewlar-hero-text\">\n        <span class=\"viewlar-badge\">Agence marketing & communication<\/span>\n        <h1>Marketing simplifi\u00e9,<br>succ\u00e8s amplifi\u00e9.<\/h1>\n        <p>\n          Viewlar accompagne les marques, entreprises et projets ambitieux avec une approche\n          claire, moderne et orient\u00e9e r\u00e9sultats. Nous cr\u00e9ons des strat\u00e9gies visuelles et digitales\n          qui donnent de l\u2019impact \u00e0 votre image.\n        <\/p>\n\n        <div class=\"viewlar-hero-actions\">\n          <a href=\"#services\" class=\"viewlar-btn viewlar-btn-primary\">D\u00e9couvrir nos services<\/a>\n          <a href=\"#about\" class=\"viewlar-btn viewlar-btn-secondary\">En savoir plus<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"viewlar-hero-card\">\n        <div class=\"viewlar-card-glow\"><\/div>\n        <div class=\"viewlar-stat-card\">\n          <div class=\"viewlar-stat-label\">Positionnement<\/div>\n          <div class=\"viewlar-stat-value\">Minimaliste<\/div>\n        <\/div>\n        <div class=\"viewlar-stat-card\">\n          <div class=\"viewlar-stat-label\">Approche<\/div>\n          <div class=\"viewlar-stat-value\">Cr\u00e9ative & strat\u00e9gique<\/div>\n        <\/div>\n        <div class=\"viewlar-stat-card\">\n          <div class=\"viewlar-stat-label\">Mission<\/div>\n          <div class=\"viewlar-stat-value\">Faire rayonner votre marque<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"viewlar-section viewlar-about\" id=\"about\">\n      <div class=\"viewlar-section-head\">\n        <span class=\"viewlar-section-kicker\">Qui sommes-nous<\/span>\n        <h2>Une vision moderne de la communication.<\/h2>\n      <\/div>\n\n      <div class=\"viewlar-about-grid\">\n        <div class=\"viewlar-about-card\">\n          <p>\n            Viewlar est une agence cr\u00e9ative sp\u00e9cialis\u00e9e en marketing, branding et pr\u00e9sence digitale.\n            Nous aidons les entreprises \u00e0 construire une image forte, coh\u00e9rente et m\u00e9morable.\n          <\/p>\n        <\/div>\n        <div class=\"viewlar-about-card\">\n          <p>\n            Notre objectif est simple : transformer vos id\u00e9es en une communication claire, \u00e9l\u00e9gante\n            et performante, avec des solutions adapt\u00e9es \u00e0 votre identit\u00e9 et \u00e0 vos ambitions.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"viewlar-section\" id=\"services\">\n      <div class=\"viewlar-section-head\">\n        <span class=\"viewlar-section-kicker\">Ce qu\u2019on propose<\/span>\n        <h2>Des services pens\u00e9s pour d\u00e9velopper votre image.<\/h2>\n      <\/div>\n\n      <div class=\"viewlar-services-grid\">\n        <article class=\"viewlar-service-card\">\n          <span>01<\/span>\n          <h3>Branding<\/h3>\n          <p>Cr\u00e9ation d\u2019identit\u00e9 visuelle, direction artistique et image de marque coh\u00e9rente.<\/p>\n        <\/article>\n\n        <article class=\"viewlar-service-card\">\n          <span>02<\/span>\n          <h3>Marketing digital<\/h3>\n          <p>Strat\u00e9gie de contenu, campagnes, visibilit\u00e9 en ligne et d\u00e9veloppement de notori\u00e9t\u00e9.<\/p>\n        <\/article>\n\n        <article class=\"viewlar-service-card\">\n          <span>03<\/span>\n          <h3>Cr\u00e9ation de contenu<\/h3>\n          <p>Visuels, vid\u00e9os, publications et supports digitaux premium pour votre communication.<\/p>\n        <\/article>\n\n        <article class=\"viewlar-service-card\">\n          <span>04<\/span>\n          <h3>D\u00e9veloppement web<\/h3>\n          <p>Pages web modernes, interfaces \u00e9l\u00e9gantes et exp\u00e9riences digitales fluides.<\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"viewlar-section viewlar-cta\" id=\"contact\">\n      <div class=\"viewlar-cta-box\">\n        <span class=\"viewlar-section-kicker\">Contact<\/span>\n        <h2>Vous avez un projet ?<\/h2>\n        <p>Parlons de votre image, de votre site ou de votre prochaine campagne.<\/p>\n        <a href=\"mailto:contact@viewlar.com\" class=\"viewlar-btn viewlar-btn-primary\">contact@viewlar.com<\/a>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/section>\n\n<style>\n  html, body {\n    margin: 0 !important;\n    padding: 0 !important;\n    width: 100% !important;\n    overflow-x: hidden !important;\n  }\n\n  .elementor-widget-html,\n  .elementor-widget-container,\n  .viewlar-page,\n  .viewlar-page * {\n    box-sizing: border-box;\n  }\n\n  .elementor-widget-container {\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .viewlar-page {\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 48%, #f7faff 100%);\n    color: #0f172a;\n    font-family: 'Inter', sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 0;\n  }\n\n  .viewlar-container {\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 28px 32px 0;\n    position: relative;\n    z-index: 2;\n  }\n\n  .viewlar-bg {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(90px);\n    opacity: 1;\n    pointer-events: none;\n  }\n\n  .viewlar-bg-1 {\n    width: 360px;\n    height: 360px;\n    background: rgba(75, 163, 255, 0.18);\n    top: -100px;\n    left: -80px;\n    animation: viewlarFloat 9s ease-in-out infinite;\n  }\n\n  .viewlar-bg-2 {\n    width: 340px;\n    height: 340px;\n    background: rgba(0, 209, 255, 0.14);\n    right: -100px;\n    top: 220px;\n    animation: viewlarFloat 11s ease-in-out infinite;\n  }\n\n  .viewlar-grid {\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px);\n    background-size: 40px 40px;\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent 90%);\n    pointer-events: none;\n  }\n\n  .viewlar-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    padding: 4px 0 34px;\n  }\n\n  .viewlar-brand img {\n    width: 172px;\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .viewlar-nav {\n    display: flex;\n    align-items: center;\n    gap: 26px;\n    flex-wrap: wrap;\n  }\n\n  .viewlar-nav a {\n    color: #334155;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 600;\n    transition: 0.25s ease;\n  }\n\n  .viewlar-nav a:hover {\n    color: #0f62fe;\n  }\n\n  .viewlar-hero {\n    min-height: calc(100vh - 90px);\n    display: grid;\n    grid-template-columns: 1.12fr 0.88fr;\n    gap: 34px;\n    align-items: center;\n    padding: 28px 0 72px;\n  }\n\n  .viewlar-badge,\n  .viewlar-section-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 15px;\n    border: 1px solid rgba(15, 98, 254, 0.12);\n    background: rgba(255,255,255,0.72);\n    box-shadow: 0 10px 30px rgba(15, 98, 254, 0.05);\n    border-radius: 999px;\n    color: #0f62fe;\n    font-size: 13px;\n    font-weight: 700;\n    backdrop-filter: blur(10px);\n  }\n\n  .viewlar-hero h1 {\n    margin: 18px 0 18px;\n    color: #0f172a;\n    font-size: clamp(44px, 7vw, 84px);\n    line-height: 0.95;\n    letter-spacing: -0.045em;\n    font-weight: 800;\n  }\n\n  .viewlar-hero p,\n  .viewlar-about-card p,\n  .viewlar-service-card p,\n  .viewlar-cta-box p {\n    color: #475569;\n    font-size: 17px;\n    line-height: 1.8;\n    margin: 0;\n  }\n\n  .viewlar-hero-text {\n    max-width: 690px;\n  }\n\n  .viewlar-hero-actions {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin-top: 30px;\n  }\n\n  .viewlar-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    padding: 14px 22px;\n    border-radius: 16px;\n    font-weight: 700;\n    font-size: 15px;\n    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n  }\n\n  .viewlar-btn:hover {\n    transform: translateY(-2px);\n  }\n\n  .viewlar-btn-primary {\n    color: #fff;\n    background: linear-gradient(135deg, #0f62fe 0%, #22a8ff 100%);\n    box-shadow: 0 16px 36px rgba(15, 98, 254, 0.18);\n  }\n\n  .viewlar-btn-secondary {\n    color: #0f172a;\n    background: rgba(255,255,255,0.82);\n    border: 1px solid rgba(15, 23, 42, 0.08);\n    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);\n  }\n\n  .viewlar-hero-card,\n  .viewlar-about-card,\n  .viewlar-service-card,\n  .viewlar-cta-box {\n    position: relative;\n    border: 1px solid rgba(15, 23, 42, 0.07);\n    background: rgba(255,255,255,0.72);\n    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.06);\n    backdrop-filter: blur(14px);\n    border-radius: 28px;\n  }\n\n  .viewlar-hero-card {\n    padding: 22px;\n    display: grid;\n    gap: 16px;\n    min-height: 460px;\n    align-content: center;\n  }\n\n  .viewlar-card-glow {\n    position: absolute;\n    inset: auto 0 0 auto;\n    width: 180px;\n    height: 180px;\n    background: radial-gradient(circle, rgba(34, 168, 255, 0.18) 0%, rgba(34, 168, 255, 0) 70%);\n    filter: blur(10px);\n    pointer-events: none;\n  }\n\n  .viewlar-stat-card {\n    padding: 22px;\n    border-radius: 22px;\n    background: #ffffff;\n    border: 1px solid rgba(15, 23, 42, 0.06);\n    transform: translateY(0);\n    animation: viewlarLift 5s ease-in-out infinite;\n  }\n\n  .viewlar-stat-card:nth-child(2) { animation-delay: 0.4s; }\n  .viewlar-stat-card:nth-child(3) { animation-delay: 0.8s; }\n  .viewlar-stat-card:nth-child(4) { animation-delay: 1.2s; }\n\n  .viewlar-stat-label {\n    color: #64748b;\n    font-size: 13px;\n    margin-bottom: 8px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n\n  .viewlar-stat-value {\n    font-size: 24px;\n    line-height: 1.25;\n    font-weight: 800;\n    color: #0f172a;\n  }\n\n  .viewlar-section {\n    padding: 36px 0 110px;\n  }\n\n  .viewlar-section-head {\n    max-width: 820px;\n    margin-bottom: 34px;\n  }\n\n  .viewlar-section-head h2 {\n    margin: 18px 0 0;\n    color: #0f172a;\n    font-size: clamp(32px, 4vw, 54px);\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n    font-weight: 800;\n  }\n\n  .viewlar-about-grid,\n  .viewlar-services-grid {\n    display: grid;\n    gap: 22px;\n  }\n\n  .viewlar-about-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .viewlar-services-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .viewlar-about-card,\n  .viewlar-service-card {\n    padding: 28px;\n  }\n\n  .viewlar-service-card span {\n    display: inline-block;\n    color: #0f62fe;\n    font-size: 13px;\n    font-weight: 800;\n    margin-bottom: 16px;\n    letter-spacing: 0.08em;\n  }\n\n  .viewlar-service-card h3 {\n    margin: 0 0 12px;\n    font-size: 24px;\n    line-height: 1.2;\n    font-weight: 800;\n    color: #0f172a;\n  }\n\n  .viewlar-cta-box {\n    padding: 44px 32px;\n    text-align: center;\n    max-width: 820px;\n    margin: 0 auto;\n  }\n\n  .viewlar-cta-box h2 {\n    margin: 18px 0 12px;\n    color: #0f172a;\n    font-size: clamp(30px, 4vw, 48px);\n    line-height: 1.05;\n    font-weight: 800;\n  }\n\n  .viewlar-cta-box .viewlar-btn {\n    margin-top: 24px;\n  }\n\n  @keyframes viewlarFloat {\n    0%, 100% { transform: translate3d(0,0,0); }\n    50% { transform: translate3d(0,18px,0); }\n  }\n\n  @keyframes viewlarLift {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-6px); }\n  }\n\n  @media (max-width: 980px) {\n    .viewlar-hero,\n    .viewlar-about-grid,\n    .viewlar-services-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .viewlar-hero {\n      min-height: auto;\n      padding: 20px 0 60px;\n    }\n\n    .viewlar-hero-card {\n      min-height: auto;\n    }\n\n    .viewlar-header {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .viewlar-container {\n      padding: 18px 18px 0;\n    }\n\n    .viewlar-nav {\n      gap: 14px 18px;\n    }\n\n    .viewlar-hero h1 {\n      line-height: 1;\n    }\n\n    .viewlar-hero p,\n    .viewlar-about-card p,\n    .viewlar-service-card p,\n    .viewlar-cta-box p {\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .viewlar-btn {\n      width: 100%;\n    }\n\n    .viewlar-hero-actions {\n      flex-direction: column;\n    }\n\n    .viewlar-about-card,\n    .viewlar-service-card,\n    .viewlar-cta-box,\n    .viewlar-hero-card {\n      border-radius: 22px;\n    }\n  }\n<\/style>\n<!-- Bouton Email flottant -->\n<a href=\"mailto:contact@viewlar.com\" class=\"email-float\" target=\"_blank\">\n  <i class=\"fas fa-envelope\"><\/i>\n<\/a>\n\n<style>\n.email-float {\n  position: fixed;\n  width: 60px;\n  height: 60px;\n  bottom: 20px;\n  right: 20px;\n  background: #0A66C2; \/* tu peux changer la couleur *\/\n  color: #fff;\n  border-radius: 50%;\n  text-align: center;\n  font-size: 26px;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n  z-index: 999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n}\n\n.email-float:hover {\n  transform: scale(1.1);\n  background: #084a91;\n}\n\n.email-float i {\n  pointer-events: none;\n}\n<\/style>\n\n<!-- Font Awesome (si pas d\u00e9j\u00e0 install\u00e9) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Qui sommes-nous Services Contact Agence marketing &#038; communication Marketing simplifi\u00e9,succ\u00e8s amplifi\u00e9. Viewlar accompagne les marques, entreprises et projets ambitieux avec une approche claire, moderne et orient\u00e9e r\u00e9sultats. Nous cr\u00e9ons des strat\u00e9gies visuelles et digitales qui donnent de l\u2019impact \u00e0 votre image. D\u00e9couvrir nos services En savoir plus Positionnement Minimaliste Approche Cr\u00e9ative &#038; strat\u00e9gique Mission Faire [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/viewlar.com\/index.php\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/viewlar.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/viewlar.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/viewlar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/viewlar.com\/index.php\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":61,"href":"http:\/\/viewlar.com\/index.php\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":137,"href":"http:\/\/viewlar.com\/index.php\/wp-json\/wp\/v2\/pages\/61\/revisions\/137"}],"wp:attachment":[{"href":"http:\/\/viewlar.com\/index.php\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}