Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: restore original #238

Closed
wants to merge 9 commits into from
Closed

fix: restore original #238

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
b8ec928
fix: removed the re-submit button
0tuedon Nov 25, 2023
f46783a
fix: resubmit reviews logic
Extheoisah Nov 25, 2023
4300715
fix: hero section and need section qa fixes from designer
0tuedon Nov 21, 2023
5abe294
fix: resizing of each sections
0tuedon Nov 22, 2023
520836d
chore: reduced font sizing in hero section and need section
0tuedon Nov 30, 2023
aca372f
fix: lowercase tags format on md file
0tuedon Dec 15, 2023
680a34f
chore: removed logs and capitalize tags
0tuedon Dec 15, 2023
a8676c4
chore: added css to turn tags and categories to lowercase
0tuedon Dec 15, 2023
da6fe74
fix: restore original
BalogunofAfrica Dec 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/home/dotted-bg.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/home/split-screen.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/steps-icon/check-round.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/steps-icon/markdown.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 11 additions & 9 deletions src/components/home/EditingTranscriptSingle.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,19 +15,21 @@ const EditingTranscriptSingle: FC<IEditingTranscript> = ({
return (
<Flex
flexDir={"column"}
maxW={"506px"}
gap={4}
px={{ base: "", lg: "44px" }}
maxW={{ base: "506px", lg: "500px", xl: "506px", "3xl": "max-content" }}
whiteSpace={"pre-line"}
margin={{ base: "0 auto", lg: "unset" }}
gap={{ base: 4, lg: 2, xl: 4 }}
px={{ base: "", lg: "32px", "2xl": "44px" }}
fontFamily={"Polysans"}
alignItems={{ base: "center", md: "start" }}
alignItems={{ base: "center", lg: "start" }}
>
<Image src={src} width={60} height={59} alt={heading} />
<Text
fontSize={{
base: "1.5rem",
lg: "1.8rem",
lg: "1.25rem",
xl: "1.875rem",
"2xl": "2.5rem",
"3xl": "2.5rem",
}}
lineHeight={"105%"}
fontWeight={"semibold"}
Expand All @@ -37,9 +39,9 @@ const EditingTranscriptSingle: FC<IEditingTranscript> = ({
<Text
fontSize={{
base: "1rem",
lg: "1.4rem",
xl: "1.5rem",
"2xl": "1.75rem",
lg: "1rem",
xl: "1.4rem",
"3xl": "1.75rem",
}}
textAlign={{ base: "center", md: "left" }}
lineHeight={"125%"}
Expand Down
7 changes: 6 additions & 1 deletion src/components/home/EverythingYouNeed.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,12 @@ const EverythingYouNeed = () => {
<Text
textAlign={"center"}
fontFamily={"Polysans"}
fontSize={{ base: "1.875rem", lg: "3.5rem", "2xl": "5.25rem" }}
fontSize={{
base: "1.875rem",
lg: "3.2rem",
xl: "4rem",
"2xl": "4.8rem",
}}
fontWeight={600}
lineHeight={"115%"}
>
Expand Down
17 changes: 9 additions & 8 deletions src/components/home/HeroSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ import { useRouter } from "next/router";

const HeroSection = ({ getStarted }: { getStarted: () => void }) => {
const router = useRouter();
const isHomeRoute = router.asPath == "/home";
const isHomeRoute = router.pathname == "/home";
const [moreHover, setMoreHover] = useState(false);
return (
<Flex
Expand Down Expand Up @@ -77,7 +77,7 @@ const HeroSection = ({ getStarted }: { getStarted: () => void }) => {
</Flex>
</Flex>
<Flex
mt={{ base: "80px", lg: "20px", xl: "40px" }}
mt={{ base: "80px", lg: "30px", xl: "40px" }}
pl={{ base: "24px", md: "32px", xl: "100px" }}
pr={{ base: "24px", md: "32px", lg: "0px" }}
pt={{ base: "0px", lg: "20px", xl: "45px" }}
Expand All @@ -94,6 +94,7 @@ const HeroSection = ({ getStarted }: { getStarted: () => void }) => {
>
<Text
fontFamily={"Polysans"}
whiteSpace={"pre-line"}
fontSize={{
base: "2.12rem",
md: "3.25rem",
Expand All @@ -108,20 +109,20 @@ const HeroSection = ({ getStarted }: { getStarted: () => void }) => {
<Text color={"#F7931A"} as={"span"}>
Review
</Text>{" "}
Technical Bitcoin Transcripts and
Technical {"\n"} Bitcoin Transcripts {"\n"} and
<Text color={"#F7931A"} as={"span"}>
{" "}
Earn Sats
</Text>
</Text>
<Flex
gap={{ base: 2, lg: 5 }}
gap={{ base: 2, xl: 5 }}
fontSize={{
base: "1rem",
lg: "1.25rem",
lg: "1rem",
xl: "1.6rem",
"2xl": "2.5rem",
"3xl": "3rem",
"2xl": "2rem",
"3xl": "2.5rem",
}}
flexDir={"column"}
fontFamily={"Aeonik Fono"}
Expand Down Expand Up @@ -188,7 +189,7 @@ const HeroSection = ({ getStarted }: { getStarted: () => void }) => {
className="animated-button"
onMouseEnter={() => setMoreHover(true)}
onMouseLeave={() => setMoreHover(false)}
rightIcon={moreHover ? <ArrowDown /> : <></>}
rightIcon={moreHover ? <ArrowDown className="desktop" /> : <></>}
>
Tell Me More
</Button>
Expand Down
30 changes: 23 additions & 7 deletions src/components/home/LandingFooter.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,13 +26,19 @@ const LandingFooter = () => {
>
<Text
fontSize={{
base: "0.875rem",
lg: "1.6rem",
xl: "1.6rem",
"2xl": "2rem",
base: "0.96rem",
lg: "1.16rem",
xl: "1.63rem",
"2xl": "2.25rem",
}}
lineHeight={"115%"}
maxW={{ base: "", lg: "369px", xl: "400px", "2xl": "none" }}
maxW={{
base: "",
sm: "200px",
lg: "300px",
xl: "400px",
"2xl": "500px",
}}
>
We’d love to hear your feedback on this project
</Text>
Expand All @@ -59,14 +65,24 @@ const LandingFooter = () => {
>
<Text
fontFamily={"Polysans"}
fontSize={{ base: "0.96rem", lg: "1.68rem", "2xl": "1.85rem" }}
fontSize={{
base: "0.96rem",
lg: "1.16rem",
xl: "1.63rem",
"2xl": "2.25rem",
}}
>
built with 🤍 by
</Text>
<Link
href="https://bitcoindevs.xyz"
isExternal
fontSize={{ base: "1.25rem", lg: "2.75rem", xl: "3.25rem" }}
fontSize={{
base: "1.25rem",
lg: "2.125rem",
xl: "3.125rem",
"2xl": "3.25rem",
}}
textDecoration={"underline"}
textAlign={"right"}
lineHeight={{ base: "150%", lg: "115%" }}
Expand Down
31 changes: 19 additions & 12 deletions src/components/home/NeedSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,19 +58,27 @@ const NeedSection = () => {
className="bg-container"
width={"100%"}
flexDir={{ base: "column", lg: "row" }}
justifyContent={"space-between"}
gap="50px"
justifyContent={{
base: "space-between",
lg: "center",
}}
gap={{ base: "40px", "2xl": "40px" }}
>
<Flex
width={"100%"}
gap={{ base: 10, lg: 20 }}
gap={{ base: 10, xl: 20 }}
fontFamily={"Polysans"}
flexDir={"column"}
justifyContent={"space-between"}
maxW={{ base: "100%", lg: "49%" }}
>
<Text
fontSize={{ base: "2.25rem", xl: "3.125rem", "2xl": "4.5rem" }}
fontSize={{
base: "2.25rem",
lg: "2.3rem",
xl: "3.125rem",
"2xl": "3.5rem",
}}
lineHeight={"105%"}
fontWeight={"semibold"}
display={{ base: "none", lg: "inline" }}
Expand All @@ -88,17 +96,12 @@ const NeedSection = () => {
</Text>
<Box
position={"relative"}
minH={{ base: "240px", sm: "340px", lg: "500px", "2xl": "700px" }}
borderRadius={"20px"}
overflow={"hidden"}
w={"100%"}
paddingBottom={{ base: "76.92%", lg: "78.1%" }}
>
<Image
src="/home/consider-editing.png"
fill
alt="editing"
style={{ objectFit: "cover", aspectRatio: "13:10" }}
/>
<Image src="/home/consider-editing.png" fill alt="editing" />
</Box>
<Text
fontSize={"1.875rem"}
Expand All @@ -110,7 +113,11 @@ const NeedSection = () => {
Well you’ll...
</Text>
</Flex>
<Flex flexDir={"column"} gap={{ base: 8, lg: "8", "2xl": "12" }}>
<Flex
flexDir={"column"}
justifyContent={"space-between"}
gap={{ base: 8, lg: 4, "2xl": "12" }}
>
{whyConsiderEdit.map((reasons) => (
<EditingTranscriptSingle key={reasons.heading} {...reasons} />
))}
Expand Down
36 changes: 22 additions & 14 deletions src/components/home/ReadyToReview.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,32 +5,34 @@ const ReadyToReview = ({ getStarted }: { getStarted: () => void }) => {
return (
<Flex
background={"white"}
py={{ base: 0, lg: 40 }}
px={{ base: 0, lg: 32 }}
py={{ base: 0, lg: 10, "2xl": 20 }}
px={{ base: 0 }}
className="bg-container"
justifyContent={"center'"}
align={"center"}
>
<Flex
backgroundImage={"/home/cross-board.png"}
backgroundSize={"cover"}
backgroundRepeat={"no-repeat"}
maxWidth={{ base: "100%", lg: "90%", "2xl": "70%" }}
maxWidth={{ base: "100%", lg: "90%", "2xl": "100%" }}
margin={{ base: 0, lg: "0 auto" }}
width={"100%"}
px={{ base: "28px", lg: "32px", xl: "58px", "2xl": "80px" }}
py={{ base: "28px", lg: "32px", xl: "58px", "2xl": "80px" }}
justifyContent={"center"}
alignItems={"center"}
minH={"518px"}
>
<Flex
background={{ base: "white", lg: "#F7F7F7" }}
width={"100%"}
className="bg-container"
flexDir={{ base: "column", lg: "row" }}
borderRadius={{ base: "12px", lg: "50px" }}
flexDir={{ base: "column", md: "row" }}
borderRadius={{ base: "12px", lg: "32px", xl: "42px", "2xl": "50px" }}
borderWidth={{ base: 1, lg: 2 }}
fontFamily={"PolySans"}
px={{ base: "28px", lg: "80px" }}
py={{ base: "28px", lg: "80px" }}
px={{ base: "28px", lg: "32px", xl: "58px", "2xl": "80px" }}
py={{ base: "28px", lg: "32px", xl: "58px", "2xl": "80px" }}
justifyContent={"space-between"}
gap={{ base: "28px", lg: "0px" }}
alignItems={"center"}
Expand All @@ -39,19 +41,25 @@ const ReadyToReview = ({ getStarted }: { getStarted: () => void }) => {
<Text
maxW={{ base: "360px", lg: "531px" }}
fontWeight={600}
textAlign={{ base: "center", lg: "left" }}
fontSize={{ base: "2rem", xl: "3rem", "2xl": "4.25rem" }}
textAlign={{ base: "center", md: "left" }}
fontSize={{
base: "1.25rem",
lg: "2.1rem",
xl: "3rem",
"3xl": "4.25rem",
}}
lineHeight={"115%"}
whiteSpace={"pre-line"}
>
Ready to review transcripts and earn sats?
Ready to review {"\n"} transcripts {"\n"} and earn sats?
</Text>
<Button
size={{ base: "md", xl: "lg" }}
maxW={{ base: "100%", md: "max-content" }}
bg="#262626"
borderRadius={{ base: "8px", xl: "12px" }}
py={{ base: "14px", xl: "28px" }}
px={{ base: "18px", xl: "36px" }}
py={{ base: "14px", lg: "28px", xl: "32px", "2xl": "36px" }}
px={{ base: "18px", lg: "28px", xl: "32px", "2xl": "36px" }}
fontSize={{ base: "", lg:"24px", "2xl": "30px" }}
color={"#F7F7F7"}
variant="outline"
onClick={getStarted}
Expand Down
35 changes: 25 additions & 10 deletions src/components/home/StepLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,8 +60,9 @@ const StepLayout: FC<IStepLayout> = ({
const othersText = heading.split(coloredText);
return (
<Flex flexDir={"column"}>
<Flex gap={{ base: "18px", md: 10, xl: 20 }} alignItems={"start"}>
<Flex gap={{ base: "18px", md: 4, "2xl": 10 }} alignItems={"start"}>
<Image
marginTop={"8px"}
src={src ? src : "/home/cursor.png"}
minW={{ base: "20px", lg: "40px", "2xl": "60px" }}
minH={{ base: "20px", lg: "40px", "2xl": "60px" }}
Expand All @@ -73,26 +74,38 @@ const StepLayout: FC<IStepLayout> = ({
flexDir={"column"}
alignItems={"start"}
justifyContent={"start"}
gap={{ base: 7, "2xl": 10 }}
maxW={maxW ? maxW : "660px"}
gap={{ base: 7, lg: 4, xl: 8, "2xl": 10 }}
maxW={{ base: maxW ? maxW : "660px", "2xl": "none" }}
>
<Text
fontFamily={"Polysans"}
fontSize={{ base: "1.5rem", xl: "3.25rem", "2xl": "4.25rem" }}
maxW={headingMaxW ? headingMaxW : maxW}
fontSize={{
base: "1.5rem",
lg: "2.3rem",
xl: "3.25rem",
"2xl": "4.25rem",
}}
whiteSpace={{ base: "normal", md: "pre-line" }}
maxW={{ base: headingMaxW ? headingMaxW : maxW, "2xl": "none" }}
lineHeight={"105%"}
>
Step {stepNumber}:{" "}
<Text fontWeight={600} as={"span"}>
<Text as="span" color={"orange"}>
{coloredText} {""}
{coloredText}
</Text>
{othersText}
</Text>
</Text>
<Text
fontFamily={"Aeonik Fono"}
fontSize={{ base: "1rem", xl: "2rem", "2xl": "2.25rem" }}
whiteSpace={{ base: "normal", md: "pre-line" }}
fontSize={{
base: "1rem",
lg: "1.18rem",
xl: "1.625rem",
"2xl": "2rem",
}}
>
{sub}
</Text>
Expand All @@ -107,7 +120,7 @@ const StepLayout: FC<IStepLayout> = ({
<Flex
justifyContent={{ base: "start", lg: "end" }}
pl={"40px"}
fontFamily={" Aeonik Fono"}
fontFamily={"Aeonik Fono"}
>
<Button
onClick={(e) => handlePreferVideo(e, stepNumber)}
Expand All @@ -118,12 +131,14 @@ const StepLayout: FC<IStepLayout> = ({
}
fontSize={{ base: "12px", lg: "18px", "2xl": "24px" }}
colorScheme="dark"
border={"1px solid #D9D9D9"}
py={{ base: "16px", lg: "28px" }}
border={{ base: "1px solid #D9D9D9", "2xl": "3px solid #D9D9D9" }}
fontWeight={500}
py={{ base: "16px", lg: "28px", "2xl": "36px" }}
px={{ base: "16px", lg: "28px" }}
background={"#E6E6E6"}
variant={"outline"}
borderBottomRightRadius={{ base: "0.375rem", lg: "0px" }}
borderBottom={{ "2xl": 0 }}
>
Watch tutorial
</Button>
Expand Down
Loading