Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-13 08:13:49 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat(client/landing): add testimonials section to landing page

Browse Source
This commit is contained in:
Amruth Pillai
2022-03-09 09:37:38 +01:00
parent 7e1448bbf9
commit 6f02048ebd
14 changed files with 216 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
client/components/landing/Testimony.module.scss Normal file
View File

@ -0,0 +1,12 @@
.testimony {
@apply grid gap-2;
@apply border-2 rounded p-4 dark:border-neutral-800;
blockquote {
@apply text-xs leading-normal text-justify opacity-90;
}
figcaption {
@apply text-xs opacity-60;
}
}

17
client/components/landing/Testimony.tsx Normal file
View File

@ -0,0 +1,17 @@
import { Testimony } from '@/data/testimonials';
import styles from './Testimony.module.scss';
type Props = Testimony;
const Testimony: React.FC<Props> = ({ name, message }) => {
return (
<div className={styles.testimony}>
<blockquote>{message}</blockquote>
<figcaption>— {name}</figcaption>
</div>
);
};
export default Testimony;

2
client/components/shared/Logo.tsx
View File

@ -5,7 +5,7 @@ type Props = {
};
const Logo: React.FC<Props> = ({ size = 64 }) => {
return <Image alt="Reactive Resume" src="/images/logo.svg" className="rounded" width={size} height={size} />;
return <Image alt="Reactive Resume" src="/images/logos/logo.svg" className="rounded" width={size} height={size} />;
};
export default Logo;