mobile bielefeld variant

Author: wbglaeser

src/ui/language/translations.js

@@ -28,6 +28,8 @@ const translations = {
                     headerPilot: "Bielefeld Pilot Project",
                     headerShard1: "Discover support programs in Bielefeld",
                     subHeader: "Find support programs for you and your situation in Bielefeld. Answer a few questions and we will show you which programs you might be eligible for.",
+                    pilotButton: "Pilotproject",
+                    regularButton: "Discover all benefits",
                 }
             },
             fact: {
@@ -374,6 +376,8 @@ const translations = {
                     headerPilot: "Pilotprojekt Bielefeld",
                     headerShard1: "Entdecke Deine Hilfe in Bielefeld",
                     subHeader: "Finde Förderprogramme, die zu dir und deiner Situation in Bielefeld passen. Beantworte einfach ein paar Fragen und wir zeigen dir, auf welche Programme du Anspruch haben könntest.",
+                    pilotButton: "Pilotprojekt",
+                    regularButton: "Alle Leistungen prüfen",
                 }
             },  
             fact: {

src/ui/screens/landing-page/sections/top-section/variants/LandingPageTopSectionBielefunke.js

@@ -3,7 +3,6 @@ import { useStore } from "@/ui/shared-components/ViewportUpdater";
 import { HBox, VBox } from "@/ui/shared-components/LayoutBoxes";
 import RegularButton from "@/ui/shared-components/buttons/RegularButton";
 import LandingPageSectionWrapper from "../../../components/LandingPageSectionWrapper";
-import LandingPageTopSectionShared from "../components/LandingPageTopSectionShared";
 import LandingPageTopSectionSharedVariant from "../components/LandingPageTopSectionSharedVariant";
 
 const LandingPageTopSectionBielefunke = ({ runway }) => {
@@ -20,8 +19,8 @@ const LandingPageTopSectionBielefunke = ({ runway }) => {
                         <VBox sx={{ maxWidth: "600px", gap: 4 }}>
                             <LandingPageTopSectionSharedVariant runway={runway} />
                             <HBox>
-                                <RegularButton text={'Pilotprojekt'} variant={'whiteOutlinedBlue'} link='/user-routing' />
-                                <RegularButton text={'Alle Ansprüche prüfen'} variant={'yellowContained'} link='/user-routing' />
+                                <RegularButton text={'home.hero.bielefeld.pilotButton'} variant={'whiteOutlinedBlue'} link='/eligibility-overview?tags=ff%3Abielefunke' />
+                                <RegularButton text={'home.hero.bielefeld.regularButton'} variant={'yellowContained'} link='/user-routing' />
                             </HBox>
                         </VBox>
                     </VBox>
@@ -76,8 +75,11 @@ const LandingPageTopSectionBielefunke = ({ runway }) => {
                     </VBox>
 
                     <VBox sx={{ gap: "16px" }}>
-                        <LandingPageTopSectionShared />
-                        <RegularButton variant={'yellowContained'} link='/user-routing' />
+                        <LandingPageTopSectionSharedVariant runway={runway} />
+                        <VBox sx={{ gap: 2, width: '100%' }}>
+                            <RegularButton text={'home.hero.bielefeld.pilotButton'} variant={'whiteOutlinedBlue'} link='/eligibility-overview?tags=ff%3Abielefunke' />
+                            <RegularButton text={'home.hero.bielefeld.regularButton'} variant={'yellowContained'} link='/user-routing' />
+                        </VBox>
                     </VBox>
                 </VBox>
             )}