diff --git a/marketing/public/images/repository/dec.svg b/marketing/public/images/repository/dec.svg new file mode 100644 index 000000000..4188b1aef --- /dev/null +++ b/marketing/public/images/repository/dec.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/marketing/public/images/repository/decoration.jpg b/marketing/public/images/repository/decoration.jpg new file mode 100644 index 000000000..960a103f5 Binary files /dev/null and b/marketing/public/images/repository/decoration.jpg differ diff --git a/marketing/public/images/repository/thumb_1.png b/marketing/public/images/repository/thumb_1.png deleted file mode 100644 index 5d1458f13..000000000 Binary files a/marketing/public/images/repository/thumb_1.png and /dev/null differ diff --git a/marketing/public/images/repository/thumb_2.png b/marketing/public/images/repository/thumb_2.png deleted file mode 100644 index 8ba84b0ab..000000000 Binary files a/marketing/public/images/repository/thumb_2.png and /dev/null differ diff --git a/marketing/src/components/carousel/component.tsx b/marketing/src/components/carousel/component.tsx index cfc244eb7..081ad0e38 100644 --- a/marketing/src/components/carousel/component.tsx +++ b/marketing/src/components/carousel/component.tsx @@ -75,7 +75,7 @@ export const Carousel: React.FC = ({
{ if (timer.current) clearInterval(timer.current); setPause(true); diff --git a/marketing/src/containers/methodology/webinar/component.tsx b/marketing/src/containers/methodology/webinar/component.tsx index e6e5c764c..4727362fb 100644 --- a/marketing/src/containers/methodology/webinar/component.tsx +++ b/marketing/src/containers/methodology/webinar/component.tsx @@ -22,7 +22,7 @@ const Webinar: FC = () => (
Watch now diff --git a/marketing/src/containers/repository/discover-our-journey/component.tsx b/marketing/src/containers/repository/discover-our-journey/component.tsx index dd203932b..26a4e8d6f 100644 --- a/marketing/src/containers/repository/discover-our-journey/component.tsx +++ b/marketing/src/containers/repository/discover-our-journey/component.tsx @@ -1,12 +1,18 @@ import { FC, useState } from 'react'; -import FadeIn from 'components/fade'; -import Wrapper from 'containers/wrapper'; -import Carousel from 'components/carousel/component'; +import Image from 'next/image'; import Link from 'next/link'; + +import { motion } from 'framer-motion'; + +import Carousel from 'components/carousel/component'; +import FadeIn from 'components/fade'; import Icon from 'components/icon'; +import Wrapper from 'containers/wrapper'; + +import cx from 'classnames'; -import ARROW_SVG from 'svgs/ui/arrow-top-right.svg?sprite'; +import ARROW_SVG from 'svgs/ui/arrow-right.svg?sprite'; import { SLIDES } from './slides'; @@ -15,6 +21,23 @@ const DiscoverOurJourney: FC = () => { return (
+ Landgriffon + +

+ DISCOVER MORE, READ OUR BLOGS +

+
@@ -23,9 +46,9 @@ const DiscoverOurJourney: FC = () => { Discover our journey - + Discover more about us - +
@@ -40,11 +63,29 @@ const DiscoverOurJourney: FC = () => { autoplay={10000} options={{ duration: 0, - circular: true, + circular: false, + moveType: 'freeScroll', }} /> -
+
+ {SLIDES.map((sl, i) => { return ( ); })} +
diff --git a/marketing/src/containers/repository/discover-our-journey/slides.tsx b/marketing/src/containers/repository/discover-our-journey/slides.tsx index 339c4e921..47ab26a14 100644 --- a/marketing/src/containers/repository/discover-our-journey/slides.tsx +++ b/marketing/src/containers/repository/discover-our-journey/slides.tsx @@ -1,86 +1,95 @@ import { FC } from 'react'; -import { motion } from 'framer-motion'; -import Image from 'next/image'; - -import Icon from 'components/icon'; - -import ARROW_SVG from 'svgs/ui/arrow-top-right.svg?sprite'; +import Link from 'next/link'; type CardTypes = { - thumb: string; + href: string; title: string; description: string; }; -const arrow = { - default: { - opacity: 0, - x: -55, - transition: { - duration: 0, - type: 'tween', - delay: 0, - }, - }, - hover: { - opacity: 1, - x: 0, - transition: { - duration: 0.6, - type: 'tween', - }, - }, -}; - -const Card: FC = ({ thumb, title, description }: CardTypes) => ( - - {title} -
{title}
-

{description}

- - - -
+const Card: FC = ({ title, description, href }: CardTypes) => ( + ); export const SLIDES = [ + { + id: '0', + content: ( +
+ + + + + +
+ ), + }, { id: '1', content: ( -
+
+ +
), }, + { id: '2', content: ( -
+
+
), @@ -88,17 +97,22 @@ export const SLIDES = [ { id: '3', content: ( -
+
+
), @@ -106,19 +120,137 @@ export const SLIDES = [ { id: '4', content: ( -
+
+ +
+ ), + }, + { + id: '5', + content: ( +
+
), }, ]; + +{ + /*
+ + + + + + + + + + + + + + + + +
*/ +} diff --git a/marketing/src/containers/repository/resources/releases/component.tsx b/marketing/src/containers/repository/resources/releases/component.tsx index d5a4f956d..20e491358 100644 --- a/marketing/src/containers/repository/resources/releases/component.tsx +++ b/marketing/src/containers/repository/resources/releases/component.tsx @@ -33,7 +33,7 @@ const DatasetReleases: React.FC = () => ( className="flex space-x-5 font-bold items-center" > Go to source - + @@ -57,7 +57,7 @@ const DatasetReleases: React.FC = () => ( className="flex space-x-5 font-bold items-center" > Go to source - + diff --git a/marketing/src/styles/globals.css b/marketing/src/styles/globals.css index 4079f765c..02dea475c 100644 --- a/marketing/src/styles/globals.css +++ b/marketing/src/styles/globals.css @@ -3,7 +3,8 @@ @tailwind utilities; @-webkit-keyframes autofill { - 0%,100% { + 0%, + 100% { color: #666; background: transparent; } @@ -37,10 +38,10 @@ input:-webkit-autofill, input:-webkit-autofill:focus { - transition: background-color 0s 60000s, color 0s 60000s; + transition: background-color 0s 60000s, color 0s 60000s; } input[data-autocompleted] { - background-color: transparent !important; + background-color: transparent !important; } } @@ -62,13 +63,13 @@ /* Overriding styles */ @layer components { - div[data-testid="blog-card-item"] p > em { + div[data-testid='blog-card-item'] p > em { @apply not-italic; } - div[data-testid="blog-card-item"] p > strong { + div[data-testid='blog-card-item'] p > strong { @apply font-bold text-white; } - div[data-testid="blog-card-item"] p > a { + div[data-testid='blog-card-item'] p > a { @apply underline text-white; } }