diff --git a/public/images/background-bombs.svg b/public/images/background-bombs.svg new file mode 100644 index 00000000..10deb8b6 --- /dev/null +++ b/public/images/background-bombs.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/dataforgood.svg b/public/images/dataforgood.svg index 2e4dc349..e72bba8d 100644 --- a/public/images/dataforgood.svg +++ b/public/images/dataforgood.svg @@ -1 +1,39 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/og.jpg b/public/images/og.jpg index d925734b..1f1c8d74 100644 Binary files a/public/images/og.jpg and b/public/images/og.jpg differ diff --git a/public/images/salmon.svg b/public/images/salmon.svg index 6160d41b..995a1196 100644 --- a/public/images/salmon.svg +++ b/public/images/salmon.svg @@ -1,3 +1,3 @@ - - + + diff --git a/public/images/seastemik.avif b/public/images/seastemik.avif deleted file mode 100644 index d295e4d5..00000000 Binary files a/public/images/seastemik.avif and /dev/null differ diff --git a/public/images/seastemik.svg b/public/images/seastemik.svg new file mode 100644 index 00000000..3337bbf3 --- /dev/null +++ b/public/images/seastemik.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx index 3f494d01..dfaeb7ae 100644 --- a/src/app/[locale]/page.tsx +++ b/src/app/[locale]/page.tsx @@ -1,7 +1,6 @@ "use client"; import clsx from "clsx"; -import Image from "next/image"; import Link from "next/link"; import { useTranslations } from "next-intl"; import * as React from "react"; @@ -38,11 +37,8 @@ const BombSection = () => { const t = useTranslations("story"); return ( -
+
-
- -

{t("bomb")} @@ -57,57 +53,55 @@ const ExplodeSection = () => { const t = useTranslations("story"); return ( -

-
-

- {t("explode.intro")} -

-
    +

    + {t("explode.intro")} +

    +
      -
    • - -
      • -
    • - -
      • -
    • - -
      • -
    • - -
      • -
    • - -
      • -
    -
+ > +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
    ); }; @@ -195,7 +189,7 @@ const BusinessSection = () => { const t = useTranslations("story"); return ( -
    +

    {t("industry.title")} @@ -230,7 +224,7 @@ const BusinessSection = () => { />
    {t("industry.link")} diff --git a/src/components/IntroBlock.tsx b/src/components/IntroBlock.tsx index e9f4a569..89e23d09 100644 --- a/src/components/IntroBlock.tsx +++ b/src/components/IntroBlock.tsx @@ -31,8 +31,8 @@ const IntroBlock = ({ >
    {image && ( -
    - +
    +
    )}
    diff --git a/src/components/JoinBlock.tsx b/src/components/JoinBlock.tsx index b1f1929d..e382d41a 100644 --- a/src/components/JoinBlock.tsx +++ b/src/components/JoinBlock.tsx @@ -8,7 +8,7 @@ const Chart = dynamic(() => import("@/components/Chart"), { ssr: false, }); -import PrimaryButton from "@/components/buttons/PrimaryButton"; +import MainLink from "@/components/links/MainLink"; import MetaChart from "@/components/MetaChart"; type JoinBlockProps = { @@ -106,9 +106,10 @@ const JoinBlock = ({

    {t(`join.${baseText}.act`)}

    -
    diff --git a/src/components/TitleBlock.tsx b/src/components/TitleBlock.tsx index 229d1749..f50465f6 100644 --- a/src/components/TitleBlock.tsx +++ b/src/components/TitleBlock.tsx @@ -21,7 +21,11 @@ const TitleBlock = ({

    {title}

    diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx index d09e3b75..515f68b5 100644 --- a/src/components/layout/Footer.tsx +++ b/src/components/layout/Footer.tsx @@ -13,17 +13,14 @@ const Footer = () => {
    -
    - -
    -

    Seastemik

    + Seastemik {
    -
    - -
    -

    Data for Good

    + Data for Good { />
    -
    - +
    +
    diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx index 4cbfe19c..2d7d64b1 100644 --- a/src/components/layout/Navbar.tsx +++ b/src/components/layout/Navbar.tsx @@ -43,7 +43,7 @@ const Navbar = () => { /to-act/.test(pathname) ? "bg-yellow1" : "bg-pink1", )} > -
    +