From 3e8fedf8042a9f5b1e68ddbda9f517d9a15959aa Mon Sep 17 00:00:00 2001 From: nicosammito Date: Mon, 6 May 2024 17:59:13 +0200 Subject: [PATCH] business card integration --- public/code0_bc_nicosammito.vcf | 15 +++++ public/code0_bc_raphael-goetz.vcf | 15 +++++ src/app/business-card/nico-sammito/page.tsx | 52 ++++++++++++++++++ src/app/business-card/raphael-goetz/page.tsx | 54 ++++++++++++++++++ src/app/page.tsx | 1 - .../BottomNavigation.module.scss | 12 ++++ .../BottomNavigation/BottomNavigation.tsx | 13 +++++ .../BusinessCard/BusinessCard.module.scss | 6 ++ src/components/BusinessCard/BusinessCard.tsx | 55 +++++++++++++++++++ src/static-components/FlowSection.tsx | 4 +- 10 files changed, 224 insertions(+), 3 deletions(-) create mode 100644 public/code0_bc_nicosammito.vcf create mode 100644 public/code0_bc_raphael-goetz.vcf create mode 100644 src/app/business-card/nico-sammito/page.tsx create mode 100644 src/app/business-card/raphael-goetz/page.tsx create mode 100644 src/components/BottomNavigation/BottomNavigation.module.scss create mode 100644 src/components/BottomNavigation/BottomNavigation.tsx create mode 100644 src/components/BusinessCard/BusinessCard.module.scss create mode 100644 src/components/BusinessCard/BusinessCard.tsx diff --git a/public/code0_bc_nicosammito.vcf b/public/code0_bc_nicosammito.vcf new file mode 100644 index 0000000..2c094f2 --- /dev/null +++ b/public/code0_bc_nicosammito.vcf @@ -0,0 +1,15 @@ +BEGIN:VCARD +VERSION:3.0 +N;CHARSET=UTF-8:Sammito;Nico;;; +FN;CHARSET=UTF-8: Nico Sammito +ORG;CHARSET=UTF-8:Code0 +TITLE;CHARSET=UTF-8:Co-founder +URL;WORK:https://code0.tech +EMAIL;type=WORK;type=PREF:nsammito@code0.tech +TEL;type=WORK;VOICE:+49 176 72586618 +TEL;type=CELL;MOBILE:+49 176 72586618 +ADR;CHARSET=UTF-8;WORK;type=pref:;;Haberstraße 41;Leverkusen;;51373;Germany +LABEL;WORK;PREF;ENCODING=QUOTED-PRINTABLE;CHARSET=UTF-8:Haberstraße 41=0D=0A= +51373 Leverkusen Germany +REV:2024-05-06T17:48:58+02:00 +END:VCARD \ No newline at end of file diff --git a/public/code0_bc_raphael-goetz.vcf b/public/code0_bc_raphael-goetz.vcf new file mode 100644 index 0000000..2fa8a38 --- /dev/null +++ b/public/code0_bc_raphael-goetz.vcf @@ -0,0 +1,15 @@ +BEGIN:VCARD +VERSION:3.0 +N;CHARSET=UTF-8:Götz;Raphael;;; +FN;CHARSET=UTF-8: Raphael Götz +ORG;CHARSET=UTF-8:Code0 +TITLE;CHARSET=UTF-8:Co-founder +URL;WORK:https://code0.tech +EMAIL;type=WORK;type=PREF:rgoetz@code0.tech +TEL;type=WORK;VOICE:+49 176 87887188 +TEL;type=CELL;MOBILE:+49 176 87887188 +ADR;CHARSET=UTF-8;WORK;type=pref:;;Haberstraße 41;Leverkusen;;51373;Germany +LABEL;WORK;PREF;ENCODING=QUOTED-PRINTABLE;CHARSET=UTF-8:Haberstraße 41=0D=0A= +51373 Leverkusen Germany +REV:2024-05-06T17:51:23+02:00 +END:VCARD \ No newline at end of file diff --git a/src/app/business-card/nico-sammito/page.tsx b/src/app/business-card/nico-sammito/page.tsx new file mode 100644 index 0000000..9f12da2 --- /dev/null +++ b/src/app/business-card/nico-sammito/page.tsx @@ -0,0 +1,52 @@ +"use client" + +import {NextPage} from "next"; +import {BusinessCard} from "@/components/BusinessCard/BusinessCard"; +import {Button, Col, Container, Row} from "@code0-tech/pictor"; +import {Header} from "@/components/Header/Header"; +import React from "react"; +import {CommunitySection} from "@/static-components/CommunitySection"; +import {FlowSection} from "@/static-components/FlowSection"; +import {IconBrandAndroid, IconBrandApple} from "@tabler/icons-react"; +import {BottomNavigation} from "@/components/BottomNavigation/BottomNavigation"; + +const NicoSammitoCard: NextPage = () => { + return <> + + + + +
+ + + <> + + +

+ Our business card
in style +

