diff --git a/packages/website/src/components/landing/index.tsx b/packages/website/src/components/landing/index.tsx
index 136753d0..ba49835d 100644
--- a/packages/website/src/components/landing/index.tsx
+++ b/packages/website/src/components/landing/index.tsx
@@ -1,12 +1,15 @@
import React from "react";
-import Hero from "../hero";
-import Features from "./features";
+import { Hero } from "../hero";
+import { Features } from "./features";
+import { Testimonials } from "./testimonials";
-export default function Landing() {
+export function Landing() {
return (
);
}
diff --git a/packages/website/src/components/landing/stars-button.tsx b/packages/website/src/components/landing/stars-button.tsx
index 5f04984b..2b724e2b 100644
--- a/packages/website/src/components/landing/stars-button.tsx
+++ b/packages/website/src/components/landing/stars-button.tsx
@@ -19,13 +19,7 @@ function useFetchStarsCount() {
return { starsCount };
}
-export default function StarsButton({
- width,
- height,
-}: {
- width: string;
- height: string;
-}) {
+export function StarsButton() {
// const { starsCount } = useFetchStarsCount();
const starsCount = 269;
diff --git a/packages/website/src/components/landing/testimonials.tsx b/packages/website/src/components/landing/testimonials.tsx
new file mode 100644
index 00000000..71d0a9c8
--- /dev/null
+++ b/packages/website/src/components/landing/testimonials.tsx
@@ -0,0 +1,70 @@
+import React from "react";
+import { Tweet, TweetProps } from "./tweet";
+
+const libURLSpan = `https://github.com/TheEdoRan/next-safe-action`;
+
+const tweets: TweetProps[] = [
+ {
+ tweetURL: "https://twitter.com/zaphodias/status/1654158096048979973",
+ authorName: "zaphodias",
+ authorHandle: "zaphodias",
+ authorImage:
+ "https://pbs.twimg.com/profile_images/1478681149824245762/OPY0MMZX_400x400.jpg",
+ date: "May, 4, 2023",
+ textHTML: `step 1: upgrade to next 13.4;
+step 2: understand actions;
+step 3: use @TheEdoRan's lib 🎉`, + }, + { + tweetURL: "https://twitter.com/rclmenezes/status/1654111420047409153", + authorName: "rigo", + authorHandle: "rclmenezes", + authorImage: + "https://pbs.twimg.com/profile_images/1298993375442382850/bMU83i0i_400x400.jpg", + date: "May 4, 2023", + textHTML: `I predict that ${libURLSpan} is going to get a loooooot of stars in a few hours :)
+Props @TheEdoRan`, + }, + { + tweetURL: "https://twitter.com/ErfanEbrahimnia/status/1699816975009013935", + authorName: "Erfan Ebrahimnia", + authorHandle: "ErfanEbrahimnia", + authorImage: + "https://pbs.twimg.com/profile_images/1590423813443002371/Cos1mBo0_400x400.jpg", + date: "Sep 7, 2023", + textHTML: `Using next-safe-action by @TheEdoRan in a project right now and really like it
+It handles input-validation and errors when using Server Actions
+${libURLSpan}`, + }, + { + tweetURL: "https://twitter.com/Xexr/status/1674154036788879360", + authorName: "Xexr", + authorHandle: "Xexr", + authorImage: + "https://pbs.twimg.com/profile_images/1301926733747236864/wkYpwNY1_400x400.jpg", + date: "Jun 28, 2023", + textHTML: `@t3dotgg I saw you mention next-safe-action on your live stream. I wanted to throw my hat in the ring and give it a shout out.
+It's honestly great, @TheEdoRan has done a fantastic job and it deserves way more attention, I suspect it will get it after the stream mention. 👇`, + }, +]; + +export function Testimonials() { + return ( +
+step 2: understand actions;
+step 3: use @TheEdoRan's lib 🎉`, + }, + { + tweetURL: "https://twitter.com/rclmenezes/status/1654111420047409153", + authorName: "rigo", + authorHandle: "rclmenezes", + authorImage: + "https://pbs.twimg.com/profile_images/1298993375442382850/bMU83i0i_400x400.jpg", + date: "May 4, 2023", + textHTML: `I predict that ${libURLSpan} is going to get a loooooot of stars in a few hours :)
+Props @TheEdoRan`, + }, + { + tweetURL: "https://twitter.com/ErfanEbrahimnia/status/1699816975009013935", + authorName: "Erfan Ebrahimnia", + authorHandle: "ErfanEbrahimnia", + authorImage: + "https://pbs.twimg.com/profile_images/1590423813443002371/Cos1mBo0_400x400.jpg", + date: "Sep 7, 2023", + textHTML: `Using next-safe-action by @TheEdoRan in a project right now and really like it
+It handles input-validation and errors when using Server Actions
+${libURLSpan}`, + }, + { + tweetURL: "https://twitter.com/Xexr/status/1674154036788879360", + authorName: "Xexr", + authorHandle: "Xexr", + authorImage: + "https://pbs.twimg.com/profile_images/1301926733747236864/wkYpwNY1_400x400.jpg", + date: "Jun 28, 2023", + textHTML: `@t3dotgg I saw you mention next-safe-action on your live stream. I wanted to throw my hat in the ring and give it a shout out.
+It's honestly great, @TheEdoRan has done a fantastic job and it deserves way more attention, I suspect it will get it after the stream mention. 👇`, + }, +]; + +export function Testimonials() { + return ( +
+
+ );
+}
diff --git a/packages/website/src/components/landing/tweet.tsx b/packages/website/src/components/landing/tweet.tsx
new file mode 100644
index 00000000..25a6b391
--- /dev/null
+++ b/packages/website/src/components/landing/tweet.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+
+export type TweetProps = {
+ tweetURL: string;
+ authorName: string;
+ authorHandle: string;
+ authorImage: string;
+ date: string;
+ textHTML: string;
+};
+
+export function Tweet({
+ tweetURL,
+ authorName,
+ authorHandle,
+ authorImage,
+ date,
+ textHTML,
+}: TweetProps) {
+ return (
+
+
+
+
+
+
+
+
+ Coolest web devs say:
+
+
+ {tweets.map((tweet, idx) => (
+
+
+ 
+
+
+
+
+ {authorName}
+
+
+ @{authorHandle}
+
+
+ {date}
+
+ );
+}
diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css
index 7ba31ca6..8dbd87e1 100644
--- a/packages/website/src/css/custom.css
+++ b/packages/website/src/css/custom.css
@@ -23,6 +23,10 @@ body {
box-shadow: 0px 1px #e7e5e4 !important;
}
+.root_------node_modules-react-tweet-dist-twitter-theme-quoted-tweet-quoted-tweet-container-module {
+ display: none !important;
+}
+
:root {
--ifm-color-primary: #da6f0c;
--ifm-color-primary-dark: #c4640b;
diff --git a/packages/website/src/pages/index.tsx b/packages/website/src/pages/index.tsx
index 162be30b..a514e79c 100644
--- a/packages/website/src/pages/index.tsx
+++ b/packages/website/src/pages/index.tsx
@@ -1,7 +1,7 @@
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import Layout from "@theme/Layout";
import React from "react";
-import Landing from "../components/landing";
+import { Landing } from "../components/landing";
export default function Home(): JSX.Element {
const { siteConfig } = useDocusaurusContext();