umwd-components 0.1.130 → 0.1.132

package/dist/cjs/components/BulletList.js

@@ -19,7 +19,6 @@ function BulletList(_ref) {
     bullets,
     bulletSVG
   } = _ref;
-  console.log("bulletSVG2", bulletSVG);
   return /*#__PURE__*/React.createElement(material.Stack, {
     spacing: 2
   }, bullets.map((bullet, index) => /*#__PURE__*/React.createElement(material.Typography, {

package/dist/cjs/components/FeaturesSection.js

@@ -85,15 +85,7 @@ function FeatureSection(_ref) {
       variant: "body2",
       color: "text.secondary",
       component: "div"
-    }, feature.subHeading)), /*#__PURE__*/React.createElement(material.CardActions, {
-      sx: {
-        mb: 0
-      }
-    }, /*#__PURE__*/React.createElement(material.Button, {
-      size: "small"
-    }, "Contact"), /*#__PURE__*/React.createElement(material.Button, {
-      size: "small"
-    }, "Learn More")));
+    }, feature.subHeading)));
   })));
 }
 

package/dist/cjs/components/HeroSection.js

@@ -25,7 +25,6 @@ function HeroSection(_ref) {
     maxWidth
   } = data;
   const theme = material.useTheme();
-  console.log(theme.palette.background.paper);
   const glassColor = utils.setOpacity(theme.palette.background.paper, 0.45);
   return /*#__PURE__*/React.createElement("header", {
     style: {
@@ -77,7 +76,12 @@ function HeroSection(_ref) {
     alt: logoImage.alternativeText,
     height: logoImage.height || 100,
     src: logoImage.url,
-    width: logoImage.width || 100
+    width: logoImage.width || 100,
+    style: {
+      width: "90%",
+      height: "90%",
+      objectFit: "contain"
+    }
   }), /*#__PURE__*/React.createElement(material.Typography, {
     variant: "h2",
     align: "center",

package/dist/cjs/components/NavBar.js

@@ -57,7 +57,6 @@ function NavBar(_ref) {
   };
   const router = navigation.useRouter();
   const handleChange = (event, newValue) => {
-    console.log(newValue);
     setCurrentTab(newValue);
   };
   const theme = material.useTheme();

package/dist/cjs/components/PersonaliaSection.js

@@ -48,7 +48,8 @@ function PersonaliaSection(_ref) {
       spacing: 3
     }, /*#__PURE__*/React.createElement(material.Grid, {
       item: true,
-      xs: 7
+      xs: 12,
+      sm: 7
     }, /*#__PURE__*/React.createElement(material.Typography, {
       variant: "h5",
       sx: {
@@ -67,17 +68,25 @@ function PersonaliaSection(_ref) {
       content: partner.text
     })), /*#__PURE__*/React.createElement(material.Grid, {
       item: true,
-      xs: 5
+      xs: 12,
+      sm: 5
     }, /*#__PURE__*/React.createElement(material.Stack, {
-      spacing: 2
+      spacing: 2,
+      sx: {
+        overflow: "clip"
+      },
+      justifyContent: "center",
+      alignItems: "stretch"
     }, ((_partner$photo = partner.photo) === null || _partner$photo === void 0 ? void 0 : _partner$photo.url) && /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
       src: partner.photo.url,
-      alt: partner.photo.alternativeText
-      // width={partner.photo.width}
-      // height={partner.photo.height}
-      ,
+      alt: partner.photo.alternativeText,
       width: 200,
-      height: 200
+      height: 200,
+      style: {
+        borderRadius: "50%",
+        margin: "auto",
+        ...partner.photo.style
+      }
     }), ((_partner$links = partner.links) === null || _partner$links === void 0 ? void 0 : _partner$links.length) > 0 && partner.links.map(link => {
       return /*#__PURE__*/React.createElement(MuiLink.MuiLink, {
         href: link.url,

package/dist/cjs/components/ScrollLink.js

@@ -35,7 +35,6 @@ const ScrollLink = _ref => {
     });
   };
   const theme = material.useTheme();
-  console.log(theme.palette.text);
   return /*#__PURE__*/React.createElement(Link, _rollupPluginBabelHelpers.extends({}, props, {
     onClick: handleScroll,
     style: {

package/dist/cjs/components/ScrollNavbar.js

@@ -72,7 +72,10 @@ function ScrollNavbar(_ref) {
     height: logo.height,
     alt: logo.alternativeText || "site logo",
     style: {
-      maxHeight: "50px"
+      maxHeight: "55px",
+      marginRight: "20px",
+      width: "auto",
+      height: "auto"
     }
   }), site_title !== undefined && /*#__PURE__*/React.createElement(material.Typography, {
     variant: "h6",
@@ -112,7 +115,8 @@ function ScrollNavbar(_ref) {
       flexGrow: 1,
       display: {
         xs: "none",
-        md: "flex"
+        md: "flex",
+        alignItems: "center"
       }
     }
   }, /*#__PURE__*/React.createElement(material.Tabs, {
@@ -120,7 +124,7 @@ function ScrollNavbar(_ref) {
     "aria-label": "wrapped label tabs example",
     textColor: "secondary",
     indicatorColor: "secondary",
-    variant: "fullWidth"
+    role: "navigation"
   }, tabs.length > 0 && tabs.map((tab, index) => {
     return /*#__PURE__*/React.createElement(material.Box, {
       key: tab.name,
@@ -157,12 +161,13 @@ function ScrollNavbar(_ref) {
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: logo.url,
-    width: logo.width || "32px",
-    height: logo.height || "32px",
+    width: logo.width || 32,
+    height: logo.height || 32,
     alt: logo.alternativeText || "site logo",
     style: {
-      maxWidth: "60px",
-      maxHeight: "60px"
+      maxHeight: "60px",
+      width: "auto",
+      height: "auto"
     }
   })), site_title !== undefined && /*#__PURE__*/React.createElement(material.Typography, {
     variant: "h5",
@@ -237,11 +242,12 @@ function ScrollNavbar(_ref) {
   }, /*#__PURE__*/React.createElement("img", {
     src: logo.url,
     alt: logo.alternativeText || "logo",
-    width: logo.width || "32px",
-    height: logo.height || "32px",
+    width: logo.width || 32,
+    height: logo.height || 32,
     style: {
-      maxWidth: "60px",
-      maxHeight: "60px"
+      maxHeight: "60px",
+      width: "auto",
+      height: "auto"
     }
   })), /*#__PURE__*/React.createElement(material.Typography, {
     variant: "h5",
@@ -267,18 +273,17 @@ function ScrollNavbar(_ref) {
     sx: {
       color: "primary.contrastText"
     }
-  }))))), pages && pages.length > 0 && /*#__PURE__*/React.createElement(material.List, null, pages.map(page => {
+  }))))), tabs && tabs.length > 0 && /*#__PURE__*/React.createElement(material.List, null, tabs.map(tab => {
     return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: page.name
+      key: tab.name
     }, /*#__PURE__*/React.createElement(ScrollLink.default, {
-      href: "#".concat(page.slug)
-    }, /*#__PURE__*/React.createElement(material.ListItem
-    /* onClick={() => {
-      router.push(page.url);
-      handleCloseMobileMenu();
-    }} */, null, /*#__PURE__*/React.createElement(material.ListItemText, {
-      primary: page.name
-    }))), /*#__PURE__*/React.createElement(material.Divider, null));
+      href: "#".concat(tab.slug)
+    }, /*#__PURE__*/React.createElement(material.Box, {
+      onClick: handleCloseMobileMenu
+      //sx={{ width: "100%", height: "100%" }}
+    }, /*#__PURE__*/React.createElement(material.ListItem, null, /*#__PURE__*/React.createElement(material.ListItemText, {
+      primary: tab.name
+    })))), /*#__PURE__*/React.createElement(material.Divider, null));
   })))))));
 }
 

