chore(website): add new testimonials

orhun · Oct 17, 2024 · 0c207d6 · 0c207d6
1 parent 12cb1df
commit 0c207d6
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 5 deletions.
diff --git a/website/src/components/Testimonials/index.tsx b/website/src/components/Testimonials/index.tsx
@@ -10,6 +10,14 @@ const testimonials = [
       "git-cliff is amazing. I managed to use its published crates for my project's release management.",
     url: "https://x.com/boshen_c/status/1840391571495420362",
   },
+  {
+    name: "Pedro Piñera",
+    handle: "pepicrft",
+    date: "Aug 11, 2024",
+    content:
+      "I love git cliff. I can make the Git history and GitHub data the source of truth for release notes and CHANGELOG.md and detect what the next version should be automatically.",
+    url: "https://x.com/pepicrft/status/1822682786744201449",
+  },
   {
     name: "Greptime Database",
     handle: "GreptimeTeam",
@@ -18,6 +26,13 @@ const testimonials = [
       "The changelog is powered by git-cliff. Thank you @orhundev for this elegant tool!",
     url: "https://x.com/Greptime/status/1777707539255189544",
   },
+  {
+    name: "Ellie Huxtable",
+    handle: "ellie",
+    date: "Dec 10, 2023",
+    content: "Check out git-cliff if you fancy a clean + up-to-date changelog.",
+    url: "https://x.com/ellie_huxtable/status/1733832525716295776",
+  },
   {
     name: "CodeSee.io",
     handle: "Codesee-io",

diff --git a/website/src/components/Testimonials/styles.module.css b/website/src/components/Testimonials/styles.module.css
@@ -3,15 +3,15 @@
   flex-direction: column;
   gap: 0.5rem;
   margin: 1rem auto;
-  max-width: 500px;
+  max-width: 600px;
   padding: 0 1rem;
 }
 
 .testimonial {
-  font-size: 0.9rem;
   line-height: 1.4;
   padding: 0.5rem 0;
   text-align: center;
+  font-size: 1.1rem;
 }
 
 .content {
@@ -23,6 +23,6 @@
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-  font-size: 0.8rem;
-  margin-top: 0.3rem;
+  margin-top: 0.8rem;
+  font-size: 1rem;
 }
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -21,6 +21,7 @@ function HomepageHeader() {
               Get Started
             </Link>
           </div>
+          <Testimonials />
         </div>
       </div>
     </header>
@@ -71,7 +72,6 @@ export default function Home(): JSX.Element {
       <HomepageHeader />
       <main>
         <HomepageFeatures />
-        <Testimonials />
       </main>
     </Layout>
   );