Add testimonials (hidden for now) (#494)

antoinejaussoin · Mar 9, 2023 · 84f1228 · 84f1228
1 parent 7bb5958
commit 84f1228
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 94 deletions.
diff --git a/marketing/public/locales/de/common.json b/marketing/public/locales/de/common.json
@@ -50,19 +50,9 @@
 	"Testimonials": {
 		"heading": "Was die Leute über uns sagen",
 		"1": {
-			"author": "Jean-Laurent Wotton",
-			"designation": "Manager",
-			"quote": "---"
-		},
-		"2": {
 			"author": "Frank Becker",
-			"designation": "Liefer-Team-Gruppe",
-			"quote": "Ihr Text hier"
-		},
-		"3": {
-			"author": "Allein-Klaire Allain",
-			"designation": "Senior Manager",
-			"quote": "Ich habe Retrospected am Ende jedes Sprints verwendet, um Feedback von meinem Team zu erhalten. Es ist als Werkzeug von unschätzbarem Wert und sehr einfach zu bedienen."
+			"designation": "Delivery Team Group & Holding/Transport - Deutsche Bahn",
+			"quote": "The easiest way to manage many retrospectives with many teams to optimize themselves. Flawless integration with AzureAD and easy migration from local users to AzureAD users. Nice and not overloaded features."
 		}
 	},
 	"Pricing": {

diff --git a/marketing/public/locales/en/common.json b/marketing/public/locales/en/common.json
@@ -50,19 +50,9 @@
 	"Testimonials": {
 		"heading": "What people say about us",
 		"1": {
-			"author": "Jean-Laurent Wotton",
-			"designation": "Manager",
-			"quote": "---"
-		},
-		"2": {
 			"author": "Frank Becker",
-			"designation": "Delivery Team Group",
-			"quote": "Your text here"
-		},
-		"3": {
-			"author": "Anne-Claire Allain",
-			"designation": "Senior Manager",
-			"quote": "I have been using Retrospected at the end of every sprint to gather feedback from my team. It has been invaluable as a tool, and very easy to use too."
+			"designation": "Delivery Team Group & Holding/Transport - Deutsche Bahn",
+			"quote": "The easiest way to manage many retrospectives with many teams to optimize themselves. Flawless integration with AzureAD and easy migration from local users to AzureAD users. Nice and not overloaded features."
 		}
 	},
 	"Pricing": {

diff --git a/marketing/public/locales/fr/common.json b/marketing/public/locales/fr/common.json
@@ -6,7 +6,7 @@
 	"404": {
 		"heading": "404",
 		"text": "Houston, on a un problème. Cette page n'existe pas, plus, et n'existera probablement jamais.",
-		"link": "Tirez moi de là !"
+		"link": "Tirez-moi de là !"
 	},
 	"Banner": {
 		"heading": "Vous n'**oublierez jamais** votre première **rétro**.",
@@ -50,19 +50,9 @@
 	"Testimonials": {
 		"heading": "Nos utilisateurs aiment Retrospected",
 		"1": {
-			"author": "Jean-Laurent Wotton",
-			"designation": "Manager",
-			"quote": "---"
-		},
-		"2": {
 			"author": "Frank Becker",
-			"designation": "Delivery Team Group",
-			"quote": "Your text here"
-		},
-		"3": {
-			"author": "Anne-Claire Allain",
-			"designation": "Senior Manager",
-			"quote": "J'ai utilisé Retrospected à la fin de chaque sprint pour recueillir les commentaires de mon équipe. Il a été inestimable en tant qu'outil et très facile à utiliser."
+			"designation": "Delivery Team Group & Holding/Transport - Deutsche Bahn",
+			"quote": "La façon la plus simple de gérer de nombreuses rétrospectives avec de nombreuses équipes pour une amélioration continue. Intégration parfaite avec AzureAD et migration facile des utilisateurs locaux vers les utilisateurs AzureAD. Fonctionnalités simples et faciles d'emploi."
 		}
 	},
 	"Pricing": {

diff --git a/marketing/public/locales/nl/common.json b/marketing/public/locales/nl/common.json
@@ -50,19 +50,9 @@
 	"Testimonials": {
 		"heading": "Wat mensen over ons zeggen",
 		"1": {
-			"author": "Jean-Laurent Wotton",
-			"designation": "Beheerder",
-			"quote": "---"
-		},
-		"2": {
 			"author": "Frank Becker",
-			"designation": "Levering Team groep",
-			"quote": "Je tekst hier"
-		},
-		"3": {
-			"author": "Anne-Claire Allaïne",
-			"designation": "Senior beheerder",
-			"quote": "Ik heb aan het einde van elke sprint Retrospected gebruikt om feedback van mijn team te ontvangen. Het is van onschatbare waarde geweest als instrument en ook zeer gemakkelijk te gebruiken."
+			"designation": "Delivery Team Group & Holding/Transport - Deutsche Bahn",
+			"quote": "The easiest way to manage many retrospectives with many teams to optimize themselves. Flawless integration with AzureAD and easy migration from local users to AzureAD users. Nice and not overloaded features."
 		}
 	},
 	"Pricing": {

diff --git a/marketing/src/containers/Banner/banner.style.tsx b/marketing/src/containers/Banner/banner.style.tsx
@@ -15,7 +15,7 @@ export const BannerContentWrapper = styled.div`
   grid-template-columns: 3fr 2fr;
   gap: 30px;
   @media (min-width: 1025px) {
-    min-height: min(calc(100vh - 260px), 900px);
+    min-height: min(calc(100vh - 280px), 900px);
   }
 
   @media (max-width: 1024px) {

diff --git a/marketing/src/containers/Testimonials/index.tsx b/marketing/src/containers/Testimonials/index.tsx
@@ -25,22 +25,14 @@ type Testimonial = {
 export const testimonials: Testimonial[] = [
   {
     id: 1,
-    logo: deloitte,
-  },
-  {
-    id: 2,
     logo: db,
   },
-  {
-    id: 3,
-    logo: expedia,
-  },
 ];
 
 const settings = {
   infinite: true,
   speed: 500,
-  slidesToShow: 3,
+  slidesToShow: 1,
   slidesToScroll: 1,
   arrows: false,
   dots: true,
@@ -70,37 +62,38 @@ const Testimonials = () => {
         <SectionHeading>
           <Heading content={t('Testimonials.heading')} />
         </SectionHeading>
-        <ReactSlick {...settings}>
-          {testimonials.map((testimonial) => (
-            <Item key={testimonial.id}>
-              <div>
-                <Figure>
-                  <NextImage src={testimonial.logo} alt="logo" />
-                </Figure>
-                <Text
-                  as="blockquote"
-                  content={t(`Testimonials.${testimonial.id}.quote`)}
-                />
-              </div>
-              <AuthorInfo>
-                <Heading
-                  as="h4"
-                  content={t(`Testimonials.${testimonial.id}.author`)}
-                />
-                <Text
-                  content={t(`Testimonials.${testimonial.id}.designation`)}
-                />
-              </AuthorInfo>
-            </Item>
-          ))}
-        </ReactSlick>
+        {/* <ReactSlick {...settings}> */}
+        {testimonials.map((testimonial) => (
+          <Item key={testimonial.id}>
+            <div>
+              <Figure>
+                <NextImage src={testimonial.logo} alt="logo" />
+              </Figure>
+              <Text
+                as="blockquote"
+                content={t(`Testimonials.${testimonial.id}.quote`)}
+              />
+            </div>
+            <AuthorInfo>
+              <Heading
+                as="h4"
+                content={t(`Testimonials.${testimonial.id}.author`)}
+              />
+              <Text content={t(`Testimonials.${testimonial.id}.designation`)} />
+            </AuthorInfo>
+          </Item>
+        ))}
+        {/* </ReactSlick> */}
       </Container>
     </Section>
   );
 };
 
 const Figure = styled.figure`
+  display: flex;
+  justify-content: center;
   img {
+    max-width: 300px;
     width: 100%;
     height: 100%;
   }

diff --git a/marketing/src/pages/index.tsx b/marketing/src/pages/index.tsx
@@ -37,12 +37,16 @@ export default function HomePage({ legals }: HomePageProps) {
       <HowItWorks />
       <AnalyticsTool />
       <Dashboard />
-      {/* <Testimonials /> */}
+
       <CombinedSection>
         <Integrations />
+        {/* </CombinedSection>
+      <Testimonials />
+      <CombinedSection> */}
         <Pricing />
         <CornerPattern />
       </CombinedSection>
+
       {/* <NewsFeed /> */}
       <Faq />
       <CallToAction />
@@ -56,21 +60,11 @@ export const menuItems: MenuItem[] = [
     path: '#home',
     offset: '70',
   },
-  // {
-  //   label: 'Nav.howTo',
-  //   path: '#how-to',
-  //   offset: '70',
-  // },
   {
     label: 'Nav.features',
     path: '#features',
     offset: '70',
   },
-  // {
-  //   label: 'Nav.testimonial',
-  //   path: '#testimonial',
-  //   offset: '70',
-  // },
   {
     label: 'Nav.pricing',
     path: '#pricing',