package/dist/cjs/components/WebsitePlaceholder.js

@@ -24,27 +24,18 @@ function WebsitePlaceholder(_ref) {
     children
   } = _ref;
   const theme = material.useTheme();
-  console.log(theme.palette.mode);
-
-  // const [keysPressed, setKeysPressed] = React.useState({});
-  // let visible = true;
-
   const [visible, setVisible] = React.useState(true);
   let keysPressed = {};
   const keyDownHandler = event => {
-    console.log("key down", event.key, keysPressed);
     keysPressed = {
       ...keysPressed,
       [event.key]: true
     };
     if (keysPressed["w"] === true && keysPressed["a"] === true && keysPressed["s"] === true && keysPressed["d"] === true) {
-      console.log("You found the easter egg!", visible);
-      // visible = Boolean(!visible);
       setVisible(!visible);
     }
   };
   const keyUpHandler = event => {
-    console.log("key up", event.key);
     keysPressed[event.key] = false;
   };
   React.useEffect(() => {
@@ -55,9 +46,6 @@ function WebsitePlaceholder(_ref) {
       document.removeEventListener("keyup", keyUpHandler);
     };
   }, []);
-  React.useEffect(() => {
-    console.log("visible", visible);
-  }, [visible]);
   return /*#__PURE__*/React.createElement(material.Box, {
     sx: [visible && {
       display: "grid",

package/dist/esm/components/BulletList.js

@@ -15,7 +15,6 @@ function BulletList(_ref) {
     bullets,
     bulletSVG
   } = _ref;
-  console.log("bulletSVG2", bulletSVG);
   return /*#__PURE__*/React__default.createElement(Stack, {
     spacing: 2
   }, bullets.map((bullet, index) => /*#__PURE__*/React__default.createElement(Typography, {

package/dist/esm/components/FeaturesSection.js

@@ -5,7 +5,7 @@
  */
   
 import React__default from 'react';
-import { useTheme, Container, Stack, Card, CardContent, Box, Typography, CardActions, Button } from '@mui/material';
+import { useTheme, Container, Stack, Card, CardContent, Box, Typography } from '@mui/material';
 import getIcon from '../lib/getIcon.js';
 
 function FeatureSection(_ref) {
@@ -83,15 +83,7 @@ function FeatureSection(_ref) {
       variant: "body2",
       color: "text.secondary",
       component: "div"
-    }, feature.subHeading)), /*#__PURE__*/React__default.createElement(CardActions, {
-      sx: {
-        mb: 0
-      }
-    }, /*#__PURE__*/React__default.createElement(Button, {
-      size: "small"
-    }, "Contact"), /*#__PURE__*/React__default.createElement(Button, {
-      size: "small"
-    }, "Learn More")));
+    }, feature.subHeading)));
   })));
 }
 