+ + + <> + + + +
+ + + +} + +export default NicoSammitoCard; \ No newline at end of file diff --git a/src/app/business-card/raphael-goetz/page.tsx b/src/app/business-card/raphael-goetz/page.tsx new file mode 100644 index 0000000..a799d25 --- /dev/null +++ b/src/app/business-card/raphael-goetz/page.tsx @@ -0,0 +1,54 @@ +"use client" + +import {NextPage} from "next"; +import {BusinessCard} from "@/components/BusinessCard/BusinessCard"; +import {Button, Col, Container, Row} from "@code0-tech/pictor"; +import {Header} from "@/components/Header/Header"; +import React from "react"; +import {CommunitySection} from "@/static-components/CommunitySection"; +import {FlowSection} from "@/static-components/FlowSection"; +import {IconBrandAndroid, IconBrandApple} from "@tabler/icons-react"; +import {BottomNavigation} from "@/components/BottomNavigation/BottomNavigation"; + +const NicoSammitoCard: NextPage = () => { + return <> + + + + +
+ + + + <> + + +

+ Our business card
in style +

+ + + + <> + + + +
+ + + +} + +export default NicoSammitoCard; \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 440abf6..81081d0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -7,7 +7,6 @@ import {FlowSection} from "@/static-components/FlowSection"; import {IntegrationsSection} from "@/static-components/IntegrationsSection"; import {AdaptersSection} from "@/static-components/AdaptersSection"; import {CommunitySection} from "@/static-components/CommunitySection"; -import {RoadMapSection} from "@/static-components/RoadMapSection"; const LandingPage: NextPage = () => { diff --git a/src/components/BottomNavigation/BottomNavigation.module.scss b/src/components/BottomNavigation/BottomNavigation.module.scss new file mode 100644 index 0000000..d8d1eac --- /dev/null +++ b/src/components/BottomNavigation/BottomNavigation.module.scss @@ -0,0 +1,12 @@ +.bottom-navigation { + position: fixed; + bottom: 0; + width: 100vw; + z-index: 9999; + padding: 1rem; + + background: rgba(#030014, .1); + -webkit-backdrop-filter: blur(1rem); + backdrop-filter: blur(1rem); + border-top: 1px solid rgba(#030014, .25); +} \ No newline at end of file diff --git a/src/components/BottomNavigation/BottomNavigation.tsx b/src/components/BottomNavigation/BottomNavigation.tsx new file mode 100644 index 0000000..8adbd02 --- /dev/null +++ b/src/components/BottomNavigation/BottomNavigation.tsx @@ -0,0 +1,13 @@ +import styles from './BottomNavigation.module.scss'; +import React from "react"; +import {Container} from "@code0-tech/pictor"; + +export const BottomNavigation: React.FC<{children: React.ReactNode}> = ({children}) => { + + return
+ + {children} + +
+ +} \ No newline at end of file diff --git a/src/components/BusinessCard/BusinessCard.module.scss b/src/components/BusinessCard/BusinessCard.module.scss new file mode 100644 index 0000000..78f76a9 --- /dev/null +++ b/src/components/BusinessCard/BusinessCard.module.scss @@ -0,0 +1,6 @@ +.business-card { + border-color: rgba(#70ffb2, .5) !important; + &:before { + background: linear-gradient(225deg, rgba(#70ffb2, .5) 0%, transparent 50%) !important; + } +} \ No newline at end of file diff --git a/src/components/BusinessCard/BusinessCard.tsx b/src/components/BusinessCard/BusinessCard.tsx new file mode 100644 index 0000000..b80ee1a --- /dev/null +++ b/src/components/BusinessCard/BusinessCard.tsx @@ -0,0 +1,55 @@ +import {Card, Text} from "@code0-tech/pictor"; +import {IconBrandLinkedin, IconMail, IconPhone} from "@tabler/icons-react"; +import Image from "next/image"; +import styles from "./BusinessCard.module.scss"; +import React from "react"; + + +interface BusinessCardType { + name: string + position: string + mail: string + phone: string + linkedIn: string +} + +export const BusinessCard: React.FC = ({name, position, mail,phone, linkedIn}) => { + return + + {"code0 +
+ + {name} + + + {position} + +
+ + + + Haberstraße 41 + + + 51373, Leverkusen + + + Germany + + + + + + {mail}@code0.tech + + + + {phone} + + + + {linkedIn} + + + +} \ No newline at end of file diff --git a/src/static-components/FlowSection.tsx b/src/static-components/FlowSection.tsx index 8886b9c..26d646a 100644 --- a/src/static-components/FlowSection.tsx +++ b/src/static-components/FlowSection.tsx @@ -1,7 +1,7 @@ import React from "react"; -import {Card, Col, Container, Row, Text} from "@code0-tech/pictor"; +import {Col, Container, Row, Text} from "@code0-tech/pictor"; import {FlowCard} from "@/components/FlowCard/FlowCard"; -import {ChildFlowSplitter, FlowSplitter, ParentFlowSplitter} from "@/components/FlowLines/FlowLines"; +import {ChildFlowSplitter, ParentFlowSplitter} from "@/components/FlowLines/FlowLines"; export const FlowSection: React.FC = () => {