add hero and modified header navigation

hngi · Nov 7, 2022 · fd410a0 · fd410a0
1 parent a0b63c2
commit fd410a0
Show file tree

Hide file tree

Showing 7 changed files with 191 additions and 108 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -39,8 +39,7 @@ module.exports = {
     {
       resolve: 'gatsby-source-storyblok',
       options: {
-        accessToken: "ZdFYtxeakrdRenL0wGCJsgtt",
-        // accessToken: process.env.GATSBY_PREVIEW_STORYBLOK,
+        accessToken: process.env.GATSBY_PREVIEW_STORYBLOK,
         version: process.env.NODE_ENV === 'production' ? 'published' : 'draft',
         localAssets: true, // Optional parameter to download the images to use with Gatsby Image Plugin
         // languages: ['de', 'at'] // Optional parameter. Omission will retrieve all languages by default.

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,7 @@
         "gatsby-plugin-react-helmet": "^5.17.0",
         "gatsby-plugin-sharp": "^4.17.0",
         "gatsby-source-filesystem": "^4.17.0",
-        "gatsby-source-storyblok": "^4.0.1",
+        "gatsby-source-storyblok": "^4.2.0",
         "gatsby-transformer-sharp": "^4.17.0",
         "prop-types": "^15.8.1",
         "react": "^18.2.0",

diff --git a/src/components/Feature.js b/src/components/Feature.js
@@ -6,7 +6,7 @@ const Feature = ({ blok }) => {
   return (
     <div className="column feature" {...storyblokEditable(blok)}>
       <div className="p-6">
-        <img className="object-cover object-center w-full mb-8 lg:h-48 md:h-36 rounded-xl" src={blok.image} alt="feature" />
+        <img className="object-cover object-center w-full mb-8 lg:h-48 md:h-36 rounded-xl" src={blok.image.filename} alt="feature" />
         <h1 className="mx-auto mb-8 text-2xl font-semibold leading-none tracking-tighter text-neutral-600 lg:text-3xl">{blok.name}</h1>
         <div className="mt-4">
           <Link to="#" className="inline-flex items-center mt-4 font-semibold text-blue-600 lg:mb-0 hover:text-neutral-600" title="read more"> Read More » </Link>

diff --git a/src/components/hero-section.js b/src/components/hero-section.js