package/dist/esm/components/HeroSection.js

@@ -23,7 +23,6 @@ function HeroSection(_ref) {
     maxWidth
   } = data;
   const theme = useTheme();
-  console.log(theme.palette.background.paper);
   const glassColor = setOpacity(theme.palette.background.paper, 0.45);
   return /*#__PURE__*/React__default.createElement("header", {
     style: {
@@ -75,7 +74,12 @@ function HeroSection(_ref) {
     alt: logoImage.alternativeText,
     height: logoImage.height || 100,
     src: logoImage.url,
-    width: logoImage.width || 100
+    width: logoImage.width || 100,
+    style: {
+      width: "90%",
+      height: "90%",
+      objectFit: "contain"
+    }
   }), /*#__PURE__*/React__default.createElement(Typography, {
     variant: "h2",
     align: "center",

package/dist/esm/components/NavBar.js

@@ -53,7 +53,6 @@ function NavBar(_ref) {
   };
   const router = useRouter();
   const handleChange = (event, newValue) => {
-    console.log(newValue);
     setCurrentTab(newValue);
   };
   const theme = useTheme();

package/dist/esm/components/PersonaliaSection.js

@@ -46,7 +46,8 @@ function PersonaliaSection(_ref) {
       spacing: 3
     }, /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
-      xs: 7
+      xs: 12,
+      sm: 7
     }, /*#__PURE__*/React__default.createElement(Typography, {
       variant: "h5",
       sx: {
@@ -65,17 +66,25 @@ function PersonaliaSection(_ref) {
       content: partner.text
     })), /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
-      xs: 5
+      xs: 12,
+      sm: 5
     }, /*#__PURE__*/React__default.createElement(Stack, {
-      spacing: 2
+      spacing: 2,
+      sx: {
+        overflow: "clip"
+      },
+      justifyContent: "center",
+      alignItems: "stretch"
     }, ((_partner$photo = partner.photo) === null || _partner$photo === void 0 ? void 0 : _partner$photo.url) && /*#__PURE__*/React__default.createElement(StrapiImage, {
       src: partner.photo.url,
-      alt: partner.photo.alternativeText
-      // width={partner.photo.width}
-      // height={partner.photo.height}
-      ,
+      alt: partner.photo.alternativeText,
       width: 200,
-      height: 200
+      height: 200,
+      style: {
+        borderRadius: "50%",
+        margin: "auto",
+        ...partner.photo.style
+      }
     }), ((_partner$links = partner.links) === null || _partner$links === void 0 ? void 0 : _partner$links.length) > 0 && partner.links.map(link => {
       return /*#__PURE__*/React__default.createElement(MuiLink, {
         href: link.url,

package/dist/esm/components/ScrollLink.js

@@ -31,7 +31,6 @@ const ScrollLink = _ref => {
     });
   };
   const theme = useTheme();
-  console.log(theme.palette.text);
   return /*#__PURE__*/React__default.createElement(Link, _extends({}, props, {
     onClick: handleScroll,
     style: {

package/dist/esm/components/ScrollNavbar.js

@@ -68,7 +68,10 @@ function ScrollNavbar(_ref) {
     height: logo.height,
     alt: logo.alternativeText || "site logo",
     style: {
-      maxHeight: "50px"
+      maxHeight: "55px",
+      marginRight: "20px",
+      width: "auto",
+      height: "auto"
     }
   }), site_title !== undefined && /*#__PURE__*/React__default.createElement(Typography, {
     variant: "h6",
@@ -108,7 +111,8 @@ function ScrollNavbar(_ref) {
       flexGrow: 1,
       display: {
         xs: "none",
-        md: "flex"
+        md: "flex",
+        alignItems: "center"
       }
     }
   }, /*#__PURE__*/React__default.createElement(Tabs, {
@@ -116,7 +120,7 @@ function ScrollNavbar(_ref) {
     "aria-label": "wrapped label tabs example",
     textColor: "secondary",
     indicatorColor: "secondary",
-    variant: "fullWidth"
+    role: "navigation"
   }, tabs.length > 0 && tabs.map((tab, index) => {
     return /*#__PURE__*/React__default.createElement(Box, {
       key: tab.name,
@@ -153,12 +157,13 @@ function ScrollNavbar(_ref) {
     }
   }, /*#__PURE__*/React__default.createElement("img", {
     src: logo.url,
-    width: logo.width || "32px",
-    height: logo.height || "32px",
+    width: logo.width || 32,
+    height: logo.height || 32,
     alt: logo.alternativeText || "site logo",
     style: {
-      maxWidth: "60px",
-      maxHeight: "60px"
+      maxHeight: "60px",
+      width: "auto",
+      height: "auto"
     }
   })), site_title !== undefined && /*#__PURE__*/React__default.createElement(Typography, {
     variant: "h5",
@@ -233,11 +238,12 @@ function ScrollNavbar(_ref) {
   }, /*#__PURE__*/React__default.createElement("img", {
     src: logo.url,
     alt: logo.alternativeText || "logo",
-    width: logo.width || "32px",
-    height: logo.height || "32px",
+    width: logo.width || 32,
+    height: logo.height || 32,
     style: {
-      maxWidth: "60px",
-      maxHeight: "60px"
+      maxHeight: "60px",
+      width: "auto",
+      height: "auto"
     }
   })), /*#__PURE__*/React__default.createElement(Typography, {
     variant: "h5",
@@ -263,18 +269,17 @@ function ScrollNavbar(_ref) {
     sx: {
       color: "primary.contrastText"
     }
-  }))))), pages && pages.length > 0 && /*#__PURE__*/React__default.createElement(List, null, pages.map(page => {
+  }))))), tabs && tabs.length > 0 && /*#__PURE__*/React__default.createElement(List, null, tabs.map(tab => {
     return /*#__PURE__*/React__default.createElement(Fragment, {
-      key: page.name
+      key: tab.name
     }, /*#__PURE__*/React__default.createElement(ScrollLink, {
-      href: "#".concat(page.slug)
-    }, /*#__PURE__*/React__default.createElement(ListItem
-    /* onClick={() => {
-      router.push(page.url);
-      handleCloseMobileMenu();
-    }} */, null, /*#__PURE__*/React__default.createElement(ListItemText, {
-      primary: page.name
-    }))), /*#__PURE__*/React__default.createElement(Divider, null));
+      href: "#".concat(tab.slug)
+    }, /*#__PURE__*/React__default.createElement(Box, {
+      onClick: handleCloseMobileMenu
+      //sx={{ width: "100%", height: "100%" }}
+    }, /*#__PURE__*/React__default.createElement(ListItem, null, /*#__PURE__*/React__default.createElement(ListItemText, {
+      primary: tab.name
+    })))), /*#__PURE__*/React__default.createElement(Divider, null));
   })))))));
 }
 

