@violetprotocol/nudge-components
Version:
Components for Nudge's websites and applications.
8 lines (7 loc) • 2.86 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import fullWhiteLogo from "../../assets/nudge-white-hand.png";
import { ButtonVariant, SocialIcon, Button, SocialIconVariant, Typography, } from "../../atoms";
import { clsx } from "clsx";
export const ScoreAppFooter = ({ links, LinkComponent, ImageComponent, withCtaButton = false, ctaText, onCtaClick, className, }) => {
return (_jsx("footer", { className: `bg-neutral-950 ${clsx(className)}`, children: _jsxs("div", { className: "max-w-screen-xl mx-auto", children: [_jsxs("div", { className: `flex justify-between mb-10 ${clsx({ "md:mb-16": withCtaButton })}`, children: [_jsxs("div", { className: "flex flex-col", children: [_jsx(Typography, { variant: "p-subheading", breakpointVariants: { sm: "h4" }, className: "mb-6 md:mb-10 text-neutral-0", children: "Find your true value" }), withCtaButton && ctaText && (_jsx("div", { children: _jsx(Button, { onClick: onCtaClick, variant: ButtonVariant.DEFAULT, children: ctaText }) }))] }), _jsx(ImageComponent, { src: fullWhiteLogo, alt: "Hand Image", width: 80, height: 104, className: "w-[53px] h-[64px] md:w-[80px] md:h-[104px]" })] }), _jsxs("div", { className: "flex justify-between flex-wrap mb-10 md:mb-16", children: [_jsxs("div", { className: "max-w-sm mr-24", children: [_jsx(Typography, { variant: "p-leading", className: "text-neutral-600 font-medium mb-4", children: "Nudge" }), _jsx(Typography, { variant: "p-sm", breakpointVariants: { md: "p" }, className: "text-neutral-800 mb-10", children: "Programmable Nudges financialize every decision and redistribute value to users. In return, protocols receive a scalable customer acquisition funnel & retention mechanism." })] }), _jsx("div", { className: "flex flex-col sm:items-start md:items-end", children: links.map(({ title, href }, index) => (_jsx(Typography, { variant: "p-sm", className: `text-neutral-800 font-medium mb-5 ${index === 0 ? "mt-2" : ""}`, children: _jsx(LinkComponent, { href: href, children: title }) }, title))) })] }), _jsxs("div", { className: "flex flex-col-reverse md:flex-row justify-between md:items-end", children: [_jsxs("div", { children: [_jsx(Typography, { variant: "p-leading", className: "text-neutral-600 font-medium mb-4", children: "Contact" }), _jsxs("div", { className: "flex flex-nowrap mr-4", children: [_jsx("a", { href: "https://x.com/nudgexyz", "aria-label": "x", target: "_blank", children: _jsx(SocialIcon, { variant: SocialIconVariant.X }) }), _jsx("a", { href: "https://t.me/+WpBYXE_HIzY0ZmEx", "aria-label": "Telegram", target: "_blank", className: "px-3", children: _jsx(SocialIcon, { variant: SocialIconVariant.TELEGRAM }) })] })] }), _jsx(Typography, { variant: "p-sm", breakpointVariants: { md: "p" }, className: "text-neutral-800 mb-10 md:mb-0", children: "Copyright \u00A9 2024 Nudge. All rights reserved." })] })] }) }));
};