Vizzuality · mariasola · Jul 13, 2023 · Jul 13, 2023
diff --git a/marketing/public/images/service/blogpost/01.jpg b/marketing/public/images/service/blogpost/01.jpg
diff --git a/marketing/public/images/service/blogpost/01.png b/marketing/public/images/service/blogpost/01.png
diff --git a/marketing/public/images/service/blogpost/02.jpg b/marketing/public/images/service/blogpost/02.jpg
diff --git a/marketing/public/images/service/blogpost/02.png b/marketing/public/images/service/blogpost/02.png
diff --git a/marketing/public/images/service/blogpost/03.png b/marketing/public/images/service/blogpost/03.png
diff --git a/marketing/src/containers/blog-posts/component.tsx b/marketing/src/containers/blog-posts/component.tsx
@@ -11,10 +11,10 @@ const BLOGPOSTS = [
     content: (
       <div className="mr-4">
         <BlogCard
-          title="Supply chain management."
-          subtitle="Measure, manage and anticipate impacts and risks from the raw materials in your companies supply chain."
-          url="https://medium.com/vizzuality-blog/seeking-early-users-for-better-supply-chain-management-with-landgriffon-53bc175a2fe6"
-          image="/images/service/blogpost/01.png"
+          title="LandGriffon case study."
+          subtitle="An example analysis of the impact of hypothetical sourcing of 1000 tonnes of palm oil in Aceh, Indonesia, with different levels of spatial sourcing precision and exploration of scenarios."
+          url="https://medium.com/vizzuality-blog/landgriffon-in-action-an-example-case-study-35b7b9b6638c"
+          image="/images/service/blogpost/01.jpg"
         />
       </div>
     ),
@@ -24,10 +24,10 @@ const BLOGPOSTS = [
     content: (
       <div className="mr-4">
         <BlogCard
-          title="Optimize use of data."
-          subtitle="Map supply chains, benchmark data, and estimate potential environmental risks into one accessible dashboard."
-          url="https://medium.com/vizzuality-blog/tmi-dont-let-too-much-data-leave-you-in-the-dark-ecb7b206c291"
-          image="/images/service/blogpost/02.png"
+          title="Evolving ESG regulations."
+          subtitle="Three key proposals will change the ESG regulatory landscape. The EU CSRD & ESRS, SEC Climate-Related Disclosures and EU Deforestation Law. We summarize each and identify areas companies can prepare."
+          url="https://medium.com/vizzuality-blog/the-three-upcoming-esg-regulations-every-company-should-pay-attention-to-f6153553552a"
+          image="/images/service/blogpost/02.jpg"
         />
       </div>
     ),
@@ -37,9 +37,9 @@ const BLOGPOSTS = [
     content: (
       <div className="mr-4">
         <BlogCard
-          title="Fashions environmental impacts."
-          subtitle="From water scarcity to deforestation, companies can now harness their supply chain information to build more sustainable businesses for the future."
-          url="https://medium.com/vizzuality-blog/lifting-the-veil-from-fashion-brands-environmental-supply-chain-impacts-842563eab978"
+          title=&qu
10000
ot;Complex data, simplified."
+          subtitle="LandGriffon collates data about company supply chains into one accessible dashboard. Map supply chains, benchmark data, and estimate potential environmental risks."
+          url="https://medium.com/vizzuality-blog/tmi-dont-let-too-much-data-leave-you-in-the-dark-ecb7b206c291"
           image="/images/service/blogpost/03.png"
         />
       </div>

diff --git a/marketing/src/containers/home/component.tsx b/marketing/src/containers/home/component.tsx
@@ -5,9 +5,9 @@ import What from 'containers/home/what';
 import Features from 'containers/home/features';
 import How from 'containers/home/how';
 import Developed from 'containers/home/developed';
-import Testimonials from 'containers/testimonials';
 import Newsletter from 'containers/newsletter';
 import ScrollDown from 'containers/scroll-down';
+import BlogPosts from 'containers/blog-posts';
 
 const Home: React.FC = () => {
   return (
@@ -18,7 +18,7 @@ const Home: React.FC = () => {
       <Features />
       <How />
       <Developed />
-      <Testimonials />
+      <BlogPosts />
       <Newsletter />
     </>
   );

diff --git a/marketing/src/pages/about.tsx b/marketing/src/pages/about.tsx
@@ -44,10 +44,11 @@ const AboutPage: NextPage<PageProps> = ({ domain }) => {
 };
 
 export const getServerSideProps: GetServerSideProps<PageProps> = async (context) => {
-  const { referer } = context.req.headers;
-  const url = new URL(referer || '');
+  const { host } = context.req.headers;
+  const url = new URL(host);
+  const protocol = url.protocol === 'localhost:' ? 'http:' : 'https:';
   return {
-    props: { domain: `${url.protocol}//${url.host}` || null },
+    props: { domain: `${protocol}//${url.href}` },
   };
 };
 

diff --git a/marketing/src/pages/contact.tsx b/marketing/src/pages/contact.tsx
@@ -39,10 +39,11 @@ const ContactPage: NextPage<PageProps> = ({ domain }) => {
 };
 
 export const getServerSideProps: GetServerSideProps<PageProps> = async (context) => {
-  const { referer } = context.req.headers;
-  const url = new URL(referer || '');
+  const { host } = context.req.headers;
+  const url = new URL(host);
+  const protocol = url.protocol === 'localhost:' ? 'http:' : 'https:';
   return {
-    props: { domain: `${url.protocol}//${url.host}` || null },
+    props: { domain: `${protocol}//${url.href}` },
   };
 };
 

diff --git a/marketing/src/pages/faq.tsx b/marketing/src/pages/faq.tsx
@@ -39,10 +39,11 @@ const FAQPage: NextPage<PageProps> = ({ domain }) => {
 };
 
 export const getServerSideProps: GetServerSideProps<PageProps> = async (context) => {
-  const { referer } = context.req.headers;
-  const url = new URL(referer || '');
+  const { host } = context.req.headers;
+  const url = new URL(host);
+  const protocol = url.protocol === 'localhost:' ? 'http:' : 'https:';
   return {
-    props: { domain: `${url.protocol}//${url.host}` || null },
+    props: { domain: `${protocol}//${url.href}` },
   };
 };
 

diff --git a/marketing/src/pages/index.tsx b/marketing/src/pages/index.tsx
@@ -38,10 +38,12 @@ const HomePage: NextPage<PageProps> = ({ domain }) => {
 };
 
 export const getServerSideProps: GetServerSideProps<PageProps> = async (context) => {
-  const { referer } = context.req.headers;
-  const url = new URL(referer || '');
+  const { host } = context.req.headers;
+  const url = new URL(host);
+  const protocol = url.protocol === 'localhost:' ? 'http:' : 'https:';
+
   return {
-    props: { domain: `${url.protocol}//${url.host}` || null },
+    props: { domain: `${protocol}//${url.href}` },
   };
 };
 

diff --git a/marketing/src/pages/methodology.tsx b/marketing/src/pages/methodology.tsx
@@ -39,10 +39,11 @@ const MethodologyPage: NextPage<PageProps> = ({ domain }) => {
 };
 
 export const getServerSideProps: GetServerSideProps<PageProps> = async (context) => {
-  const { referer } = context.req.headers;
-  const url = new URL(referer || '');
+  const { host } = context.req.headers;
+  const url = new URL(host);
+  const protocol = url.protocol === 'localhost:' ? 'http:' : 'https:';
   return {
-    props: { domain: `${url.protocol}//${url.host}` || null },
+    props: { domain: `${protocol}//${url.href}` },
   };
 };
 

diff --git a/marketing/src/pages/privacy-policy.tsx b/marketing/src/pages/privacy-policy.tsx
@@ -43,10 +43,11 @@ const PrivacyPolicyPage: NextPage<PageProps> = ({ domain }) => {
 };
 
 export const getServerSideProps: GetServerSideProps<PageProps> = async (context) => {
-  const { referer } = context.req.headers;
-  const url = new URL(referer || '');
+  const { host } = context.req.headers;
+  const url = new URL(host);
+  const protocol = url.protocol === 'localhost:' ? 'http:' : 'https:';
   return {
-    props: { domain: `${url.protocol}//${url.host}` || null },
+    props: { domain: `${protocol}//${url.href}` },
   };
 };
 

diff --git a/marketing/src/pages/the-service.tsx b/marketing/src/pages/the-service.tsx
@@ -43,10 +43,11 @@ const TheServicePage: NextPage<PageProps> = ({ domain }) => {
 };
 
 export const getServerSideProps: GetServerSideProps<PageProps> = async (context) => {
-  const { referer } = context.req.headers;
-  const url = new URL(referer || '');
+  const { host } = context.req.headers;
+  const url = new URL(host);
+  const protocol = url.protocol === 'localhost:' ? 'http:' : 'https:';
   return {
-    props: { domain: `${url.protocol}//${url.host}` || null },
+    props: { domain: `${protocol}//${url.href}` },
   };
 };