feature(website): sections for new landing page #791
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,122 @@ | ||
| { | ||
| "metadata": { | ||
| "title": "Social Income", | ||
| "description": "Change from human to human. From mobile to mobile.", | ||
| "og-image": "/assets/metadata/og/default.jpg", | ||
| "twitter-image": "/assets/metadata/twitter/default.jpg" | ||
| }, | ||
| "section-1": { | ||
| "title-1": [ | ||
| { "text": "How many people can you lift out of poverty " }, | ||
| { "text": "with only 1%", "color": "accent" }, | ||
| { "text": "of your income" } | ||
| ] | ||
| }, | ||
| "section-2": { | ||
| "title-1": "Those that live in Sierra Leone’s poorest communities know what it takes to rise out of poverty.", | ||
| "title-2": [ | ||
| { "text": "They just rarely have the opportunity – or the money – to do so. That’s where " }, | ||
| { "text": "you and Social Income", "color": "accent" }, | ||
| { "text": "come in." } | ||
| ], | ||
| "title-3": "Unique Process for Fair Selection", | ||
| "text-3.1": "Identifying those in need: Through collaboration with local NGOs in Sierra Leone, we target individuals living in poverty who can benefit from a three-year predictable income, empowering them to invest in their future.", | ||
| "text-3.2": "Selecting randomly: Our randomized selection process is transparent and publicly verifiable, eliminating human biases and favoritism. This ensures fairness and equal chances for all individuals in poverty to benefit.", | ||
| "title-4": "Direct Giving, Direct Results", | ||
| "text-4": "We directly transfer your contribution onto the mobile phones of individuals in need, empowering them to overcome poverty through their own choices and efforts.", | ||
| "title-5": "Ongoing Support", | ||
| "text-5": "Our recipients receive continuous support from our local partners throughout and even after the program, maximizing the overall impact. Specifically, the third year of the program is focused on facilitating a seamless transition as they move on from the program." | ||
| }, | ||
| "section-3": {}, | ||
| "section-4": { | ||
| "title-1": [ | ||
| { "text": "What would change if you gave " }, | ||
| { "text": "away 1% of your income every month?", "color": "accent" } | ||
| ], | ||
| "cta": "Watch video and find out" | ||
| }, | ||
| "section-5": { | ||
| "title-1": [{ "text": "Change from human to human. " }, { "text": "From mobile to mobile.", "color": "accent" }], | ||
| "subtitle-1": "Social Income is a new way to fight poverty in the Global South. Digital, efficient and mobile." | ||
| }, | ||
| "section-6": { | ||
| "title-1": "Das hört sich gut an, aber...", | ||
| "questions": [ | ||
| { | ||
| "prompt": "Sind direkte Cash-Transfers ein effektiver Weg zur Armutsbekämpfung?", | ||
| "answer": "Es besteht ein breiter Konsens über den Nutzen und den langfristigen Erfolg von Cash-Transfer-Programmen. In unserer Rubrik Evidenz bieten wir einen Überblick über die neueste wissenschaftliche Literatur.", | ||
| "links": [ | ||
| { | ||
| "title": "Rubrik Evidenz", | ||
| "href": "/evidence" | ||
| }, | ||
| { | ||
| "title": "Policy Brief: Impacts of Unconditional Cash Transfers", | ||
| "href": "https://drive.google.com/file/d/1xn4BvrEHZjSUGpNZLHjIc2YYnwq399jR/view" | ||
| }, | ||
| { | ||
| "title": "GiveDirectly's Cash Evidence Explorer", | ||
| "href": "https://www.givedirectly.org/cash-evidence-explorer/" | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "prompt": "Ist es hilfreich, Menschen in Not Geld zu schicken?", | ||
| "answer": "Es ist definitiv hilfreicher, als gar kein Geld zu senden. Viele Menschen setzen sich heutzutage für Chancengleichheit im Erwerbsleben ein. Dies ist zweifellos ein Ziel, wofür es sich einzusetzen lohnt. Allerdings wird dabei leider allzu oft der Umstand ignoriert, dass vielerorts ein Angestelltenverhältnis, wie wir es typischerweise kennen, weder möglich, noch erreichbar ist. Geldspenden können helfen, diese Barriere schrittweise aufzuheben, indem Menschen in Armut der Zugang zu Aus- und Weiterbildung, Arbeit und akzeptablen Lebensbedingungen verschafft wird.", | ||
| "links": [ | ||
| { | ||
| "title": "Government of Malawi’s unconditional cash transfer improves youth mental health", | ||
| "href": "https://drive.google.com/file/d/1GKBdHjD80Jv7lZJmKvouZv8Z7MgLw_HL/view" | ||
| }, | ||
| { | ||
| "title": "Can unconditional cash transfers raise long-term living standards? Evidence from Zambia", | ||
| "href": "https://drive.google.com/file/d/1HwSLDlml0yyHrCrv8Y7pkqxz2orM02Lc/view" | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "prompt": "Kann Social Income zu mehr Gerechtigkeit beitragen?", | ||
| "answer": "Social Income ist keine Theorie der Gleichheit, sondern ein Akt der Solidarität. Wir sind hier, um die Welt fairer zu machen, indem wir uns dem immensen Unterschied zwischen zwischen arm und reich annehmen und ganz konkret eine einfache und wirksame Umverteilung ermöglichen. Diese Umverteilung hilft Menschen in Not, selbstbestimmt Veränderungen einzuleiten und einen gewissen Grad finanzieller Unabhängigkeit zu erlangen." | ||
| }, | ||
| { | ||
| "prompt": "Wie werden die Empfänger:innen ausgewählt?", | ||
| "answer": "Wir bestimmen mögliche neue Empfänger:innen aufgrund der Vorarbeit unserer lokalen Kontaktpersonen und Vorschläge von Partnern und lokalen NGOs: i.e. Aurora Foundation, Reachout Salone, Equal Rights Alliance, United Polio Brothers und Sisters und Jamyl & Nyanga Jaward Foundation. Unsere Kriterien sind einfach: Die Empfänger müssen älter als 16 Jahre sein und aus einer einkommensschwachen Community stammen.Als übergeordnetes Prinzip verpflichten wir uns, Menschen in Not zu unterstützen und halten uns dabei strikt an ein ausgeglichenes Geschlechterverhältnis." | ||
| }, | ||
| { | ||
| "prompt": "Wie werden die Empfänger:innen ausgewählt?", | ||
| "answer": "Wir bestimmen mögliche neue Empfänger:innen aufgrund der Vorarbeit unserer lokalen Kontaktpersonen und Vorschläge von Partnern und lokalen NGOs: i.e. Aurora Foundation, Reachout Salone, Equal Rights Alliance, United Polio Brothers und Sisters und Jamyl & Nyanga Jaward Foundation. Unsere Kriterien sind einfach: Die Empfänger müssen älter als 16 Jahre sein und aus einer einkommensschwachen Community stammen.Als übergeordnetes Prinzip verpflichten wir uns, Menschen in Not zu unterstützen und halten uns dabei strikt an ein ausgeglichenes Geschlechterverhältnis." | ||
| } | ||
| ], | ||
| "cta": "Alle FAQ" | ||
| }, | ||
| "section-7": { | ||
| "title-1": "Social Income combines three approaches to change." | ||
| }, | ||
| "section-8": { | ||
| "title-1": [ | ||
| { "text": "Unique Recipients Selection Process for " }, | ||
| { "text": "Fair Selection.", "color": "accent" } | ||
| ], | ||
| "text-1.1": "Identifying those in need: Through collaboration with local NGOs in Sierra Leone, we target individuals living in poverty who can benefit from a three-year predictable income, empowering them to invest in their future.", | ||
| "text-1.2": "Selecting randomly: Our randomized selection process is transparent and publicly verifiable, eliminating human biases and favoritism. This ensures fairness and equal chances for all individuals in poverty to benefit." | ||
| }, | ||
| "section-9": { | ||
| "testimonial-1": "It’s a great example of redistribution of wealth based on solidarity and enabled by today's technology.", | ||
| "author-1": "Vanja, Switzerland", | ||
| "testimonial-2": "We are living in a world of opportunities, let's make sure we share this privilege with everyone else.", | ||
| "author-2": "Carlos, United States", | ||
| "testimonial-3": "I contribute to Social Income not only because it's simple, but because research has shown it's extremely effective.", | ||
| "author-3": "Ruben, Switzerland", | ||
| "testimonial-4": "The question is not why to get involved, but how to possibly abide not doing so. Social Income is an urgent necessity in contemporary society.", | ||
| "author-4": "Han, United States", | ||
| "testimonial-5": "Today's global inequality is the consequence of centuries of unequal progress. Social Income is a new way to address this.", | ||
| "author-5": "Claudia, Switzerland" | ||
| }, | ||
| "section-10": { | ||
| "title-1": [{ "text": "Contribute to the United Nations’ " }, { "text": "United Nations’", "color": "primary" }], | ||
| "sdg-1-title": "End poverty in all its forms, everywhere.", | ||
| "sdg-1": "SDG #1", | ||
| "sdg-10-title": "Reduce inequality within and \namong countries.", | ||
| "sdg-10": "SDG #10" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
There was a problem hiding this comment. I don't like that this is just called There was a problem hiding this comment. @renestalder yes, renaming to the standard name |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| 'use client'; | ||
|
|
||
| import * as AccordionPrimitive from '@radix-ui/react-accordion'; | ||
|
There was a problem hiding this comment. Consider using the native We benefit from using what is already there in HTML. There was a problem hiding this comment. @DarkMenacer thank you for considering this for a future PR. |
||
| import { ChevronDown } from 'lucide-react'; | ||
| import * as React from 'react'; | ||
|
|
||
| import { cn } from '../lib/utils'; | ||
|
|
||
| const Accordion = AccordionPrimitive.Root; | ||
|
|
||
| const AccordionItem = React.forwardRef< | ||
| React.ElementRef<typeof AccordionPrimitive.Item>, | ||
| React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> | ||
| >(({ className, ...props }, ref) => ( | ||
| <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} /> | ||
| )); | ||
| AccordionItem.displayName = 'AccordionItem'; | ||
|
|
||
| const AccordionTrigger = React.forwardRef< | ||
| React.ElementRef<typeof AccordionPrimitive.Trigger>, | ||
| React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> | ||
| >(({ className, children, ...props }, ref) => ( | ||
| <AccordionPrimitive.Header className="flex"> | ||
| <AccordionPrimitive.Trigger | ||
| ref={ref} | ||
| className={cn( | ||
| 'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180', | ||
| className, | ||
| )} | ||
| {...props} | ||
| > | ||
| {children} | ||
| <ChevronDown className="bg-foreground h-5 w-5 shrink-0 rounded-full p-0.5 text-white transition-transform duration-200" /> | ||
| </AccordionPrimitive.Trigger> | ||
| </AccordionPrimitive.Header> | ||
| )); | ||
| AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName; | ||
|
|
||
| const AccordionContent = React.forwardRef< | ||
| React.ElementRef<typeof AccordionPrimitive.Content>, | ||
| React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> | ||
| >(({ className, children, ...props }, ref) => ( | ||
| <AccordionPrimitive.Content | ||
| ref={ref} | ||
| className={cn( | ||
| 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all', | ||
| className, | ||
| )} | ||
| {...props} | ||
| > | ||
| <div className="pb-4 pt-0">{children}</div> | ||
| </AccordionPrimitive.Content> | ||
| )); | ||
| AccordionContent.displayName = AccordionPrimitive.Content.displayName; | ||
|
|
||
| export { Accordion, AccordionContent, AccordionItem, AccordionTrigger }; | ||
|
There was a problem hiding this comment. Add the There was a problem hiding this comment. @DarkMenacer thank you for considering this for a future PR. There was a problem hiding this comment. This is definitely fine as the code directly comes from https://ui.shadcn.com/docs/components/accordion and does not need to be changed apart from the tailwind styling... |
||
/(assets)/avatarImgData.jpg){kind=link}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| 'use client'; | ||
| import { Card, CardContent, CardHeader, Typography } from '@socialincome/ui'; | ||
|
|
||
| type ApproachCardProps = { | ||
| category: string; | ||
| title: string; | ||
| points: { | ||
| text: string; | ||
| }[]; | ||
| }; | ||
|
|
||
| export function ApproachCard({ category, title, points }: ApproachCardProps) { | ||
| return ( | ||
| <Card className="bg-primary w-96"> | ||
| <CardHeader className="mb-1"> | ||
| <Typography size="md" color="card" className="opacity-40"> | ||
| {category} | ||
| </Typography> | ||
| <Typography size="md" weight="medium" color="card"> | ||
| {title} | ||
| </Typography> | ||
| </CardHeader> | ||
| <CardContent className="mb-5 ml-4"> | ||
| <ul className="list-disc text-white"> | ||
| {points.map((point, key) => { | ||
| return ( | ||
| <li key={key}> | ||
| <Typography color="card">{point.text}</Typography> | ||
| </li> | ||
| ); | ||
| })} | ||
| </ul> | ||
| </CardContent> | ||
| </Card> | ||
| ); | ||
| } |
Oops, something went wrong.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Was this intended?