From 0bbf95ecaf057c2536a3584dce308f29a1ec47b5 Mon Sep 17 00:00:00 2001 From: Antoine Jaussoin Date: Sat, 24 Jun 2023 11:40:08 +0100 Subject: [PATCH] Add "30-min demo" callback link (#539) --- README.md | 6 + marketing/public/locales/de/common.json | 414 +++++++++--------- marketing/public/locales/en/common.json | 4 +- marketing/public/locales/fr/common.json | 21 +- marketing/public/locales/nl/common.json | 23 +- .../src/containers/Callback/Callback.tsx | 49 +++ marketing/src/containers/Callback/phone.svg | 21 + marketing/src/pages/index.tsx | 4 +- 8 files changed, 317 insertions(+), 225 deletions(-) create mode 100644 marketing/src/containers/Callback/Callback.tsx create mode 100644 marketing/src/containers/Callback/phone.svg diff --git a/README.md b/README.md index ee88f445..cede1a22 100644 --- a/README.md +++ b/README.md @@ -97,6 +97,12 @@ This will run a demo version, which you can turn into a fully licenced version b ## Versions History +### Version 5.2.0 + +- [⭐️ Self-Hosting] Adding [white-labelling customisation](https://docs.retrospected.com/docs/self-hosting/white-labelling) options to Self-Hosted instances +- New page explaining what Self-Hosted is and what it can do for you +- New callback button on the marketing website + ### Version 5.1.2 (hotfix) - Fix odd bug crashing the side-panel in certain circumstances diff --git a/marketing/public/locales/de/common.json b/marketing/public/locales/de/common.json index e0d5e319..64da3263 100644 --- a/marketing/public/locales/de/common.json +++ b/marketing/public/locales/de/common.json @@ -1,206 +1,210 @@ { - "SEO": { - "title": "Retrospected", - "description": "Kostenloses agiles Retrospektive Board für Ingenieurteams in Echtzeit" - }, - "404": { - "heading": "404", - "text": "Hoppla, die Seite, nach der Sie suchen, existiert nicht.", - "link": "Zurück!" - }, - "Banner": { - "heading": "Deine erste **Retro** wirst du **nie vergessen**.", - "text": "Bieten Sie Ihrem Team **kontinuierliche Verbesserungen** mit einem **modernen** und **einfach zu bedienenden** Retrospektiv-Tool.", - "tagline": "*Keine Kreditkarte nötig", - "subscribeToday": "Kostenlos probieren", - "demo": "1-Klick Demo" - }, - "Nav": { - "home": "Home", - "howTo": "Warum wir?", - "features": "Funktionen", - "testimonial": "Erfahrungsberichte", - "pricing": "Preise", - "faq": "Häufig gestellte Fragen", - "subscribe": "Abonnieren", - "login": "Login" - }, - "Clients": { - "main": "Werden auch Sie Mitglied der Hunderten von Unternehmen, die Retrospected bereits nutzen" - }, - "HowItWorks": { - "heading": "Unsere Nutzer lieben...", - "1": { - "title": "Unsere schnelle und einfach zu bedienende Benutzeroberfläche", - "text": "Mit nur einem Klick eine Retrospektive starten." - }, - "2": { - "title": "Unser mehrsprachiger Support", - "text": "Unsere App ist in 15 Sprachen erhältlich!" - }, - "3": { - "title": "Unsere Anpassungsoptionen", - "text": "Sie können die App an Ihre Bedürfnisse anpassen. Spalten, Abstimmungen, Emojis, egal was." - }, - "4": { - "title": "Unsere Möglichkeit zum Selbsthosting", - "text": "Für eine vollständige Kontrolle über Ihre Daten können Sie Retrospected selbst hosten." - } - }, - "Testimonials": { - "heading": "Was andere über uns sagen", - "1": { - "author": "Frank Becker", - "designation": "Delivery Team Group & Holding/Transport - Deutsche Bahn", - "quote": "Der einfachste Weg, viele Retrospektiven mit vielen Teams zu verwalten und sich selbst zu optimieren. Einwandfreie Integration mit AzureAD und einfache Migration von lokalen Benutzern zu AzureAD-Benutzern. Schöne und nicht zu überladene Funktionen." - } - }, - "Pricing": { - "heading": "Unsere Preise", - "weAccept": "Wir akzeptieren auch Euro und Britische Pfund", - "monthly": "Monatlich", - "yearly": "Jährlich", - "perMonth": " / Monat", - "perYear": " / Jahr", - "currency": "€", - "subscribe": "Jetzt abonnieren", - "switchToYearly": "Wechseln Sie zu Jährlich und erhalten Sie einen Monat gratis!", - "switchedToYearly": "Gut gemacht, du wirst jedes Jahr einen Monat kostenlos bekommen", - "login": "Jetzt Anmelden", - "basic": { - "title": "Basic", - "price": 0, - "plus": "Ihre kostenlose Option", - "features": [ - "Unbegrenzte Retrospektiven", - "Vollständige Anpassung", - "Giphy Integration", - "Anonyme Konten", - "40 Einträge" - ] - }, - "pro": { - "title": "Pro", - "price": "11.9", - "plus": "Alles aus Basic, plus:", - "features": [ - "Unbegrenzte Einträge", - "Komplette Datenverschlüsselung", - "Private Sitzung", - "20 Benutzer" - ] - }, - "unlimited": { - "title": "Unbegrenzt", - "price": "49.95", - "plus": "Alles aus Pro, plus:", - "features": [ - "Unbegrenzte Pro-Konten", - "Alle Benutzer Ihrer Domain sind automatisch Pro" - ] - }, - "hosted": { - "title": "Selbst gehostet", - "price": 599, - "plus": "Alles aus Unbegrenzt, plus:", - "features": [ - "Benutzerverwaltungstool", - "Alle Benutzer sind Pro-Benutzer", - "Lebenslange Updates", - "Großartige Dokumentation" - ] - } - }, - "SelfHosted": { - "slogan": "Selbsthosting", - "title": "Retrospected bei Ihnen vor Ort", - "desc": "Behalten Sie die volle Kontrolle über Ihre Daten, indem Sie Retrospected selbst hosten. Einmalige Gebühr, unbegrenzte Updates. Mit unserer hervorragenden Dokumentation sind Sie im Handumdrehen startklar.", - "features": [ - "Vollständige Kontrolle: Ihre Daten bleiben bei Ihnen vor Ort", - "Einfach zu installieren", - "Verwaltungsbereich", - "Alle Benutzer sind Pro-Benutzer", - "Kostenlose Updates, für immer" - ], - "button": { - "link": "https://docs.retrospected.com", - "label": "Entdecken Sie unsere Dokumentation" - } - }, - "Features": { - "heading": "Mit nur einem Klick eine Retrospektive starten", - "description": "Ein Retro zu starten oder zu betreten ist kinderleicht.", - "1": { - "title": "Reaktionsfähig", - "description": "Retrospected funktioniert auf Geräten aller Größen, von einem iPhone bis hin zu einem 4K-Monitor." - }, - "2": { - "title": "Anpassbar", - "description": "Retrospected lässt sich leicht anpassen. Sie können z. B. die Spalten, das Abstimmungssystem, den Timer ändern." - }, - "3": { - "title": "Sicher", - "description": "Für Pro-Benutzer gibt es 2 Sicherheitsfunktionen: die Möglichkeit, den Inhalt lokal (im Browser) zu verschlüsseln, und die Möglichkeit, eine Sitzung zu verriegeln, damit sie nur von bestimmten Benutzern gesehen werden kann." - }, - "4": { - "title": "Mehrsprachig", - "description": "Retrospected gibt es in 15 Sprachen." - } - }, - "Newsfeed": { - "heading": "Neu bei Retrospected" - }, - "FAQ": { - "heading": "Häufig gestellte Fragen", - "data": [ - { - "question": "Wie werden Zahlungen abgewickelt?", - "answer": "Zahlungen werden von unserem Partner, Stripe, abgewickelt. Retrospected speichert keine Zahlungsdaten." - }, - { - "question": "Erteilen Sie in einigen Fällen kostenlose Pro-Lizenzen?", - "answer": "Wenn Sie dieses Produkt als Wohltätigkeitsorganisation oder im Bildungswesen einsetzen, schicken Sie uns eine E-Mail und wir richten eine kostenlose Lizenz für Sie ein. Kontaktieren Sie uns." - }, - { - "question": "Kosten einige Funktionen extra?", - "answer": "Wir haben nur 2 Stufen: Kostenlos und Pro. Alle Funktionen sind freigeschaltet, wenn Sie ein Pro-Konto abonnieren." - }, - { - "question": "Kann man jährlich bezahlen?", - "answer": "Ja! Wählen Sie diese Option einfach an der Kasse aus und Sie erhalten einen Monat pro Jahr gratis." - }, - { - "question": "Kann ich mein Abo kündigen?", - "answer": "Ja. Das Abonnement kann jederzeit gekündigt werden und endet am Ende Ihres aktuellen Rechnungsmonats." - }, - { - "question": "Gibt es irgendein Limit?", - "answer": "Es gibt keine Begrenzung der gespeicherten Datenmenge, sofern die Richtlinien zur fairen Benutzung eingehalten wird. Bei kostenlosen Konten sind Sie auf 40 Einträge beschränkt." - } - ] - }, - "CTA": { - "heading": "Jetzt eine Retrospektive starten", - "description": "Werden Sie Teil der Tausenden von Nutzern, die Retrospected bereits verwenden", - "button": "Eine Retrospektive starten", - "hint": "Das wird Ihr Leben ändern!" - }, - "Footer": { - "legal": "Rechtliches", - "copyright": "Copyright © 2023 - Retrospected Ltd. Alle Rechte vorbehalten.", - "about": "Wir erstellen Software mit Liebe, aus London, Großbritannien", - "various": "Diverses", - "documentation": "Dokumentation" - }, - "Contact": { - "title": "Kontakt", - "address": "Retrospected Ltd, London, Großbritannien", - "phone": "+44 (momentan nicht verwendet)", - "openingTime": "7 Tage die Woche - 8:00 - 22:00 Uhr", - "email": "support@retrospected.com" - }, - "Integration": { - "heading": "Integrationen", - "description": "Retrospected integriert sich in die Tools, die Sie bereits verwenden." - } -} \ No newline at end of file + "SEO": { + "title": "Retrospected", + "description": "Kostenloses agiles Retrospektive Board für Ingenieurteams in Echtzeit" + }, + "404": { + "heading": "404", + "text": "Hoppla, die Seite, nach der Sie suchen, existiert nicht.", + "link": "Zurück!" + }, + "Banner": { + "heading": "A **simple** & **powerful** app for **efficient** online retros.", + "text": "**Level up** your team with a **modern** and **easy-to-use** retrospective tool. Highly **customizable**, multi-language, use online or on-premises… Make your sprints as **impactful** as possible!", + "tagline": "*Keine Kreditkarte nötig", + "subscribeToday": "Kostenlos probieren", + "demo": "1-Klick Demo" + }, + "Nav": { + "home": "Home", + "howTo": "Warum wir?", + "features": "Funktionen", + "testimonial": "Erfahrungsberichte", + "pricing": "Preise", + "faq": "Häufig gestellte Fragen", + "subscribe": "Abonnieren", + "login": "Login", + "selfhosting": "Self-Hosting" + }, + "Clients": { + "main": "Werden auch Sie Mitglied der Hunderten von Unternehmen, die Retrospected bereits nutzen" + }, + "HowItWorks": { + "heading": "Unsere Nutzer lieben...", + "1": { + "title": "Unsere schnelle und einfach zu bedienende Benutzeroberfläche", + "text": "Mit nur einem Klick eine Retrospektive starten." + }, + "2": { + "title": "Multilingual interface", + "text": "Unsere App ist in 15 Sprachen erhältlich!" + }, + "3": { + "title": "Customisation options", + "text": "Sie können die App an Ihre Bedürfnisse anpassen. Spalten, Abstimmungen, Emojis, egal was." + }, + "4": { + "title": "Self-hosting", + "text": "If you want complete control of your data, you can host Retrospected on your premises." + } + }, + "Testimonials": { + "heading": "Was andere über uns sagen", + "1": { + "author": "Frank Becker", + "designation": "Delivery Team Group & Holding/Transport - Deutsche Bahn", + "quote": "Der einfachste Weg, viele Retrospektiven mit vielen Teams zu verwalten und sich selbst zu optimieren. Einwandfreie Integration mit AzureAD und einfache Migration von lokalen Benutzern zu AzureAD-Benutzern. Schöne und nicht zu überladene Funktionen." + } + }, + "Pricing": { + "heading": "Unsere Preise", + "weAccept": "Wir akzeptieren auch Euro und Britische Pfund", + "monthly": "Monatlich", + "yearly": "Jährlich", + "perMonth": " / Monat", + "perYear": " / Jahr", + "currency": "€", + "subscribe": "Jetzt abonnieren", + "switchToYearly": "Wechseln Sie zu Jährlich und erhalten Sie einen Monat gratis!", + "switchedToYearly": "Gut gemacht, du wirst jedes Jahr einen Monat kostenlos bekommen", + "login": "Jetzt Anmelden", + "free": "Kostenlos", + "basic": { + "title": "Basic", + "price": 0, + "plus": "Ihre kostenlose Option", + "features": [ + "Unbegrenzte Retrospektiven", + "Vollständige Anpassung", + "Giphy Integration", + "Anonyme Konten", + "40 Einträge" + ] + }, + "pro": { + "title": "Pro", + "price": "11.9", + "plus": "Alles aus Basic, plus:", + "features": [ + "Unbegrenzte Einträge", + "Komplette Datenverschlüsselung", + "Private Sitzung", + "20 Benutzer" + ] + }, + "unlimited": { + "title": "Unbegrenzt", + "price": "49.95", + "plus": "Alles aus Pro, plus:", + "features": [ + "Unbegrenzte Pro-Konten", + "Alle Benutzer Ihrer Domain sind automatisch Pro" + ] + }, + "hosted": { + "title": "Selbst gehostet", + "price": 599, + "plus": "Alles aus Unbegrenzt, plus:", + "features": [ + "Benutzerverwaltungstool", + "Alle Benutzer sind Pro-Benutzer", + "Lebenslange Updates", + "Großartige Dokumentation" + ] + } + }, + "SelfHosted": { + "slogan": "Selbsthosting", + "title": "Retrospected bei Ihnen vor Ort", + "desc": "Behalten Sie die volle Kontrolle über Ihre Daten, indem Sie Retrospected selbst hosten. Einmalige Gebühr, unbegrenzte Updates. Mit unserer hervorragenden Dokumentation sind Sie im Handumdrehen startklar.", + "features": [ + "Vollständige Kontrolle: Ihre Daten bleiben bei Ihnen vor Ort", + "Einfach zu installieren", + "Verwaltungsbereich", + "Alle Benutzer sind Pro-Benutzer", + "Kostenlose Updates, für immer" + ], + "button": { + "label": "Learn more" + } + }, + "Features": { + "heading": "Mit nur einem Klick eine Retrospektive starten", + "description": "Ein Retro zu starten oder zu betreten ist kinderleicht.", + "1": { + "title": "Reaktionsfähig", + "description": "Retrospected funktioniert auf Geräten aller Größen, von einem iPhone bis hin zu einem 4K-Monitor." + }, + "2": { + "title": "Anpassbar", + "description": "Retrospected lässt sich leicht anpassen. Sie können z. B. die Spalten, das Abstimmungssystem, den Timer ändern." + }, + "3": { + "title": "Sicher", + "description": "Für Pro-Benutzer gibt es 2 Sicherheitsfunktionen: die Möglichkeit, den Inhalt lokal (im Browser) zu verschlüsseln, und die Möglichkeit, eine Sitzung zu verriegeln, damit sie nur von bestimmten Benutzern gesehen werden kann." + }, + "4": { + "title": "Mehrsprachig", + "description": "Retrospected gibt es in 15 Sprachen." + } + }, + "Newsfeed": { + "heading": "Neu bei Retrospected" + }, + "FAQ": { + "heading": "Häufig gestellte Fragen", + "data": [ + { + "question": "Wie werden Zahlungen abgewickelt?", + "answer": "Zahlungen werden von unserem Partner, Stripe, abgewickelt. Retrospected speichert keine Zahlungsdaten." + }, + { + "question": "Erteilen Sie in einigen Fällen kostenlose Pro-Lizenzen?", + "answer": "Wenn Sie dieses Produkt als Wohltätigkeitsorganisation oder im Bildungswesen einsetzen, schicken Sie uns eine E-Mail und wir richten eine kostenlose Lizenz für Sie ein. Kontaktieren Sie uns." + }, + { + "question": "Kosten einige Funktionen extra?", + "answer": "Wir haben nur 2 Stufen: Kostenlos und Pro. Alle Funktionen sind freigeschaltet, wenn Sie ein Pro-Konto abonnieren." + }, + { + "question": "Kann man jährlich bezahlen?", + "answer": "Ja! Wählen Sie diese Option einfach an der Kasse aus und Sie erhalten einen Monat pro Jahr gratis." + }, + { + "question": "Kann ich mein Abo kündigen?", + "answer": "Ja. Das Abonnement kann jederzeit gekündigt werden und endet am Ende Ihres aktuellen Rechnungsmonats." + }, + { + "question": "Gibt es irgendein Limit?", + "answer": "Es gibt keine Begrenzung der gespeicherten Datenmenge, sofern die Richtlinien zur fairen Benutzung eingehalten wird. Bei kostenlosen Konten sind Sie auf 40 Einträge beschränkt." + } + ] + }, + "CTA": { + "heading": "Jetzt eine Retrospektive starten", + "description": "Werden Sie Teil der Tausenden von Nutzern, die Retrospected bereits verwenden", + "button": "Eine Retrospektive starten", + "hint": "Das wird Ihr Leben ändern!" + }, + "Footer": { + "legal": "Rechtliches", + "copyright": "Copyright © 2023 - Retrospected Ltd. Alle Rechte vorbehalten.", + "about": "Wir erstellen Software mit Liebe, aus London, Großbritannien", + "various": "Diverses", + "documentation": "Dokumentation" + }, + "Contact": { + "title": "Kontakt", + "address": "Retrospected Ltd, London, Großbritannien", + "phone": "+44 (momentan nicht verwendet)", + "openingTime": "7 Tage die Woche - 8:00 - 22:00 Uhr", + "email": "support@retrospected.com" + }, + "Integration": { + "heading": "Integrationen", + "description": "Retrospected integriert sich in die Tools, die Sie bereits verwenden." + }, + "Callback": { + "message": "Kostenlose 30 Minuten Demo anfordern" + } +} diff --git a/marketing/public/locales/en/common.json b/marketing/public/locales/en/common.json index 2ae0d74d..47160b5f 100644 --- a/marketing/public/locales/en/common.json +++ b/marketing/public/locales/en/common.json @@ -125,7 +125,6 @@ "Free updates, forever" ], "button": { - "link": "/blog/self-hosting", "label": "Learn more" } }, @@ -204,5 +203,8 @@ "Integration": { "heading": "Integrations", "description": "Retrospected integrates with the tools you already use." + }, + "Callback": { + "message": "Request a free 30-min demo" } } diff --git a/marketing/public/locales/fr/common.json b/marketing/public/locales/fr/common.json index 9026cac2..1c083a6d 100644 --- a/marketing/public/locales/fr/common.json +++ b/marketing/public/locales/fr/common.json @@ -9,8 +9,8 @@ "link": "Tirez-moi de là !" }, "Banner": { - "heading": "Vous n'**oublierez jamais** votre première **rétro**.", - "text": "Soutenez la **collaboration** et l'**amélioration continue** de vos équipes avec une plateforme **moderne** et **intuitive**.", + "heading": "Une app **simple** et **puissante** pour des rétros en ligne **efficaces**.", + "text": "**Boostez** le niveau de votre équipe avec des retrospéctives **modernes** et un outil **facile à utiliser**. **Personnalisable**, multi-langues, utilisez en ligne ou auto-hébergé… Donnez à vos sprints l'**impact** qu'ils méritent !", "tagline": "*Aucune carte bancaire demandée", "subscribeToday": "Essayez gratuitement", "demo": "Démo en 1 clic" @@ -23,7 +23,8 @@ "pricing": "Tarifs", "faq": "FAQ", "subscribe": "S'abonner", - "login": "Connexion" + "login": "Connexion", + "selfhosting": "Auto-Hébergement" }, "Clients": { "main": "Des centaines d'entreprises utilisent Retrospected" @@ -35,16 +36,16 @@ "text": "Commencez une rétrospective en un clic." }, "2": { - "title": "Notre interface multilingue", + "title": "Interface multilingue", "text": "Utilisez Retrospected dans l'une des 15 langues disponibles (dont le Français)." }, "3": { - "title": "Notre app personnalisable", + "title": "Options de personnalisation", "text": "Personnalisez l'application à vos besoins : colonnes, votes, émoticônes, etc." }, "4": { - "title": "Héberger Retrospected sur vos serveurs (ou les nôtres)", - "text": "Si vous voulez un contrôle total de vos données, vous pouvez héberger Retrospected." + "title": "Auto-Hébergement", + "text": "Si vous voulez un contrôle total de vos données, vous pouvez héberger Retrospected sur vos serveurs." } }, "Testimonials": { @@ -124,8 +125,7 @@ "Mises à jour gratuites, pour toujours" ], "button": { - "link": "https://docs.retrospected.com", - "label": "Découvrez notre documentation" + "label": "En savoir plus" } }, "Features": { @@ -203,5 +203,8 @@ "Integration": { "heading": "Intégrations", "description": "Retrospected s'intègre avec les outils que vous utilisez déjà." + }, + "Callback": { + "message": "Demandez une démo gratuite de 30 min" } } diff --git a/marketing/public/locales/nl/common.json b/marketing/public/locales/nl/common.json index 036d1e6a..77e5d83b 100644 --- a/marketing/public/locales/nl/common.json +++ b/marketing/public/locales/nl/common.json @@ -9,8 +9,8 @@ "link": "Bring me back to safety!" }, "Banner": { - "heading": "Je zal je eerste **retro** nooit vergeten**.", - "text": "Real-time, collaborative retrospectives done right. In seconds.", + "heading": "A **simple** & **powerful** app for **efficient** online retros.", + "text": "**Level up** your team with a **modern** and **easy-to-use** retrospective tool. Highly **customizable**, multi-language, use online or on-premises… Make your sprints as **impactful** as possible!", "tagline": "*Geen creditcard nodig", "subscribeToday": "Probeer het gratis", "demo": "1-Click Demo" @@ -23,7 +23,8 @@ "pricing": "Prijsstelling", "faq": "FAQ", "subscribe": "Abonneren", - "login": "Aanmelden" + "login": "Aanmelden", + "selfhosting": "Self-Hosting" }, "Clients": { "main": "Doe mee met honderden bedrijven die ons product gebruiken" @@ -35,16 +36,16 @@ "text": "Je kunt je retro met één klik starten." }, "2": { - "title": "We zijn meertalig", + "title": "Multilingual interface", "text": "Onze app is beschikbaar in 15 talen!" }, "3": { - "title": "We zijn aanpasbaar", + "title": "Customisation options", "text": "U kunt de app aanpassen aan uw behoeften. Kolommen, stemmen, emojis, u kunt het noemen." }, "4": { - "title": "We kunnen zelf gehost zijn", - "text": "Als u volledige controle over uw gegevens wilt, kunt u zelf Retrospecten uitvoeren." + "title": "Self-hosting", + "text": "If you want complete control of your data, you can host Retrospected on your premises." } }, "Testimonials": { @@ -67,6 +68,7 @@ "switchToYearly": "Switch to Yearly and get one month free!", "switchedToYearly": "Well done, you will get one month free every year", "login": "Nu inloggen", + "free": "Free", "basic": { "title": "Eenvoudig", "price": 0, @@ -123,8 +125,8 @@ "Gratis updates, voor altijd" ], "button": { - "link": "https://docs.retrospected.com", - "label": "Ontdek onze documentatie" + "link": "/blog/self-hosting", + "label": "Learn more" } }, "Features": { @@ -202,5 +204,8 @@ "Integration": { "heading": "Integraties", "description": "Integreert met Retrospecten met de gereedschappen die je al gebruikt." + }, + "Callback": { + "message": "Request a free 30-min demo" } } diff --git a/marketing/src/containers/Callback/Callback.tsx b/marketing/src/containers/Callback/Callback.tsx new file mode 100644 index 00000000..16dc8041 --- /dev/null +++ b/marketing/src/containers/Callback/Callback.tsx @@ -0,0 +1,49 @@ +import styled from 'styled-components'; +import phoneIcon from './phone.svg'; +import Image from 'next/image'; +import { useTranslation } from 'next-i18next'; + +const LINK = 'https://forms.gle/tKpjtu1rLk9qqTBE7'; + +export function Callback() { + const { t } = useTranslation('common'); + return ( + + + {t('Callback.message')} + + ); +} + +const Container = styled.a` + font-size: 12px; + display: flex; + gap: 15px; + align-items: center; + position: fixed; + bottom: 10px; + right: 10px; + border: 1px solid red; + padding: 10px 20px; + background-color: hsl(350, 100%, 63%); + border-radius: 5px; + color: white; + :hover { + background-color: hsl(350, 100%, 55%); + } + cursor: pointer; + z-index: 1000; + box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; + + @media (max-width: 767px) { + width: 100%; + bottom: 0; + margin: 0; + right: 0; + left: 0; + border-radius: 0; + box-shadow: none; + } +`; + +const Icon = styled(Image)``; diff --git a/marketing/src/containers/Callback/phone.svg b/marketing/src/containers/Callback/phone.svg new file mode 100644 index 00000000..18c11fd5 --- /dev/null +++ b/marketing/src/containers/Callback/phone.svg @@ -0,0 +1,21 @@ + + + + + + + + \ No newline at end of file diff --git a/marketing/src/pages/index.tsx b/marketing/src/pages/index.tsx index 72c64651..f1f9671e 100755 --- a/marketing/src/pages/index.tsx +++ b/marketing/src/pages/index.tsx @@ -19,7 +19,8 @@ import { useTranslation } from 'next-i18next'; import { getAllLegalDocuments, LegalDocumentMetadata } from '@/lib/getLegal'; import { MenuItem } from '@/types'; import Layout from '@/containers/Layout/Layout'; -import { BlogMetadata, getAllBlogs, getAllBlogsForLocale } from '@/lib/getBlog'; +import { BlogMetadata, getAllBlogsForLocale } from '@/lib/getBlog'; +import { Callback } from '@/containers/Callback/Callback'; type HomePageProps = { legals: LegalDocumentMetadata[]; @@ -50,6 +51,7 @@ export default function HomePage({ legals, blogs, locale }: HomePageProps) { + ); }