From 7719d4ca3795818bda338010ac226ee46282a708 Mon Sep 17 00:00:00 2001 From: Hassan El Mghari Date: Sat, 4 Mar 2023 01:04:42 -0500 Subject: [PATCH] added testimonials section --- components/Testimonials.tsx | 136 ++++++++++++++++++++++++++++++++++++ pages/index.tsx | 3 +- public/ade.jpeg | Bin 0 -> 3375 bytes public/arthur.jpg | Bin 0 -> 37630 bytes public/eve.jpg | Bin 0 -> 44134 bytes public/generated-pic.png | Bin 540876 -> 0 bytes public/github.jpg | Bin 0 -> 9861 bytes public/music.jpg | Bin 0 -> 10051 bytes public/rob.jpg | Bin 0 -> 66090 bytes 9 files changed, 138 insertions(+), 1 deletion(-) create mode 100644 components/Testimonials.tsx create mode 100644 public/ade.jpeg create mode 100644 public/arthur.jpg create mode 100644 public/eve.jpg delete mode 100644 public/generated-pic.png create mode 100644 public/github.jpg create mode 100644 public/music.jpg create mode 100644 public/rob.jpg diff --git a/components/Testimonials.tsx b/components/Testimonials.tsx new file mode 100644 index 00000000..18075f83 --- /dev/null +++ b/components/Testimonials.tsx @@ -0,0 +1,136 @@ +import Image from "next/image"; + +const testimonials = [ + [ + { + content: "So good! I need this right now. Congrats on the launch!", + link: "https://twitter.com/eveporcello/status/1631438728999899136", + author: { + name: "Eve Porcello", + role: "Engineer & Author", + image: "/eve.jpg", + }, + }, + + { + content: + "Finally! Something to help me get over my indecisiveness when decorating my house!", + link: "https://twitter.com/arthur_dvorkin/status/1631402865209274369", + author: { + name: "Arthur Dvorkin", + role: "Engineer", + image: "/arthur.jpg", + }, + }, + ], + [ + { + content: + "This is incredible, you don't need an interior designer anymore.", + link: "https://www.tiktok.com/@thenubians/video/7206088336044313861?q=roomgpt.io&t=1677909079689", + author: { + name: "Ade Dada", + role: "Startup Founder", + image: "/ade.jpeg", + }, + }, + { + content: + "I haven't changed my room layout for 5 years, but this app may change that. Great job.", + link: "https://twitter.com/RobAttfield/status/1631545265281974273", + author: { + name: "Rob Attfield", + role: "Software Engineer", + image: "/rob.jpg", + }, + }, + ], + [ + { + content: + "This is fantastic. I've already decided on a new wall color from a generated image and repainting it is now my weekend project.", + link: "https://twitter.com/Music4UsAll/status/1631622608595607552", + author: { + name: "Music", + role: "Some dude on the internet", + image: "/music.jpg", + }, + }, + { + content: "🤯", + link: "https://twitter.com/github/status/1631821360619028482", + author: { + name: "GitHub", + role: "The one and only", + image: "/github.jpg", + }, + }, + ], +]; + +export function Testimonials() { + return ( +
+
+
+

+ Loved by many worldwide. +

+

+ See what our 50,000+ users are saying about the product. +

+
+ +
+
+ ); +} diff --git a/pages/index.tsx b/pages/index.tsx index 25d51f62..0fba24b3 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -5,6 +5,7 @@ import Link from "next/link"; import Footer from "../components/Footer"; import Header from "../components/Header"; import SquigglyLines from "../components/SquigglyLines"; +import { Testimonials } from "../components/Testimonials"; const Home: NextPage = () => { return ( @@ -69,7 +70,7 @@ const Home: NextPage = () => { - {/* */} +