package/dist/esm/components/WebsitePlaceholder.js

@@ -20,27 +20,18 @@ function WebsitePlaceholder(_ref) {
     children
   } = _ref;
   const theme = useTheme();
-  console.log(theme.palette.mode);
-
-  // const [keysPressed, setKeysPressed] = React.useState({});
-  // let visible = true;
-
   const [visible, setVisible] = React__default.useState(true);
   let keysPressed = {};
   const keyDownHandler = event => {
-    console.log("key down", event.key, keysPressed);
     keysPressed = {
       ...keysPressed,
       [event.key]: true
     };
     if (keysPressed["w"] === true && keysPressed["a"] === true && keysPressed["s"] === true && keysPressed["d"] === true) {
-      console.log("You found the easter egg!", visible);
-      // visible = Boolean(!visible);
       setVisible(!visible);
     }
   };
   const keyUpHandler = event => {
-    console.log("key up", event.key);
     keysPressed[event.key] = false;
   };
   React__default.useEffect(() => {
@@ -51,9 +42,6 @@ function WebsitePlaceholder(_ref) {
       document.removeEventListener("keyup", keyUpHandler);
     };
   }, []);
-  React__default.useEffect(() => {
-    console.log("visible", visible);
-  }, [visible]);
   return /*#__PURE__*/React__default.createElement(Box, {
     sx: [visible && {
       display: "grid",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.130",
+  "version": "0.1.132",
   "description": "UMWD Component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/BulletList.js

@@ -6,7 +6,6 @@ import { Stack, SvgIcon, Typography } from "@mui/material";
 import FiberManualRecordIcon from "@mui/icons-material/FiberManualRecord";
 
 function BulletList({ bullets, bulletSVG }) {
-  console.log("bulletSVG2", bulletSVG);
   return (
     <Stack spacing={2}>
       {bullets.map((bullet, index) => (

package/src/components/FeaturesSection.tsx

@@ -118,10 +118,10 @@ export function FeatureSection({
                   {feature.subHeading}
                 </Typography>
               </CardContent>
-              <CardActions sx={{ mb: 0 }}>
+              {/* <CardActions sx={{ mb: 0 }}>
                 <Button size="small">Contact</Button>
                 <Button size="small">Learn More</Button>
-              </CardActions>
+              </CardActions> */}
             </Card>
           );
         })}

package/src/components/HeroSection.tsx

@@ -45,8 +45,6 @@ export function HeroSection({ data }: Readonly<HeroSectionProps>) {
 
   const theme = useTheme();
 
-  console.log(theme.palette.background.paper);
-
   const glassColor = setOpacity(theme.palette.background.paper, 0.45);
 
   return (
@@ -94,6 +92,11 @@ export function HeroSection({ data }: Readonly<HeroSectionProps>) {
                   height={logoImage.height || 100}
                   src={logoImage.url}
                   width={logoImage.width || 100}
+                  style={{
+                    width: "90%",
+                    height: "90%",
+                    objectFit: "contain",
+                  }}
                 />
               )}
 

package/src/components/NavBar.js

@@ -74,8 +74,6 @@ function NavBar({
   const router = useRouter();
 
   const handleChange = (event, newValue) => {
-    console.log(newValue);
-
     setCurrentTab(newValue);
   };
 

package/src/components/PersonaliaSection.tsx

@@ -73,7 +73,7 @@ export function PersonaliaSection({
               <Grid item xs={12} md={6} key={partner.id}>
                 <Paper sx={{ p: 2, height: "100%" }}>
                   <Grid container spacing={3}>
-                    <Grid item xs={7}>
+                    <Grid item xs={12} sm={7}>
                       <Typography
                         variant="h5"
                         sx={{
@@ -96,16 +96,24 @@ export function PersonaliaSection({
                         <BlockRendererClient content={partner.text} />
                       )}
                     </Grid>
-                    <Grid item xs={5}>
-                      <Stack spacing={2}>
+                    <Grid item xs={12} sm={5}>
+                      <Stack
+                        spacing={2}
+                        sx={{ overflow: "clip" }}
+                        justifyContent={"center"}
+                        alignItems={"stretch"}
+                      >
                         {partner.photo?.url && (
                           <StrapiImage
                             src={partner.photo.url}
                             alt={partner.photo.alternativeText}
-                            // width={partner.photo.width}
-                            // height={partner.photo.height}
                             width={200}
                             height={200}
+                            style={{
+                              borderRadius: "50%",
+                              margin: "auto",
+                              ...partner.photo.style,
+                            }}
                           />
                         )}
                         {partner.links?.length > 0 &&

package/src/components/ScrollLink.tsx

@@ -30,8 +30,6 @@ const ScrollLink = ({ children, ...props }: ScrollLinkProps) => {
 
   const theme = useTheme();
 
-  console.log(theme.palette.text);
-
   return (
     <Link
       {...props}

package/src/components/ScrollNavbar.tsx

@@ -22,6 +22,7 @@ import {
 import CloseIcon from "@mui/icons-material/Close";
 import MoreVertIcon from "@mui/icons-material/MoreVert";
 import ScrollLink from "./ScrollLink.tsx";
+import { type ReactNode } from "react";
 
 interface ImageProps {
   id: number;
@@ -48,7 +49,7 @@ type TabInfo = {
 };
 
 interface NavbarProps {
-  site_title: string;
+  site_title: string | ReactNode;
   logo: ImageProps;
   pages: Page[];
   tabs: TabInfo[];
@@ -102,7 +103,12 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
                   width={logo.width}
                   height={logo.height}
                   alt={logo.alternativeText || "site logo"}
-                  style={{ maxHeight: "50px" }}
+                  style={{
+                    maxHeight: "55px",
+                    marginRight: "20px",
+                    width: "auto",
+                    height: "auto",
+                  }}
                 />
               )}
               {site_title !== undefined && (
@@ -155,7 +161,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
             <Box
               sx={{
                 flexGrow: 1,
-                display: { xs: "none", md: "flex" },
+                display: { xs: "none", md: "flex", alignItems: "center" },
               }}
             >
               <Tabs
@@ -163,7 +169,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
                 aria-label="wrapped label tabs example"
                 textColor="secondary"
                 indicatorColor="secondary"
-                variant="fullWidth"
+                role="navigation"
               >
                 {tabs.length > 0 &&
                   tabs.map((tab: TabInfo, index: number) => {
@@ -192,10 +198,10 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
                 <Box sx={{ display: "flex", mr: 1 }}>
                   <img
                     src={logo.url}
-                    width={logo.width || "32px"}
-                    height={logo.height || "32px"}
+                    width={logo.width || 32}
+                    height={logo.height || 32}
                     alt={logo.alternativeText || "site logo"}
-                    style={{ maxWidth: "60px", maxHeight: "60px" }}
+                    style={{ maxHeight: "60px", width: "auto", height: "auto" }}
                   />
                 </Box>
               )}
@@ -261,9 +267,13 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
                           <img
                             src={logo.url}
                             alt={logo.alternativeText || "logo"}
-                            width={logo.width || "32px"}
-                            height={logo.height || "32px"}
-                            style={{ maxWidth: "60px", maxHeight: "60px" }}
+                            width={logo.width || 32}
+                            height={logo.height || 32}
+                            style={{
+                              maxHeight: "60px",
+                              width: "auto",
+                              height: "auto",
+                            }}
                           />
                         </Box>
                         <Typography
@@ -298,17 +308,38 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
                   </Toolbar>
                 </Container>
               </AppBar>
-              {pages && pages.length > 0 && (
+              {tabs && tabs.length > 0 && (
+                <List>
+                  {tabs.map((tab: TabInfo) => {
+                    return (
+                      <Fragment key={tab.name}>
+                        <ScrollLink href={`#${tab.slug}`}>
+                          <Box
+                            onClick={handleCloseMobileMenu}
+                            //sx={{ width: "100%", height: "100%" }}
+                          >
+                            <ListItem>
+                              <ListItemText primary={tab.name} />
+                            </ListItem>
+                          </Box>
+                        </ScrollLink>
+                        <Divider />
+                      </Fragment>
+                    );
+                  })}
+                </List>
+              )}
+              {/* {pages && pages.length > 0 && (
                 <List>
                   {pages.map((page: Page) => {
                     return (
                       <Fragment key={page.name}>
                         <ScrollLink href={`#${page.slug}`}>
                           <ListItem
-                          /* onClick={() => {
-                            router.push(page.url);
-                            handleCloseMobileMenu();
-                          }} */
+                          // onClick={() => {
+                          //  router.push(page.url);
+                          //  handleCloseMobileMenu();
+                          //}}
                           >
                             <ListItemText primary={page.name} />
                           </ListItem>
@@ -318,7 +349,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
                     );
                   })}
                 </List>
-              )}
+              )} */}
             </Dialog>
           </Box>
         </Toolbar>

package/src/components/ThreeUp.js

@@ -5,8 +5,6 @@ import Card from "./Card";
 import { Stack } from "@mui/material";
 
 function ThreeUp({ card1, card2, card3 }) {
-  console.log("card1", card1);
-
   return (
     <Stack direction={"row"} spacing={2} justifyContent={"space-between"}>
       {card1 && (

package/src/components/WebsitePlaceholder.js

@@ -15,17 +15,11 @@ function WebsitePlaceholder({
 }) {
   const theme = useTheme();
 
-  console.log(theme.palette.mode);
-
-  // const [keysPressed, setKeysPressed] = React.useState({});
-  // let visible = true;
-
   const [visible, setVisible] = React.useState(true);
 
   let keysPressed = {};
 
   const keyDownHandler = (event) => {
-    console.log("key down", event.key, keysPressed);
     keysPressed = { ...keysPressed, [event.key]: true };
 
     if (
@@ -34,14 +28,11 @@ function WebsitePlaceholder({
       keysPressed["s"] === true &&
       keysPressed["d"] === true
     ) {
-      console.log("You found the easter egg!", visible);
-      // visible = Boolean(!visible);
       setVisible(!visible);
     }
   };
 
   const keyUpHandler = (event) => {
-    console.log("key up", event.key);
     keysPressed[event.key] = false;
   };
 
@@ -55,10 +46,6 @@ function WebsitePlaceholder({
     };
   }, []);
 
-  React.useEffect(() => {
-    console.log("visible", visible);
-  }, [visible]);
-
   return (
     <Box
       sx={[

package/src/data/loaders.ts

@@ -35,7 +35,6 @@ export async function getHomePageData() {
         populate: {
           image: {
             populate: true,
-            /* fields: ["url", "alternativeText"], */
           },
           link: {
             populate: true,
@@ -59,25 +58,18 @@ export async function getPagedata(slug: string) {
     baseUrl
   );
 
-  // /slugify/slugs/page/${params.slug}?populate[blocks][populate]=%2A
-
-  console.log(url);
-
   url.search = qs.stringify({
     populate: {
       blocks: {
         populate: {
           logoImage: {
             populate: true,
-            // fields: ["url", "alternativeText"],
           },
           bgImage: {
             populate: true,
-            // fields: ["url", "alternativeText"],
           },
           image: {
             populate: true,
-            // fields: ["url", "alternativeText"],
           },
           link: {
             populate: true,
@@ -121,15 +113,12 @@ export async function getAllPages() {
         populate: {
           bgImage: {
             populate: true,
-            // fields: ["url", "alternativeText"],
           },
           logoImage: {
             populate: true,
-            // fields: ["url", "alternativeText"],
           },
           image: {
             populate: true,
-            // fields: ["url", "alternativeText"],
           },
           link: {
             populate: true,
@@ -162,29 +151,3 @@ export async function getAllPages() {
 
   return await fetchData(url.href);
 }
-
-/* export async function getGlobalPageData() {
-  noStore();
-  const url = new URL("/api/global", baseUrl);
-
-  url.search = qs.stringify({
-    populate: [
-      "header.logoText",
-      "header.ctaButton",
-      "footer.logoText",
-      "footer.socialLink",
-    ],
-  });
-
-  return await fetchData(url.href);
-}
-
-export async function getGlobalPageMetadata() {
-  const url = new URL("/api/global", baseUrl);
-
-  url.search = qs.stringify({
-    fields: ["title", "description"],
-  });
-
-  return await fetchData(url.href);
-} */

package/src/stories/BulletList.stories.js

@@ -1,15 +1,11 @@
 import BulletList from "../components/BulletList";
 import React from "react";
-// import bulletSVG from "../../public/AMH/BulletSVG.svg";
-// import { ReactComponent as bulletSVG } from "../../public/AMH/BulletSVG.js";
 
 export default {
   title: "UMWD/BulletList",
   component: BulletList,
 };
 
-//console.log(<bulletSVG />);
-
 const Template = ({ bullets, bulletSVG, ...args }) => (
   <BulletList bullets={bullets} bulletSVG={bulletSVG} />
 );
@@ -27,7 +23,7 @@ AMH.args = {
     <svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24">
       <g id="Layer_32">
         <path
-          class="st27"
+          className="st27"
           fill="#DD1805"
           d="M22.15,12c-1.39-0.61-8-3.55-12.14-6.33C5.18,2.43,4.03,0.28,3.19,0.23c-0.4-0.02-1.26,1.04-1.34,1.42
      L9,10.62c0,0,5.12,1.04,8.08,1.38C14.12,12.34,9,13.38,9,13.38l-7.16,8.96c0.08,0.38,0.94,1.44,1.34,1.42
@@ -51,7 +47,7 @@ OREFS.args = {
     <svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24">
       <g id="Layer_32">
         <path
-          class="st27"
+          className="st27"
           fill="#DD1805"
           d="M22.15,12c-1.39-0.61-8-3.55-12.14-6.33C5.18,2.43,4.03,0.28,3.19,0.23c-0.4-0.02-1.26,1.04-1.34,1.42
              L9,10.62c0,0,5.12,1.04,8.08,1.38C14.12,12.34,9,13.38,9,13.38l-7.16,8.96c0.08,0.38,0.94,1.44,1.34,1.42
@@ -75,7 +71,7 @@ UMWD.args = {
     <svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24">
       <g id="Layer_32">
         <path
-          class="st27"
+          className="st27"
           fill="#DD1805"
           d="M22.15,12c-1.39-0.61-8-3.55-12.14-6.33C5.18,2.43,4.03,0.28,3.19,0.23c-0.4-0.02-1.26,1.04-1.34,1.42
          L9,10.62c0,0,5.12,1.04,8.08,1.38C14.12,12.34,9,13.38,9,13.38l-7.16,8.96c0.08,0.38,0.94,1.44,1.34,1.42

package/src/stories/Footer.stories.js

@@ -14,7 +14,6 @@ export default {
 };
 
 const Template = ({ ...args }) => {
-  console.log(thumbnail);
   return <Footer {...args} />;
 };
 

package/src/stories/Navbar.stories.js

@@ -7,12 +7,9 @@ import { useTheme } from "@mui/material";
 export default {
   title: "UMWD/NavBar",
   component: NavBar,
-  // argTypes: { numberOfChildren: { type: "number" } },
 };
 
 const Template = ({ ...args }) => {
-  console.log(thumbnail);
-
   return <NavBar {...args} />;
 };
 

package/src/stories/ScrollNavbar.stories.js

@@ -12,8 +12,8 @@ const Template = ({ ...args }) => {
     <>
       <ScrollNavbar {...args} />
       {args.data.tabs.map((tab, index) => {
-        const bgColor = `rgb( ${(index + 1) * 40}, ${(index + 1) * 50}, ${
-          (index + 1) * 30
+        const bgColor = `rgb( ${(index + 1) * 20}, ${(index + 1) * 20}, ${
+          (index + 1) * 20
         })`;
 
         return (
@@ -44,12 +44,21 @@ AMH.args = {
   data: {
     logo: {
       id: "1",
-      url: logoText.src,
+      url: "http://127.0.0.1:1337/uploads/logo_small_f0fcf59dad.png",
       alternativeText: "Logo",
       style: {},
       width: logoText.width,
       height: logoText.height,
     },
+    site_title: (
+      <h1
+        style={{ fontFamily: "Montserrat", fontWeight: 400, fontSize: "24px" }}
+      >
+        <span style={{ fontWeight: 600 }}>A</span>ero
+        <span style={{ fontWeight: 600 }}>M</span>edical{" "}
+        <span style={{ fontWeight: 600 }}>H</span>olland
+      </h1>
+    ), //"AeroMedical Holland",
     tabs: [
       {
         name: "Home",
@@ -73,6 +82,6 @@ AMH.args = {
       },
     ],
     maxWidth: "lg",
-    minHeight: "100px",
+    minHeight: "90px",
   },
 };

package/src/styles/themes.js

@@ -93,12 +93,10 @@ export const darkTheme = createTheme({
           width: "0.8em",
         },
         "*::-webkit-scrollbar-track": {
-          "-webkit-box-shadow": "inset 0 0 6px rgba(0,0,0,0.00)",
           backgroundColor: "#000606",
         },
         "*::-webkit-scrollbar-thumb": {
           backgroundColor: "#DD1805",
-          outline: "1px solid slategrey",
         },
       },
     },
@@ -190,12 +188,10 @@ export const lightTheme = createTheme({
           width: "0.8em",
         },
         "*::-webkit-scrollbar-track": {
-          "-webkit-box-shadow": "inset 0 0 6px rgba(0,0,0,0.00)",
           backgroundColor: "#a5c5ba",
         },
         "*::-webkit-scrollbar-thumb": {
           backgroundColor: "#DD1805",
-          outline: "1px solid slategrey",
         },
       },
     },