-
-
Notifications
You must be signed in to change notification settings - Fork 30
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feature(website): sections for new landing page (#791)
* Add faq section (only english translations) * Prettified Code! * Complete FAQ section * Prettified Code! * Start quotes section * Prettified Code! * Correct margin-top for arrow vertical alignment * Prettified Code! * Add code for overview section * fix margins * Rename translation keys * Add Approach section * Remove text-left in faq * Prettified Code! --------- Co-authored-by: DarkMenacer <[email protected]> Co-authored-by: Michael Kündig <[email protected]>
- Loading branch information
3 people
authored
Apr 23, 2024
1 parent
c5ae5ff
commit 7900038
Showing
12 changed files
with
529 additions
and
55 deletions.
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
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'; | ||
| 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 }; |
/(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.
36 changes: 36 additions & 0 deletions
36
website/src/app/[lang]/[region]/v2/(home)/(components)/approach-cards.tsx
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.