diff --git a/marketing/public/images/repository/decoration.svg b/marketing/public/images/repository/decoration.svg new file mode 100644 index 000000000..4188b1aef --- /dev/null +++ b/marketing/public/images/repository/decoration.svg @@ -0,0 +1,5 @@ + + + + + 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..095bb1a78 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..3a766eb70 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,17 +120,34 @@ 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/containers/repository/resources/webinar/component.tsx b/marketing/src/containers/repository/resources/webinar/component.tsx index 65c7fd03c..bcd284264 100644 --- a/marketing/src/containers/repository/resources/webinar/component.tsx +++ b/marketing/src/containers/repository/resources/webinar/component.tsx @@ -31,8 +31,12 @@ const Webinar: React.FC = () => ( ))}
  • Watch our webinar on demand to learn more

    - - + + Join us