From f0e8e55c6138a15a28e74c85262b7b3cd1a3f6ac Mon Sep 17 00:00:00 2001 From: Zoey Kaiser Date: Wed, 21 Aug 2024 23:07:51 +0200 Subject: [PATCH] Improved Testimonials grid --- .vitepress/theme/Layout.vue | 9 ++- .vitepress/theme/components/DocAd.vue | 27 +++++++ .../Landing/Testimonials/Section.vue | 81 ++++++++++--------- .../components/Landing/Testimonials/data.ts | 40 ++++----- 4 files changed, 96 insertions(+), 61 deletions(-) create mode 100644 .vitepress/theme/components/DocAd.vue diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue index 9d93d8f..4640c77 100644 --- a/.vitepress/theme/Layout.vue +++ b/.vitepress/theme/Layout.vue @@ -9,6 +9,7 @@ import GithubFollowButton from './components/GithubFollowButton.vue' import StackSection from './components/Landing/Stack/Section.vue' import TestimonialsSection from './components/Landing/Testimonials/Section.vue' import CustomDevelopmentSection from './components/Landing/CustomDevelopment.vue' +import DocAd from './components/DocAd.vue' import Footer from './components/Landing/Footer.vue' @@ -43,7 +44,7 @@ const bannerConfig = { + + diff --git a/.vitepress/theme/components/DocAd.vue b/.vitepress/theme/components/DocAd.vue new file mode 100644 index 0000000..1de3cb2 --- /dev/null +++ b/.vitepress/theme/components/DocAd.vue @@ -0,0 +1,27 @@ + diff --git a/.vitepress/theme/components/Landing/Testimonials/Section.vue b/.vitepress/theme/components/Landing/Testimonials/Section.vue index 448ee7e..42e163d 100644 --- a/.vitepress/theme/components/Landing/Testimonials/Section.vue +++ b/.vitepress/theme/components/Landing/Testimonials/Section.vue @@ -10,47 +10,48 @@ import { testimonials } from './data'

What do others think of sidebase?

+

+ Have a look at what other developers have said about sidebase. +

-
-
-

- "{{ testimonial.text }}" -

-
-
-
- Avatar -
-

- {{ testimonial.name }} -

-

- {{ testimonial.position }} -

-
-
- - - - - - +
+
+
+

+ "{{ testimonial.text }}" +

+
+
+
+ Avatar +
+

+ {{ testimonial.name }} +

+

+ {{ testimonial.position }} +

+
+
+ + + + + + +
diff --git a/.vitepress/theme/components/Landing/Testimonials/data.ts b/.vitepress/theme/components/Landing/Testimonials/data.ts index 1d3f2b1..81df3fc 100644 --- a/.vitepress/theme/components/Landing/Testimonials/data.ts +++ b/.vitepress/theme/components/Landing/Testimonials/data.ts @@ -33,18 +33,17 @@ export const testimonials: Testimonial[] = [ twitterLink: 'https://twitter.com/VueSchool_io/status/1603699078151430147', }, { - name: 'Nikolas Burk', - position: 'PrismaORM', - avatar: 'https://avatars.githubusercontent.com/nikolasburk', - text: '🤩 This is super exciting: Sidebase is bringing `create-t3-app` to the Vue/Nuxt community!', - githubLink: 'https://github.com/nikolasburk', - twitterLink: 'https://twitter.com/nikolasburk/status/1605502760052412416', + name: 'ineshbose', + avatar: 'https://avatars.githubusercontent.com/ineshbose', + text: 'Been following this issue/project for a few weeks now - this is fantastic, and also a project extremely close to my interest!', + githubLink: 'https://github.com/ineshbose', }, { - name: 'anorakio', - avatar: 'https://i.imgur.com/bh9c6In.jpeg', - text: 'Thanks for sharing! Nice start to explore @nuxt_js 3.', - twitterLink: 'https://twitter.com/anorakio/status/1571415138741239808', + name: 'Fabian', + avatar: 'https://avatars.githubusercontent.com/madebyfabian', + text: 'Thank you so much for sharing! Trying to use nuxt 3 on a larger project currently, and struggling a lot in terms of project structure, best practices, which ecosystems & libs to use', + githubLink: 'https://github.com/madebyfabian', + twitterLink: 'https://twitter.com/madebyfabian/status/1566393943578787840', }, { name: 'Criston Mascarenhas', @@ -54,24 +53,25 @@ export const testimonials: Testimonial[] = [ twitterLink: 'https://twitter.com/devcriston/status/1615803349332525056' }, { - name: 'ineshbose', - avatar: 'https://avatars.githubusercontent.com/ineshbose', - text: 'Been following this issue/project for a few weeks now - this is fantastic, and also a project extremely close to my interest!', - githubLink: 'https://github.com/ineshbose', + name: 'Nikolas Burk', + position: 'PrismaORM', + avatar: 'https://avatars.githubusercontent.com/nikolasburk', + text: '🤩 This is super exciting: Sidebase is bringing `create-t3-app` to the Vue/Nuxt community!', + githubLink: 'https://github.com/nikolasburk', + twitterLink: 'https://twitter.com/nikolasburk/status/1605502760052412416', }, { - name: 'Fabian', - avatar: 'https://avatars.githubusercontent.com/madebyfabian', - text: 'Thank you so much for sharing! Trying to use nuxt 3 on a larger project currently, and struggling a lot in terms of project structure, best practices, which ecosystems & libs to use', - githubLink: 'https://github.com/madebyfabian', - twitterLink: 'https://twitter.com/madebyfabian/status/1566393943578787840', + name: 'anorakio', + avatar: 'https://i.imgur.com/bh9c6In.jpeg', + text: 'Thanks for sharing! Nice start to explore @nuxt_js 3.', + twitterLink: 'https://twitter.com/anorakio/status/1571415138741239808', }, { name: 'Dvir Hazout', avatar: 'https://i.imgur.com/ajom275.jpeg', text: 'You added the missing part for me in nuxt3 to start experiment real world app with the framework', twitterLink: 'https://twitter.com/dvir_hazout/status/1588272629500489728', - } + }, ] export default testimonials