feat: update hero landing and add resource and support section

client/src/features/dashboardV2/DashboardV2.tsx

@@ -158,16 +158,22 @@ function FooterDashboard() {
 }
 
 interface FooterDashboardCardProps {
+  className?: string;
   children: ReactNode;
   url: string;
 }
-function FooterDashboardCard({ children, url }: FooterDashboardCardProps) {
+export function FooterDashboardCard({
+  className,
+  children,
+  url,
+}: FooterDashboardCardProps) {
   return (
-    <Card className={cx(DashboardStyles.DashboardCard, "border-0")}>
+    <Card className={cx(DashboardStyles.DashboardCard, "border-0", "h-100")}>
       <CardBody className={DashboardStyles.FooterCard}>
         <a
           target="_blank"
           className={cx(
+            className,
             "text-primary",
             "d-flex",
             "flex-column",

client/src/landing/AnonymousHome.tsx

@@ -35,15 +35,15 @@ import { stateToSearchString } from "../features/kgSearch";
 import AppContext from "../utils/context/appContext";
 import { DEFAULT_APP_PARAMS } from "../utils/context/appParams.constants";
 import { Url } from "../utils/helpers/url";
+import { IntroductionRenku20 } from "./Introduction/IntroductionRenku2.0.tsx";
 
 import { NavBarWarnings } from "./NavBarWarnings";
 
 import VisualHead from "./Graphics/Visual_Head.svg";
 
 import DividerLandingPage from "./Dividier/Divider";
-import GetStarted from "./GetSarted/GetStarted";
 import HeroLanding from "./HeroLanding/HeroLanding";
-import SectionShowcase, { validatedShowcaseConfig } from "./SectionShowcase";
+import { ResourcesAndSupport } from "./ResourcesSupport/ResourcesAndSupport.tsx";
 import Teaching from "./Teaching/Teaching";
 import WhatIsRenku from "./WhatIsRenku/WhatIsRenku";
 import WhoWeAre from "./WhoWeAre/WhoWeAre";
@@ -138,21 +138,14 @@ function StandardHome(props: AnonymousHomeConfig) {
   return (
     <>
       <HeroLanding {...props} scrollToGetStarted={scrollToGetStarted} />
-      <GetStarted {...props} sectionRef={sectionRef} />
-      <DividerLandingPage />
+      <IntroductionRenku20 />
       <WhatIsRenku
         projectPath={props.homeCustomized.projectPath}
         datasetSlug={props.homeCustomized.datasetSlug}
       />
       <DividerLandingPage />
-      <SectionShowcase
-        {...validatedShowcaseConfig(props.homeCustomized.showcase)}
-      />
-      {props.homeCustomized.showcase.enabled ? (
-        <DividerLandingPage />
-      ) : undefined}
       <Teaching />
-      <DividerLandingPage />
+      <ResourcesAndSupport />
       <WhoWeAre />
       <BottomNav {...props} />
     </>

client/src/landing/Dividier/Divider.module.css

@@ -1,8 +1,8 @@
 .dividerLandingPage {
-  background-image: url("../Graphics/divider.svg");
+  background-image: url("../Graphics/dividerDots.svg");
   min-height: 252px;
   background-attachment: fixed;
   background-position: center;
   background-repeat: repeat;
-  background-size: 500px;
+  background-size: 1500px;
 }

client/src/landing/Dividier/Divider.tsx

@@ -16,8 +16,9 @@
  * limitations under the License.
  */
 
+import cx from "classnames";
 import styles from "./Divider.module.css";
 
 export default function DividerLandingPage() {
-  return <div className={styles.dividerLandingPage}></div>;
+  return <div className={cx(styles.dividerLandingPage, "bg-navy")}></div>;
 }