diff --git a/.vscode/settings.json b/.vscode/settings.json index d3af33c..bd6b758 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,5 +1,5 @@ { - "cSpell.words": ["CODECRAFT", "headlessui", "tailwindcss"], + "cSpell.words": ["clsx", "CODECRAFT", "headlessui", "tailwindcss"], "prettier.configPath": "./prettier.config.js", "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" diff --git a/app/(landing)/sections/About.tsx b/app/(landing)/sections/About.tsx index f5500c1..bfffeaf 100644 --- a/app/(landing)/sections/About.tsx +++ b/app/(landing)/sections/About.tsx @@ -1,10 +1,117 @@ +import Image from 'next/image'; +import clsx from 'clsx'; + +function AboutInfo({ children, title, imageSrc, alt, reverse }: + { + children: React.ReactNode, + title: string, + imageSrc: string, + alt: string, + reverse?: boolean, + } +) { + + function AboutInfoContent() { + return ( +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed + imperdiet, nibh nec dictum consectetur, lorem nisi +
+