diff --git a/apps/frontend/public/logo-text.svg b/apps/frontend/public/logo-text.svg new file mode 100644 index 00000000..ba10640a --- /dev/null +++ b/apps/frontend/public/logo-text.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/frontend/src/app/(app)/auth/layout.tsx b/apps/frontend/src/app/(app)/auth/layout.tsx index a107cfd4..b20788a0 100644 --- a/apps/frontend/src/app/(app)/auth/layout.tsx +++ b/apps/frontend/src/app/(app)/auth/layout.tsx @@ -3,9 +3,8 @@ import { getT } from '@gitroom/react/translation/get.translation.service.backend export const dynamic = 'force-dynamic'; import { ReactNode } from 'react'; import Image from 'next/image'; -import clsx from 'clsx'; import loadDynamic from 'next/dynamic'; -import { isGeneralServerSide } from '@gitroom/helpers/utils/is.general.server.side'; +import { Testimonial } from '@gitroom/frontend/components/auth/testimonial'; const ReturnUrlComponent = loadDynamic(() => import('./return.url.component')); export default async function AuthLayout({ children, @@ -15,68 +14,55 @@ export default async function AuthLayout({ const t = await getT(); return ( -
+
+ -
-
-
-
-
- Logo -
- {isGeneralServerSide() ? ( - - - - - - - ) : ( -
{t('gitroom', 'Gitroom')}
- )} -
+
+
+ Postiz +
{children}
+
+
+
+
+ Over 18,000+{' '} + Entrepreneurs use
Postiz + To Grow Their Social Presence +
+
+
+
+
+
+ {[1, 2].map((p) => ( +
+ + + + + + + + +
+ ))} +
+
+ {[1, 2].map((p) => ( +
+ + + + + + + + + +
+ ))}
-
- {children} -
-
-
-
-
-
-
-
-
-
-
diff --git a/apps/frontend/src/app/global.scss b/apps/frontend/src/app/global.scss index 75993ff0..ce2787f6 100644 --- a/apps/frontend/src/app/global.scss +++ b/apps/frontend/src/app/global.scss @@ -703,4 +703,31 @@ html[dir='rtl'] [dir='ltr'] { .copilotKitMessage a { color: var(--new-btn-text) !important; -} \ No newline at end of file +} + +@keyframes marquee-up { + //0% { + // transform: translateY(0); + //} + //100% { + // transform: translateY(-50%); + //} +} + +@keyframes marquee-down { + //0% { + // transform: translateY(-50%); + //} + //100% { + // transform: translateY(0%); + //} +} + +.blackGradBottomBg { + background: linear-gradient(180deg, #0e0e0e 0%, rgba(14, 14, 14, 0) 100%); + rotate: 180deg; +} + +.blackGradTopBg { + background: linear-gradient(180deg, #0e0e0e 0%, rgba(14, 14, 14, 0) 100%); +} diff --git a/apps/frontend/src/components/auth/nayner.auth.button.tsx b/apps/frontend/src/components/auth/nayner.auth.button.tsx index 68cd5667..da450b6d 100644 --- a/apps/frontend/src/components/auth/nayner.auth.button.tsx +++ b/apps/frontend/src/components/auth/nayner.auth.button.tsx @@ -81,5 +81,5 @@ export const NeynarAuthButton: FC<{ document.removeEventListener('mousedown', handleOutsideClick); }; }, [showModal, handleOutsideClick]); - return
{children}
; + return
{children}
; }; diff --git a/apps/frontend/src/components/auth/providers/farcaster.provider.tsx b/apps/frontend/src/components/auth/providers/farcaster.provider.tsx index 07b9408a..ee58c963 100644 --- a/apps/frontend/src/components/auth/providers/farcaster.provider.tsx +++ b/apps/frontend/src/components/auth/providers/farcaster.provider.tsx @@ -26,29 +26,32 @@ export const ButtonCaster: FC<{ >
- - - + + + + + + + + + -
{t('continue_with_farcaster', 'Continue with Farcaster')}
+
Farcaster
 diff --git a/apps/frontend/src/components/auth/providers/google.provider.tsx b/apps/frontend/src/components/auth/providers/google.provider.tsx index 0aeb3069..e511c9a9 100644 --- a/apps/frontend/src/components/auth/providers/google.provider.tsx +++ b/apps/frontend/src/components/auth/providers/google.provider.tsx @@ -11,7 +11,7 @@ export const GoogleProvider = () => { return (
{ />
-
{t('continue_with_google', 'Continue with Google')}
+
Google
); }; diff --git a/apps/frontend/src/components/auth/providers/oauth.provider.tsx b/apps/frontend/src/components/auth/providers/oauth.provider.tsx index 7d4ed7bb..6e293fe0 100644 --- a/apps/frontend/src/components/auth/providers/oauth.provider.tsx +++ b/apps/frontend/src/components/auth/providers/oauth.provider.tsx @@ -26,7 +26,7 @@ export const OauthProvider = () => { return (
{ const t = useT(); return (
+ - {t('continue_with_your_wallet', 'Continue with your Wallet')} + Wallet
); }; diff --git a/apps/frontend/src/components/auth/providers/wallet.provider.tsx b/apps/frontend/src/components/auth/providers/wallet.provider.tsx index 16f5a2ee..83585dde 100644 --- a/apps/frontend/src/components/auth/providers/wallet.provider.tsx +++ b/apps/frontend/src/components/auth/providers/wallet.provider.tsx @@ -174,7 +174,7 @@ const InnerWallet = () => { } }, [buttonState]); return ( -
walletModal.setVisible(true)}> +
walletModal.setVisible(true)} className="flex-1">
); diff --git a/apps/frontend/src/components/auth/register.tsx b/apps/frontend/src/components/auth/register.tsx index 0558cb1f..467413fa 100644 --- a/apps/frontend/src/components/auth/register.tsx +++ b/apps/frontend/src/components/auth/register.tsx @@ -144,99 +144,115 @@ export function RegisterAfter({ }; return ( -
-
-

- {t('sign_up', 'Sign Up')} -

-
- {!isAfterProvider && - (!isGeneral ? ( - - ) : ( -
- {genericOauth && isGeneral ? ( - + +
+
+

+ {t('sign_up', 'Sign Up')} +

+
+
Continue With
+
+ {!isAfterProvider && + (!isGeneral ? ( + ) : ( - - )} - {!!neynarClientId && } - {billingEnabled && } -
- ))} - {!isAfterProvider && ( -
-
-
-
{t('or', 'OR')}
+
+ {genericOauth && isGeneral ? ( + + ) : ( + + )} + {!!neynarClientId && } + {billingEnabled && } +
+ ))} + {!isAfterProvider && ( +
+
+
+
+ or +
+
+
+ )} +
+
+ {!isAfterProvider && ( + <> + + + + )} + +
+
+ {t( + 'by_registering_you_agree_to_our', + 'By registering you agree to our' + )} +   + + {t('terms_of_service', 'Terms of Service')} + +   + {t('and', 'and')}  + + {t('privacy_policy', 'Privacy Policy')} + +   +
+
+
+ +
+

+ {t('already_have_an_account', 'Already Have An Account?')} +   + + {t('sign_in', 'Sign In')} + +

+
- )} -
- {!isAfterProvider && ( - <> - - - - )} - -
-
- {t( - 'by_registering_you_agree_to_our', - 'By registering you agree to our' - )}  - - {t('terms_of_service', 'Terms of Service')} -   - {t('and', 'and')}  - - {t('privacy_policy', 'Privacy Policy')} -   -
-
-
- -
-

- {t('already_have_an_account', 'Already Have An Account?')}  - - {t('sign_in', 'Sign In')} - -

diff --git a/apps/frontend/src/components/auth/testimonial.tsx b/apps/frontend/src/components/auth/testimonial.tsx new file mode 100644 index 00000000..2604079a --- /dev/null +++ b/apps/frontend/src/components/auth/testimonial.tsx @@ -0,0 +1,16 @@ +export const Testimonial = () => { + return ( +
+
+
+
+
name
+
description
+
+
+
+ content +
+
+ ); +}; diff --git a/apps/frontend/tailwind.config.js b/apps/frontend/tailwind.config.js index 19527704..810f8292 100644 --- a/apps/frontend/tailwind.config.js +++ b/apps/frontend/tailwind.config.js @@ -116,6 +116,8 @@ module.exports = { fadeDown: 'fadeDown 4s ease-in-out forwards', normalFadeDown: 'normalFadeDown 0.5s ease-in-out forwards', newMessages: 'newMessages 1s ease-in-out 4s forwards', + marqueeUp: 'marquee-up 10s linear infinite', + marqueeDown: 'marquee-down 10s linear infinite', }, boxShadow: { yellow: '0 0 60px 20px #6b6237', diff --git a/libraries/react-shared-libraries/src/helpers/testomonials.tsx b/libraries/react-shared-libraries/src/helpers/testomonials.tsx new file mode 100644 index 00000000..7b625b90 --- /dev/null +++ b/libraries/react-shared-libraries/src/helpers/testomonials.tsx @@ -0,0 +1,18 @@ +export const testomonials1 = [ + { + picture: '', + name: '', + handle: '', + content: <>Content, + }, +]; + + +export const testomonials2 = [ + { + picture: '', + name: '', + handle: '', + content: <>Content, + }, +];