From 9ea2c91ef1895d2c5571db73d535544e58d86cad Mon Sep 17 00:00:00 2001 From: Ludovic Lerus Date: Mon, 16 Sep 2024 22:08:11 +0300 Subject: [PATCH 1/5] feat(landing): Section1 updated and form plugin added --- .../app/components/Section1.tsx | 113 +++++++++++++----- apps/blandui-landing/package.json | 1 + apps/blandui-landing/tailwind.config.ts | 30 ++--- pnpm-lock.yaml | 3 + 4 files changed, 101 insertions(+), 46 deletions(-) diff --git a/apps/blandui-landing/app/components/Section1.tsx b/apps/blandui-landing/app/components/Section1.tsx index 37b3cc8..f7be1cb 100644 --- a/apps/blandui-landing/app/components/Section1.tsx +++ b/apps/blandui-landing/app/components/Section1.tsx @@ -1,53 +1,102 @@ -import { Button, Typography } from '@blandui/blandui-react'; +'use client'; + +import { + Badge, Button, Checkbox, RadioButton, TextInput, Toggle, Typography, +} from '@blandui/blandui-react'; import { SiFigma } from '@icons-pack/react-simple-icons'; import { ExternalLink } from 'lucide-react'; +import { useState } from 'react'; + +const Section1 = () => { + const [toggle, setToggle] = useState(false); -const Section1 = () => ( -
-
- + return ( +
+
+ Basic building block for your ideas. - - + + Basic building block for your ideas. - + - + Bland gives you core components to bring your ideas to life, skipping the fancy stuff to focus on the essentials. Our components let you design freely, making sure you are in control the whole time. - - + + Bland gives you core components to bring your ideas to life, skipping the fancy stuff to focus on the essentials. Our components let you design freely, making sure you are in control the whole time. - + -
- + - + +
-
-
-
-
- + +
+ +
+ + + + + + Label + +
+ +
+ +
+ +
+ +
+ +
+
-
-
- + + +
- -
-); + + ); +}; export default Section1; diff --git a/apps/blandui-landing/package.json b/apps/blandui-landing/package.json index b54d3f9..6e40f43 100644 --- a/apps/blandui-landing/package.json +++ b/apps/blandui-landing/package.json @@ -11,6 +11,7 @@ "dependencies": { "@blandui/blandui-react": "workspace:*", "@icons-pack/react-simple-icons": "^10.0.0", + "@tailwindcss/forms": "^0.5.7", "lucide-react": "^0.395.0", "next": "14.2.11", "next-plausible": "^3.12.2", diff --git a/apps/blandui-landing/tailwind.config.ts b/apps/blandui-landing/tailwind.config.ts index e5d0dea..fbeba13 100644 --- a/apps/blandui-landing/tailwind.config.ts +++ b/apps/blandui-landing/tailwind.config.ts @@ -1,19 +1,21 @@ -import type { Config } from "tailwindcss"; +import type { Config } from 'tailwindcss'; import { content, plugin } from '@blandui/blandui-react/tailwind'; +import forms from '@tailwindcss/forms'; const config: Config = { - content: [ - "./pages/**/*.{js,ts,jsx,tsx,mdx}", - "./components/**/*.{js,ts,jsx,tsx,mdx}", - "./app/**/*.{js,ts,jsx,tsx,mdx}", - content(), - ], - theme: { - extend: { - }, - }, - plugins: [ - plugin(), - ], + content: [ + './pages/**/*.{js,ts,jsx,tsx,mdx}', + './components/**/*.{js,ts,jsx,tsx,mdx}', + './app/**/*.{js,ts,jsx,tsx,mdx}', + content(), + ], + theme: { + extend: { + }, + }, + plugins: [ + forms, + plugin(), + ], }; export default config; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3d9ca16..4e2c683 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -45,6 +45,9 @@ importers: '@icons-pack/react-simple-icons': specifier: ^10.0.0 version: 10.0.0(react@18.3.1) + '@tailwindcss/forms': + specifier: ^0.5.7 + version: 0.5.7(tailwindcss@3.4.3) lucide-react: specifier: ^0.395.0 version: 0.395.0(react@18.3.1) From 7aee27e14167a31161372609bf527b5d96f923a0 Mon Sep 17 00:00:00 2001 From: Ludovic Lerus Date: Mon, 16 Sep 2024 22:19:26 +0300 Subject: [PATCH 2/5] feat(landing): Links added and coming soon page added --- apps/blandui-landing/app/coming-soon/page.tsx | 11 ++++++++++ .../blandui-landing/app/components/Footer.tsx | 12 +++++----- .../blandui-landing/app/components/Header.tsx | 5 ++++- apps/blandui-landing/app/layout.tsx | 6 ++--- apps/blandui-landing/app/page.tsx | 22 ++++++------------- 5 files changed, 31 insertions(+), 25 deletions(-) create mode 100644 apps/blandui-landing/app/coming-soon/page.tsx diff --git a/apps/blandui-landing/app/coming-soon/page.tsx b/apps/blandui-landing/app/coming-soon/page.tsx new file mode 100644 index 0000000..290bb61 --- /dev/null +++ b/apps/blandui-landing/app/coming-soon/page.tsx @@ -0,0 +1,11 @@ +import { Typography } from '@blandui/blandui-react'; + +export default function ComingSoon() { + return ( +
+ + Coming soon... + +
+ ); +} diff --git a/apps/blandui-landing/app/components/Footer.tsx b/apps/blandui-landing/app/components/Footer.tsx index 4639c5c..0700229 100644 --- a/apps/blandui-landing/app/components/Footer.tsx +++ b/apps/blandui-landing/app/components/Footer.tsx @@ -40,18 +40,18 @@ const Footer = () => (
- Docs - Components - Playground - About + Docs + Components + Playground + About
- + - +
diff --git a/apps/blandui-landing/app/components/Header.tsx b/apps/blandui-landing/app/components/Header.tsx index 1bfef85..1671c37 100644 --- a/apps/blandui-landing/app/components/Header.tsx +++ b/apps/blandui-landing/app/components/Header.tsx @@ -14,7 +14,10 @@ const Header = () => (
- + + + +
diff --git a/apps/blandui-landing/app/layout.tsx b/apps/blandui-landing/app/layout.tsx index 1d38a18..11a1e86 100644 --- a/apps/blandui-landing/app/layout.tsx +++ b/apps/blandui-landing/app/layout.tsx @@ -16,8 +16,8 @@ const firaSans = Fira_Sans({ }); export const metadata: Metadata = { - title: 'Create Next App', - description: 'Generated by create next app', + title: 'BlandUI', + description: 'A UI kit for those that want to be in control', }; export default function RootLayout({ @@ -30,7 +30,7 @@ export default function RootLayout({ - +
{children}
diff --git a/apps/blandui-landing/app/page.tsx b/apps/blandui-landing/app/page.tsx index 7a02faf..162a99b 100644 --- a/apps/blandui-landing/app/page.tsx +++ b/apps/blandui-landing/app/page.tsx @@ -1,25 +1,17 @@ -import { Metadata } from 'next'; import Section1 from './components/Section1'; import Section2 from './components/Section2'; import Section3 from './components/Section3'; import Section4 from './components/Section4'; import Section5 from './components/Section5'; -export const metadata: Metadata = { - title: 'BlandUI', - description: 'TODO', -}; - export default function Home() { return ( -
-
- - - - - -
-
+
+ + + + + +
); } From 7e93ab501e502bfd8436fd1ae10396e5ca8a69e9 Mon Sep 17 00:00:00 2001 From: Ludovic Lerus Date: Mon, 16 Sep 2024 22:51:36 +0300 Subject: [PATCH 3/5] feat(button): As props added --- .../stories/Button.stories.tsx | 20 ++ .../src/components/Button/Button.tsx | 209 +++++++++--------- 2 files changed, 130 insertions(+), 99 deletions(-) diff --git a/apps/storybook-react/stories/Button.stories.tsx b/apps/storybook-react/stories/Button.stories.tsx index 1c1f27a..61f45bd 100644 --- a/apps/storybook-react/stories/Button.stories.tsx +++ b/apps/storybook-react/stories/Button.stories.tsx @@ -121,3 +121,23 @@ export const Warning: Story = {
), }; + +export const ButtonAsLink: Story = { + render: () => ( +
+
+ +
+
+ ), +}; diff --git a/packages/blandui-react/src/components/Button/Button.tsx b/packages/blandui-react/src/components/Button/Button.tsx index 7158472..4adc238 100644 --- a/packages/blandui-react/src/components/Button/Button.tsx +++ b/packages/blandui-react/src/components/Button/Button.tsx @@ -1,5 +1,7 @@ import { - type ComponentProps, + ComponentPropsWithoutRef, + ComponentPropsWithRef, + type ElementType, forwardRef, } from 'react'; import cn from '../../utils/cn'; @@ -11,43 +13,49 @@ import cn from '../../utils/cn'; type ButtonColor = 'brand' | 'success' | 'danger' | 'warning'; type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'stroke'; -export interface ButtonProps extends ComponentProps<'button'> { +type ButtonOwnProps = { className?: string; size?: 'sm' | 'md' | 'lg'; color?: ButtonColor; variant?: ButtonVariant; -} - -export const Button = forwardRef(( - { - children, - className, - size = 'md', - variant = 'primary', - color = 'brand', - ...props - }, - ref, -) => { - const baseCn = 'flex items-center justify-center font-semibold'; - - const sizeClasses = { - sm: 'rounded-md gap-sm py-sm px-sm text-[0.625rem] leading-[1rem]', - md: 'rounded-md gap-md py-sm px-lg text-[0.875rem] leading-[1.25rem]', - lg: 'rounded-md gap-md py-lg px-2xl text-[0.875rem] leading-[1.25rem]', - }; - - const variantColorClasses = { - brand: { - primary: ` + as?: E; + }; + +export type ButtonProps = ButtonOwnProps & + Omit, keyof ButtonOwnProps>; + +export const Button = forwardRef( + ( + { + children, + className, + size = 'md', + variant = 'primary', + color = 'brand', + as, + ...props + }: ButtonProps, + ref: ComponentPropsWithRef['ref'], + ) => { + const baseCn = 'flex items-center justify-center font-semibold'; + + const sizeClasses = { + sm: 'rounded-md gap-sm py-sm px-sm text-[0.625rem] leading-[1rem]', + md: 'rounded-md gap-md py-sm px-lg text-[0.875rem] leading-[1.25rem]', + lg: 'rounded-md gap-md py-lg px-2xl text-[0.875rem] leading-[1.25rem]', + }; + + const variantColorClasses = { + brand: { + primary: ` bg-btn-brand-primary-rest - enabled:hover:bg-btn-brand-primary-hover + hover:bg-btn-brand-primary-hover active:bg-btn-brand-primary-pressed focus:bg-btn-brand-primary-focused disabled:bg-btn-brand-primary-disabled text-btn-brand-primary-rest - enabled:hover:text-btn-brand-primary-hover + hover:text-btn-brand-primary-hover active:text-btn-brand-primary-pressed focus:text-btn-brand-primary-focused disabled:text-btn-brand-primary-disabled @@ -55,15 +63,15 @@ export const Button = forwardRef(( focus:border-btn-brand-primary-focused border-none `, - secondary: ` + secondary: ` bg-btn-brand-secondary-rest - enabled:hover:bg-btn-brand-secondary-hover + hover:bg-btn-brand-secondary-hover active:bg-btn-brand-secondary-pressed focus:bg-btn-brand-secondary-focused disabled:bg-btn-brand-secondary-disabled text-btn-brand-secondary-rest - enabled:hover:text-btn-brand-secondary-hover + hover:text-btn-brand-secondary-hover active:text-btn-brand-secondary-pressed focus:text-btn-brand-secondary-focused disabled:text-btn-brand-secondary-disabled @@ -71,15 +79,15 @@ export const Button = forwardRef(( focus:border-btn-brand-secondary-focused border-none `, - ghost: ` + ghost: ` bg-btn-brand-ghost-rest - enabled:hover:bg-btn-brand-ghost-hover + hover:bg-btn-brand-ghost-hover active:bg-btn-brand-ghost-pressed focus:bg-btn-brand-ghost-focused disabled:bg-btn-brand-ghost-disabled text-btn-brand-ghost-rest - enabled:hover:text-btn-brand-ghost-hover + hover:text-btn-brand-ghost-hover active:text-btn-brand-ghost-pressed focus:text-btn-brand-ghost-focused disabled:text-btn-brand-ghost-disabled @@ -87,34 +95,34 @@ export const Button = forwardRef(( focus:border-btn-brand-ghost-focused border-none `, - stroke: ` + stroke: ` bg-btn-brand-stroke-rest - enabled:hover:bg-btn-brand-stroke-hover + hover:bg-btn-brand-stroke-hover active:bg-btn-brand-stroke-pressed focus:bg-btn-brand-stroke-focused disabled:bg-btn-brand-stroke-disabled text-btn-brand-stroke-rest - enabled:hover:text-btn-brand-stroke-hover + hover:text-btn-brand-stroke-hover active:text-btn-brand-stroke-pressed focus:text-btn-brand-stroke-focused disabled:text-btn-brand-stroke-disabled focus:border-btn-brand-stroke-focused - border enabled:border-btn-brand-stroke-rest + border border-btn-brand-stroke-rest disabled:border-btn-brand-stroke-disabled `, - }, - success: { - primary: ` + }, + success: { + primary: ` bg-btn-success-primary-rest - enabled:hover:bg-btn-success-primary-hover + hover:bg-btn-success-primary-hover active:bg-btn-success-primary-pressed focus:bg-btn-success-primary-focused disabled:bg-btn-success-primary-disabled text-btn-success-primary-rest - enabled:hover:text-btn-success-primary-hover + hover:text-btn-success-primary-hover active:text-btn-success-primary-pressed focus:text-btn-success-primary-focused disabled:text-btn-success-primary-disabled @@ -122,15 +130,15 @@ export const Button = forwardRef(( focus:border-btn-success-primary-focused border-none `, - secondary: ` + secondary: ` bg-btn-success-secondary-rest - enabled:hover:bg-btn-success-secondary-hover + hover:bg-btn-success-secondary-hover active:bg-btn-success-secondary-pressed focus:bg-btn-success-secondary-focused disabled:bg-btn-success-secondary-disabled text-btn-success-secondary-rest - enabled:hover:text-btn-success-secondary-hover + hover:text-btn-success-secondary-hover active:text-btn-success-secondary-pressed focus:text-btn-success-secondary-focused disabled:text-btn-success-secondary-disabled @@ -138,15 +146,15 @@ export const Button = forwardRef(( focus:border-btn-success-secondary-focused border-none `, - ghost: ` + ghost: ` bg-btn-success-ghost-rest - enabled:hover:bg-btn-success-ghost-hover + hover:bg-btn-success-ghost-hover active:bg-btn-success-ghost-pressed focus:bg-btn-success-ghost-focused disabled:bg-btn-success-ghost-disabled text-btn-success-ghost-rest - enabled:hover:text-btn-success-ghost-hover + hover:text-btn-success-ghost-hover active:text-btn-success-ghost-pressed focus:text-btn-success-ghost-focused disabled:text-btn-success-ghost-disabled @@ -154,34 +162,34 @@ export const Button = forwardRef(( focus:border-btn-success-ghost-focused border-none `, - stroke: ` + stroke: ` bg-btn-success-stroke-rest - enabled:hover:bg-btn-success-stroke-hover + hover:bg-btn-success-stroke-hover active:bg-btn-success-stroke-pressed focus:bg-btn-success-stroke-focused disabled:bg-btn-success-stroke-disabled text-btn-success-stroke-rest - enabled:hover:text-btn-success-stroke-hover + hover:text-btn-success-stroke-hover active:text-btn-success-stroke-pressed focus:text-btn-success-stroke-focused disabled:text-btn-success-stroke-disabled focus:border-btn-success-stroke-focused - border enabled:border-btn-success-stroke-rest + border border-btn-success-stroke-rest disabled:border-btn-success-stroke-disabled `, - }, - danger: { - primary: ` + }, + danger: { + primary: ` bg-btn-danger-primary-rest - enabled:hover:bg-btn-danger-primary-hover + hover:bg-btn-danger-primary-hover active:bg-btn-danger-primary-pressed focus:bg-btn-danger-primary-focused disabled:bg-btn-danger-primary-disabled text-btn-danger-primary-rest - enabled:hover:text-btn-danger-primary-hover + hover:text-btn-danger-primary-hover active:text-btn-danger-primary-pressed focus:text-btn-danger-primary-focused disabled:text-btn-danger-primary-disabled @@ -189,15 +197,15 @@ export const Button = forwardRef(( focus:border-btn-danger-primary-focused border-none `, - secondary: ` + secondary: ` bg-btn-danger-secondary-rest - enabled:hover:bg-btn-danger-secondary-hover + hover:bg-btn-danger-secondary-hover active:bg-btn-danger-secondary-pressed focus:bg-btn-danger-secondary-focused disabled:bg-btn-danger-secondary-disabled text-btn-danger-secondary-rest - enabled:hover:text-btn-danger-secondary-hover + hover:text-btn-danger-secondary-hover active:text-btn-danger-secondary-pressed focus:text-btn-danger-secondary-focused disabled:text-btn-danger-secondary-disabled @@ -205,15 +213,15 @@ export const Button = forwardRef(( focus:border-btn-danger-secondary-focused border-none `, - ghost: ` + ghost: ` bg-btn-danger-ghost-rest - enabled:hover:bg-btn-danger-ghost-hover + hover:bg-btn-danger-ghost-hover active:bg-btn-danger-ghost-pressed focus:bg-btn-danger-ghost-focused disabled:bg-btn-danger-ghost-disabled text-btn-danger-ghost-rest - enabled:hover:text-btn-danger-ghost-hover + hover:text-btn-danger-ghost-hover active:text-btn-danger-ghost-pressed focus:text-btn-danger-ghost-focused disabled:text-btn-danger-ghost-disabled @@ -221,34 +229,34 @@ export const Button = forwardRef(( focus:border-btn-danger-ghost-focused border-none `, - stroke: ` + stroke: ` bg-btn-danger-stroke-rest - enabled:hover:bg-btn-danger-stroke-hover + hover:bg-btn-danger-stroke-hover active:bg-btn-danger-stroke-pressed focus:bg-btn-danger-stroke-focused disabled:bg-btn-danger-stroke-disabled text-btn-danger-stroke-rest - enabled:hover:text-btn-danger-stroke-hover + hover:text-btn-danger-stroke-hover active:text-btn-danger-stroke-pressed focus:text-btn-danger-stroke-focused disabled:text-btn-danger-stroke-disabled focus:border-btn-danger-stroke-focused - border enabled:border-btn-danger-stroke-rest + border border-btn-danger-stroke-rest disabled:border-btn-danger-stroke-disabled `, - }, - warning: { - primary: ` + }, + warning: { + primary: ` bg-btn-warning-primary-rest - enabled:hover:bg-btn-warning-primary-hover + hover:bg-btn-warning-primary-hover active:bg-btn-warning-primary-pressed focus:bg-btn-warning-primary-focused disabled:bg-btn-warning-primary-disabled text-btn-warning-primary-rest - enabled:hover:text-btn-warning-primary-hover + hover:text-btn-warning-primary-hover active:text-btn-warning-primary-pressed focus:text-btn-warning-primary-focused disabled:text-btn-warning-primary-disabled @@ -256,15 +264,15 @@ export const Button = forwardRef(( focus:border-btn-warning-primary-focused border-none `, - secondary: ` + secondary: ` bg-btn-warning-secondary-rest - enabled:hover:bg-btn-warning-secondary-hover + hover:bg-btn-warning-secondary-hover active:bg-btn-warning-secondary-pressed focus:bg-btn-warning-secondary-focused disabled:bg-btn-warning-secondary-disabled text-btn-warning-secondary-rest - enabled:hover:text-btn-warning-secondary-hover + hover:text-btn-warning-secondary-hover active:text-btn-warning-secondary-pressed focus:text-btn-warning-secondary-focused disabled:text-btn-warning-secondary-disabled @@ -272,15 +280,15 @@ export const Button = forwardRef(( focus:border-btn-warning-secondary-focused border-none `, - ghost: ` + ghost: ` bg-btn-warning-ghost-rest - enabled:hover:bg-btn-warning-ghost-hover + hover:bg-btn-warning-ghost-hover active:bg-btn-warning-ghost-pressed focus:bg-btn-warning-ghost-focused disabled:bg-btn-warning-ghost-disabled text-btn-warning-ghost-rest - enabled:hover:text-btn-warning-ghost-hover + hover:text-btn-warning-ghost-hover active:text-btn-warning-ghost-pressed focus:text-btn-warning-ghost-focused disabled:text-btn-warning-ghost-disabled @@ -288,38 +296,41 @@ export const Button = forwardRef(( focus:border-btn-warning-ghost-focused border-none `, - stroke: ` + stroke: ` bg-btn-warning-stroke-rest - enabled:hover:bg-btn-warning-stroke-hover + hover:bg-btn-warning-stroke-hover active:bg-btn-warning-stroke-pressed focus:bg-btn-warning-stroke-focused disabled:bg-btn-warning-stroke-disabled text-btn-warning-stroke-rest - enabled:hover:text-btn-warning-stroke-hover + hover:text-btn-warning-stroke-hover active:text-btn-warning-stroke-pressed focus:text-btn-warning-stroke-focused disabled:text-btn-warning-stroke-disabled focus:border-btn-warning-stroke-focused - border enabled:border-btn-warning-stroke-rest + border border-btn-warning-stroke-rest disabled:border-btn-warning-stroke-disabled `, - }, - }; - - const buttonCn = cn( - baseCn, - sizeClasses[size], - variantColorClasses[color][variant], - className, - ); - - return ( - - ); -}); + }, + }; + + const buttonCn = cn( + baseCn, + sizeClasses[size], + variantColorClasses[color][variant], + className, + ); + + const Component = as || 'button'; + + return ( + + {children} + + ); + }, +); Button.displayName = 'Button'; From db586b29e78dbfb0824d2aa034bd7f69296b8fa1 Mon Sep 17 00:00:00 2001 From: Ludovic Lerus Date: Mon, 16 Sep 2024 22:53:28 +0300 Subject: [PATCH 4/5] chore(changeset): Button as --- .changeset/nasty-carrots-draw.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/nasty-carrots-draw.md diff --git a/.changeset/nasty-carrots-draw.md b/.changeset/nasty-carrots-draw.md new file mode 100644 index 0000000..06f7f87 --- /dev/null +++ b/.changeset/nasty-carrots-draw.md @@ -0,0 +1,5 @@ +--- +"@blandui/blandui-react": patch +--- + +as props added to Button From 807c959027980b2278bd8c6f2837a6a0d1ef9c7c Mon Sep 17 00:00:00 2001 From: Ludovic Lerus Date: Mon, 16 Sep 2024 23:19:06 +0300 Subject: [PATCH 5/5] feat(landing): All links added and plausible fixed --- apps/blandui-landing/app/components/Footer.tsx | 8 ++++---- apps/blandui-landing/app/components/Header.tsx | 18 ++++++++++++------ .../app/components/Section1.tsx | 13 +++++++------ apps/blandui-landing/app/layout.tsx | 2 +- apps/blandui-landing/next.config.mjs | 4 +++- 5 files changed, 27 insertions(+), 18 deletions(-) diff --git a/apps/blandui-landing/app/components/Footer.tsx b/apps/blandui-landing/app/components/Footer.tsx index 0700229..27e3437 100644 --- a/apps/blandui-landing/app/components/Footer.tsx +++ b/apps/blandui-landing/app/components/Footer.tsx @@ -40,10 +40,10 @@ const Footer = () => (
diff --git a/apps/blandui-landing/app/components/Header.tsx b/apps/blandui-landing/app/components/Header.tsx index 1671c37..752defc 100644 --- a/apps/blandui-landing/app/components/Header.tsx +++ b/apps/blandui-landing/app/components/Header.tsx @@ -5,6 +5,7 @@ import { SiFigma, SiGithub, SiX } from '@icons-pack/react-simple-icons'; import { Component, FileText, Info, Menu, } from 'lucide-react'; +import Link from 'next/link'; import Logo from './Logo'; const Header = () => ( @@ -21,12 +22,12 @@ const Header = () => (
- - @@ -35,20 +36,25 @@ const Header = () => (
- -
- - + + + + + + +
diff --git a/apps/blandui-landing/app/components/Section1.tsx b/apps/blandui-landing/app/components/Section1.tsx index f7be1cb..0c4ca2d 100644 --- a/apps/blandui-landing/app/components/Section1.tsx +++ b/apps/blandui-landing/app/components/Section1.tsx @@ -5,6 +5,7 @@ import { } from '@blandui/blandui-react'; import { SiFigma } from '@icons-pack/react-simple-icons'; import { ExternalLink } from 'lucide-react'; +import Link from 'next/link'; import { useState } from 'react'; const Section1 = () => { @@ -28,13 +29,13 @@ const Section1 = () => {
- -
@@ -78,7 +79,7 @@ const Section1 = () => {
@@ -89,7 +90,7 @@ const Section1 = () => {
- diff --git a/apps/blandui-landing/app/layout.tsx b/apps/blandui-landing/app/layout.tsx index 11a1e86..427de46 100644 --- a/apps/blandui-landing/app/layout.tsx +++ b/apps/blandui-landing/app/layout.tsx @@ -28,7 +28,7 @@ export default function RootLayout({ return ( - +
diff --git a/apps/blandui-landing/next.config.mjs b/apps/blandui-landing/next.config.mjs index 2a2b20b..0efd5cb 100644 --- a/apps/blandui-landing/next.config.mjs +++ b/apps/blandui-landing/next.config.mjs @@ -1,6 +1,8 @@ import { withPlausibleProxy } from 'next-plausible'; /** @type {import('next').NextConfig} */ -const nextConfig = withPlausibleProxy()({}); +const nextConfig = withPlausibleProxy({ + customDomain: 'https://plausible-analytics-pulpopush.up.railway.app', +})({}); export default nextConfig;