fix: config contact information

sites/chemnitz/config.ts

@@ -8,6 +8,10 @@ const config: SiteConfig = {
     'Katholische Pfarrei Heilige Mutter Teresa in Chemnitz – Gottesdienste, Veranstaltungen, Sakramente und Gemeindeleben.',
   url: 'https://mutter-teresa-chemnitz.de',
   email: 'kontakt@mutter-teresa-chemnitz.de',
+  address: 'Hohe Straße 1',
+  postalCode: '09112',
+  city: 'Chemnitz',
+  phone: '0371 304085',
   keywords: [
     'Katholische Pfarrei',
     'Heilige Mutter Teresa',

sites/dreikoenige/config.ts

@@ -8,6 +8,10 @@ const config: SiteConfig = {
     'Katholische Pfarrei Heilige Drei Könige in Berlin – Gottesdienste, Veranstaltungen, Sakramente und Gemeindeleben.',
   url: 'https://dreikoenige.berlin',
   email: 'kontakt@dreikoenige.berlin',
+  address: 'Briesestraße 15 – 17',
+  postalCode: '12053',
+  city: 'Berlin',
+  phone: '030-6889120',
   keywords: [
     'Katholische Pfarrei',
     'Heilige Drei Könige',

src/app/(home)/kontakt/page.tsx

@@ -7,6 +7,7 @@ import { P } from '@/components/Text/Paragraph'
 import { Row } from '@/components/Flex/Row'
 import { Col } from '@/components/Flex/Col'
 import Logo from '@/components/Logo/Logo'
+import { siteConfig } from '@/config/site'
 
 export default function ContactPage() {
   return (
@@ -18,14 +19,14 @@ export default function ContactPage() {
 
       <Section padding={"small"}>
         <Container>
-          <Title title={"Pfarrei Heilige Drei Könige"} size="md"></Title>
+          <Title title={siteConfig.shortName} size="md"></Title>
           <Row>
             <Col>
               <P width={"1/2"}>
-                Briesestraße 15 – 17<br/>
-                12053 Berlin <br/>
-                030-6889120 <br/>
-                kontakt@dreikoenige.berlin
+                {siteConfig.address}<br/>
+                {siteConfig.postalCode} {siteConfig.city}<br/>
+                {siteConfig.phone}<br/>
+                {siteConfig.email}
               </P>
               <P width={"1/2"}>
                 <strong>Geöffnet:</strong><br/>
@@ -36,8 +37,8 @@ export default function ContactPage() {
             <Col>
               <Logo
                 withText={true}
-                color={"#426156"}
-                textColor={"#728F8D"}
+                color={siteConfig.baseColor}
+                textColor={siteConfig.shade1}
                 height={140}
               />
             </Col>
@@ -48,8 +49,8 @@ export default function ContactPage() {
 
       <ContactSection
         title={"Kontaktformular"}
-        description={"Füllen Sie einfach unser Kontaktformular aus und wir werden uns umgehend mit Ihnen in Verbindung setzen. Oder senden Sie uns eine Nachricht auf kontakt@dreikoenige.berlin"}
-        toEmail={"kontakt@dreikoenige.berlin"}
+        description={`Füllen Sie einfach unser Kontaktformular aus und wir werden uns umgehend mit Ihnen in Verbindung setzen. Oder senden Sie uns eine Nachricht auf ${siteConfig.email}`}
+        toEmail={siteConfig.email}
       />
     </>
   )

src/components/Button/styles.module.scss

@@ -12,6 +12,8 @@
   text-decoration: none;
   margin: 0;
   display: inline-block;
+  line-height: 147%;
+  //box-sizing: content-box;
   -webkit-tap-highlight-color: transparent;
 }
 

src/components/PopupButton/PopupButton.tsx

@@ -38,11 +38,9 @@ export const PopupButton = ({size = "md", schema, text, links, title}: PopupButt
   return (
     <div className={styles.container}>
 
-      <div className={styles.button}>
-        <Button size={size} schema={schema} onClick={() => setIsPopupOpen(true)}>
-          {text}
-        </Button>
-      </div>
+      <Button size={size} schema={schema} onClick={() => setIsPopupOpen(true)}>
+        {text}
+      </Button>
 
       {isPopupOpen && (
         <div className={styles.popup}>

src/components/PopupButton/styles.module.scss

@@ -1,28 +1,26 @@
 @import 'template.scss';
 
 .container {
-  display: inline-grid;
-  place-items: center;
-  grid-template-areas: "a";
-  grid-template-rows: fit-content(0);
-}
-
-.button {
-  grid-area: a;
+  position: relative;
+  display: inline-block;
 }
 
 .popup {
-  grid-area: a;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
   background-color: $white;
   box-shadow: 0 0 21px 0 rgba(0,0,0,0.4);
   border-radius: 7px;
   min-width: 200px;
-  position: relative;
   overflow: auto;
 }
 
 .popupTitle {
   font-weight: bold;
+  font-size: 16px;
   text-align: center;
   padding: 10px 0;
   border-bottom: 1px solid $border-color-light;
@@ -33,7 +31,7 @@
   text-decoration: none;
   padding: 5px 15px;
   display: block;
-  font-size: 17px;
+  font-size: 16px;
   transition: background-color 0.2s ease-in;
 }
 

src/config/site.ts

@@ -23,6 +23,10 @@ export interface SiteConfig {
   description: string
   url: string
   email: string
+  address: string
+  postalCode: string
+  city: string
+  phone: string
   keywords: string[]
   ogImage: string
   baseColor: string