diff --git a/app/components/Divider.tsx b/app/components/Divider.tsx new file mode 100644 index 0000000..2f7db5e --- /dev/null +++ b/app/components/Divider.tsx @@ -0,0 +1,57 @@ +export function Divider() { + return ( +
+
+ +

+ Klarheit +

+ + {/* Arrow separator (flipped) */} +
+
+
+ +
+
+
+ +

+ Fokus +

+ + {/* Arrow separator (flipped) */} +
+
+
+ +
+
+
+ +

+ Entlastung +

+ + {/* Sparkle icon */} +
+
+
+ +
+
+
+ +
+
+ ); +} diff --git a/app/page.tsx b/app/page.tsx index 002503a..c70e94d 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,9 +1,11 @@ import { Hero } from "./components/Hero"; +import { Divider } from "./components/Divider"; export default function Home() { return (
+
); } diff --git a/public/icon-separator-right.svg b/public/icon-separator-right.svg new file mode 100644 index 0000000..81b96f0 --- /dev/null +++ b/public/icon-separator-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icon-separator.svg b/public/icon-separator.svg new file mode 100644 index 0000000..fa3898e --- /dev/null +++ b/public/icon-separator.svg @@ -0,0 +1,3 @@ + + +