diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx index acfb03e..0c8168f 100644 --- a/app/[locale]/page.tsx +++ b/app/[locale]/page.tsx @@ -1,11 +1,13 @@ import HeroSection from "@/components/sections/HeroSection"; import WorksSection from "@/components/sections/WorksSection"; +import FeatureSection from "@/components/sections/FeatureSection"; export default function Home() { return (
+
); } \ No newline at end of file diff --git a/components/sections/FeatureSection.tsx b/components/sections/FeatureSection.tsx new file mode 100644 index 0000000..06e9ecf --- /dev/null +++ b/components/sections/FeatureSection.tsx @@ -0,0 +1,23 @@ +import { FeatureColumn } from '@/components/ui/FeatureColumn'; + +export default function FeatureSection() { + return ( +
+ + + +
+ ); +} \ No newline at end of file diff --git a/components/ui/FeatureColumn.tsx b/components/ui/FeatureColumn.tsx new file mode 100644 index 0000000..34ce1ca --- /dev/null +++ b/components/ui/FeatureColumn.tsx @@ -0,0 +1,15 @@ +type props = { + imagePath : string; + title : String; + text : String; +}; + +export const FeatureColumn = ({ imagePath, title, text }: props) => { + return ( +
+ {`icon +
{title}
+
{text}
+
+ ); +}; \ No newline at end of file diff --git a/components/ui/ProjectCard.tsx b/components/ui/ProjectCard.tsx index e0174eb..0ee3474 100644 --- a/components/ui/ProjectCard.tsx +++ b/components/ui/ProjectCard.tsx @@ -56,9 +56,6 @@ export const ProjectCard = ({ - - - {/* Bottom separator */} {isTheLast &&
}
diff --git a/public/icons/brain.svg b/public/icons/brain.svg new file mode 100644 index 0000000..14bd130 --- /dev/null +++ b/public/icons/brain.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icons/building.svg b/public/icons/building.svg new file mode 100644 index 0000000..051324c --- /dev/null +++ b/public/icons/building.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/icons/people.svg b/public/icons/people.svg new file mode 100644 index 0000000..0564b9e --- /dev/null +++ b/public/icons/people.svg @@ -0,0 +1,4 @@ + + + +