diff --git a/themes/starter/components/Testimonials.js b/themes/starter/components/Testimonials.js index 99cfbd30..b0d8e134 100644 --- a/themes/starter/components/Testimonials.js +++ b/themes/starter/components/Testimonials.js @@ -1,14 +1,17 @@ /* eslint-disable react/no-unescaped-entities */ /* eslint-disable @next/next/no-img-element */ +import { siteConfig } from '@/lib/config'; import { loadExternalResource } from '@/lib/utils'; import { useEffect } from 'react'; +import CONFIG from '../config'; +import { SVGLeftArrow } from './svg/SVGLeftArrow'; +import { SVGRightArrow } from './svg/SVGRightArrow'; /** * 一些外部js */ const loadExternal = async () => { - console.log('加载swiper') await loadExternalResource('https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.css', 'css'); await loadExternalResource('https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js', 'js'); @@ -49,6 +52,8 @@ export const Testimonials = () => { useEffect(() => { loadExternal() }, []) + // 用户评分 + const ratings = [1, 2, 3, 4, 5]; return <> {/* */}
{
- Testimonials + {siteConfig('STARTER_TESTIMONIALS_TITLE', null, CONFIG)}

- What our Clients Say + {siteConfig('STARTER_TESTIMONIALS_TEXT_1', null, CONFIG)}

- There are many variations of passages of Lorem Ipsum available - but the majority have suffered alteration in some form. + {siteConfig('STARTER_TESTIMONIALS_TEXT_2', null, CONFIG)}

@@ -78,364 +82,60 @@ export const Testimonials = () => {
-
-
-
- star icon - star icon - star icon - star icon - star icon -
-

- “Our members are so impressed. It's intuitive. It's clean. - It's distraction free. If you're building a community.’’ -

+ {/* 用户评价卡牌 */} + {CONFIG.STARTER_TESTIMONIALS_ITEMS.map((item, index) => { + return
+
+
+ {ratings.map((rating, index) => ( + star icon + ))} +
- -
- author +

+ “{item.STARTER_TESTIMONIALS_ITEM_TEXT}” +

+ + +
+ author +
+ +
+

+ {item.STARTER_TESTIMONIALS_ITEM_NICKNAME} +

+

+ {item.STARTER_TESTIMONIALS_ITEM_DESCRIPTION} +

+
+
- -
-

- Sabo Masties -

-

Founder @ Rolex

-
-
-
+ })} -
-
-
- star icon - star icon - star icon - star icon - star icon -
- -

- “Our members are so impressed. It's intuitive. It's clean. - It's distraction free. If you're building a community.’’ -

- - -
- author -
- -
-

- Musharof Chowdhury -

-

- Founder @ Ayro UI -

-
- -
-
- -
-
-
- star icon - star icon - star icon - star icon - star icon -
- -

- “Our members are so impressed. It's intuitive. It's clean. - It's distraction free. If you're building a community.’’ -

- - -
- author -
- -
-

- William Smith -

-

- Founder @ Trorex -

-
- -
-
- -
-
-
- star icon - star icon - star icon - star icon - star icon -
- -

- “Our members are so impressed. It's intuitive. It's clean. - It's distraction free. If you're building a community.’’ -

- - -
- author -
- -
-

- Sabo Masties -

-

Founder @ Rolex

-
- -
-
- -
-
-
- star icon - star icon - star icon - star icon - star icon -
- -

- “Our members are so impressed. It's intuitive. It's clean. - It's distraction free. If you're building a community.’’ -

- - -
- author -
- -
-

- Musharof Chowdhury -

-

- Founder @ Ayro UI -

-
- -
-
- -
-
-
- star icon - star icon - star icon - star icon - star icon -
- -

- “Our members are so impressed. It's intuitive. It's clean. - It's distraction free. If you're building a community.’’ -

- - -
- author -
- -
-

- William Smith -

-

- Founder @ Trorex -

-
- -
-
+ {/* 切换按钮 */}
- - - +
-
- - - +
+
diff --git a/themes/starter/components/svg/SVGLeftArrow.js b/themes/starter/components/svg/SVGLeftArrow.js new file mode 100644 index 00000000..df8cadc6 --- /dev/null +++ b/themes/starter/components/svg/SVGLeftArrow.js @@ -0,0 +1,14 @@ +export const SVGLeftArrow = () => { + return + + +} diff --git a/themes/starter/components/svg/SVGRightArrow.js b/themes/starter/components/svg/SVGRightArrow.js new file mode 100644 index 00000000..f3284334 --- /dev/null +++ b/themes/starter/components/svg/SVGRightArrow.js @@ -0,0 +1,14 @@ +export const SVGRightArrow = () => { + return + + +} diff --git a/themes/starter/config.js b/themes/starter/config.js index 1493ef1c..30591bd2 100644 --- a/themes/starter/config.js +++ b/themes/starter/config.js @@ -60,7 +60,7 @@ const CONFIG = { STARTER_PRICING_TITLE: '价格表', STARTER_PRICING_TEXT_1: '很棒的定价计划', - STARTER_PRICING_TEXT_2: '我们制定了灵活的付费模式，您可以按需选择。（这里仅做功能展示请勿下单！请勿购买！请勿付费！）', + STARTER_PRICING_TEXT_2: '我们制定了灵活的付费模式，您可以按需选择。（NotionNext完全免费，这里仅做主题功能演示。请勿下单！请勿购买！）', STARTER_PRICING_1_TITLE: '入门版', STARTER_PRICING_1_PRICE: '19.9', @@ -90,6 +90,57 @@ const CONFIG = { STARTER_PRICING_3_BUTTON_TEXT: '立即购买', STARTER_PRICING_3_BUTTON_URL: 'https://tangly1024.lemonsqueezy.com/checkout/buy/df924d66-09dc-42a4-a632-a6b0c5cc4f28', + STARTER_TESTIMONIALS_TITLE: '用户反馈', + STARTER_TESTIMONIALS_TEXT_1: '我们的站长怎么说', + STARTER_TESTIMONIALS_TEXT_2: '有数千位站长使用NotionNext搭建他们的网站,通过帮助手册、交流社群以及技术咨询，站友们成功上线了自己的网站并且持续运行', + STARTER_TESTIMONIALS_STAR_ICON: '/images/starter/testimonials/icon-star.svg', // 评分图标 + + // 这里不支持CONFIG和环境变量，需要一一修改此处代码。 + STARTER_TESTIMONIALS_ITEMS: [ + { + STARTER_TESTIMONIALS_ITEM_TEXT: '感谢大佬的方法。之前尝试过Super、Potion等国外的第三方平台，实现效果一般，个性化程度远不如这个方法，已经用起来了！ ', + STARTER_TESTIMONIALS_ITEM_AVATAR: 'https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F22de3fcb-d90d-4271-bc01-f815f476122b%2F4FE0A0C0-E487-4C74-BF8E-6F01A27461B8-14186-000008094BC289A6.jpg?table=collection&id=a320a2cc-6ebe-4a8d-95cc-ea94e63bced9&width=200', + STARTER_TESTIMONIALS_ITEM_NICKNAME: 'Ryan_G', + STARTER_TESTIMONIALS_ITEM_DESCRIPTION: 'Ryan`Log 站长', + STARTER_TESTIMONIALS_ITEM_URL: 'https://blog.gaoran.xyz/' + }, + { + STARTER_TESTIMONIALS_ITEM_TEXT: '很喜欢这个主题，本代码小白用三天台风假期搭建出来了，还根据大佬的教程弄了自定义域名，十分感谢，已请喝咖啡~', + STARTER_TESTIMONIALS_ITEM_AVATAR: 'https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0d33d169-f932-41ff-ac6b-88a923c08e02%2F%25E5%25A4%25B4%25E5%2583%258F.jfif?table=collection&id=7787658d-d5c0-4f34-8e32-60c523dfaba3&width=400', + STARTER_TESTIMONIALS_ITEM_NICKNAME: 'Asenkits', + STARTER_TESTIMONIALS_ITEM_DESCRIPTION: '阿森的百宝袋 站长', + STARTER_TESTIMONIALS_ITEM_URL: 'https://asenkits.top/' + }, + { + STARTER_TESTIMONIALS_ITEM_TEXT: '呜呜呜，经过一个下午的努力，终于把博客部署好啦，非常感谢Tangly1024大佬的框架和教程，这是我有生之年用过的最好用的博客框架┭┮﹏┭┮。从今之后，我就可以在自己的博客里bb啦，( •̀ ω •́ )y ', + STARTER_TESTIMONIALS_ITEM_AVATAR: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F6c096b44-beb9-48ee-8f92-1efdde47f3a3%2F338962f1-d352-49c7-9a1b-746e35a7005c%2Fhf.png?table=block&id=ce5a48a9-d77a-4843-a3d9-a78cd4f794ce&spaceId=6c096b44-beb9-48ee-8f92-1efdde47f3a3&width=100&userId=27074aef-7216-41ed-baef-d9b53addd870&cache=v2', + STARTER_TESTIMONIALS_ITEM_NICKNAME: 'DWIND', + STARTER_TESTIMONIALS_ITEM_DESCRIPTION: '且听风吟 站长', + STARTER_TESTIMONIALS_ITEM_URL: 'https://www.dwind.top/' + }, + { + STARTER_TESTIMONIALS_ITEM_TEXT: '感谢提供这么好的项目哈哈 之前一直不知道怎么部署(别的项目好难好复杂)这个相对非常简单 新手非常友好哦', + STARTER_TESTIMONIALS_ITEM_AVATAR: 'https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd52f6766-3e32-4c3d-8529-46e1f214360f%2Ffavicon.svg?table=collection&id=7d76aad5-a2c4-4d9a-887c-c7913fae4eed&width=400', + STARTER_TESTIMONIALS_ITEM_NICKNAME: '迪升disheng ', + STARTER_TESTIMONIALS_ITEM_DESCRIPTION: 'AI资源分享 Blog', + STARTER_TESTIMONIALS_ITEM_URL: 'https://blog.disheng.org/' + }, + { + STARTER_TESTIMONIALS_ITEM_TEXT: '灰常感谢大佬的博客项目，能将博客和notion结合起来，这一直是我挺期待的博客模式。', + STARTER_TESTIMONIALS_ITEM_AVATAR: 'https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fafb21381-f51b-4fd0-9998-800dbeb64dbe%2Favatar.png?table=block&id=195935d2-0d8d-49fc-bd81-1db42ee50840&spaceId=6c096b44-beb9-48ee-8f92-1efdde47f3a3&width=100&userId=27074aef-7216-41ed-baef-d9b53addd870&cache=v2', + STARTER_TESTIMONIALS_ITEM_NICKNAME: 'AnJhon', + STARTER_TESTIMONIALS_ITEM_DESCRIPTION: 'Anjhon`s Blog 站长', + STARTER_TESTIMONIALS_ITEM_URL: 'https://www.anjhon.top' + }, + { + STARTER_TESTIMONIALS_ITEM_TEXT: '用好久了，太感谢了', + STARTER_TESTIMONIALS_ITEM_AVATAR: 'https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe4f391d7-7d65-4c05-a82c-c6e2c40f06e4%2Fa2a7641a26b367608c6ef28ce9b7e983_(2).png?table=block&id=a386eb0e-4c07-4b18-9ece-bba4e79ce21c&spaceId=6c096b44-beb9-48ee-8f92-1efdde47f3a3&width=100&userId=27074aef-7216-41ed-baef-d9b53addd870&cache=v2', + STARTER_TESTIMONIALS_ITEM_NICKNAME: 'LUCEN', + STARTER_TESTIMONIALS_ITEM_DESCRIPTION: 'LUCEN考验辅导 站长', + STARTER_TESTIMONIALS_ITEM_URL: 'https://www.lucenczz.top/' + } + ], + STARTER_NEWSLETTER: process.env.NEXT_PUBLIC_THEME_STARTER_NEWSLETTER || false // 是否开启邮件订阅 请先配置mailchimp功能 https://docs.tangly1024.com/article/notion-next-mailchimp } export default CONFIG