-
+
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet
fugiat veniam occaecat fugiat aliqua.
diff --git a/src/components/magicui/wavy-text.tsx b/src/components/magicui/wavy-text.tsx
new file mode 100644
index 0000000..2e3e332
--- /dev/null
+++ b/src/components/magicui/wavy-text.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import { AnimatePresence, motion } from "framer-motion";
+import { useMemo } from "react";
+
+interface WavyTextProps {
+ word: string;
+ className?: string;
+ variant?: {
+ hidden: { y: number };
+ visible: { y: number };
+ };
+ duration?: number;
+ delay?: number;
+}
+const WavyText = ({
+ word,
+ className,
+ variant,
+ duration = 0.5,
+ delay = 0.05,
+}: WavyTextProps) => {
+ const defaultVariants = {
+ hidden: { y: 10 },
+ visible: { y: -10 },
+ };
+ const combinedVariants = variant || defaultVariants;
+ const characters = useMemo(() => word.split(""), [word]);
+ return (
+
+
+ {characters.map((char, i) => (
+
+ {char}
+
+ ))}
+
+
+ );
+};
+
+export default WavyText;
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 70b561c..3ffd774 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -9,11 +9,105 @@ const config: Config = {
"./node_modules/@tremor/**/*.{js,ts,jsx,tsx}"
],
+ future: {
+ hoverOnlyWhenSupported: true,
+ },
+ darkMode: 'class',
theme: {
transparent: "transparent",
current: "currentColor",
extend: {
colors: {
+ bodyColor: "#0A192F",
+ textGreen: "#64ffda",
+ textLight: "#ccd6f6",
+ textDark: "#8892b0",
+ hoverColor: "rgba(100,255,218,0.1)",
+ brown: {
+ 50: '#fdf8f6',
+ 100: '#f2e8e5',
+ 200: '#eaddd7',
+ 300: '#e0cec7',
+ 400: '#d2bab0',
+ 500: '#bfa094',
+ 600: '#a18072',
+ 700: '#977669',
+ 800: '#846358',
+ 900: '#43302b'
+ },
+ clr_body: "#141410",
+ clr_white: "#ffffff",
+ clr_title: "#181818",
+ clr_mtitle: "#000d27",
+ clr_pra: "#999999",
+ clr_subtitle: "#121212",
+ clr_base: "#c9f31d",
+ clr_hover: "#c2ec1d9e",
+ clr_bg1: "#e9f0ff",
+ clr_ftext: "#818181",
+ clr_footer: "#181818",
+ clr_cusborder: "rgb(38, 37, 37)",
+ clr_border1: "#414141",
+ clr_ratting: "#ffa311",
+ clr_bgsection: "#000d27",
+ clr_success: "#3fca90",
+ clr_danger: "#ed5050",
+ clr_boxes1: "rgba(26, 77, 190, 0.05)",
+ clr_cborder: "#d9d9d9",
+ "violet-550": "#8257e6",
+ "white": "#FFFF",
+
+ "gray-900": "#121214",
+ "gray-800": "#202024",
+ "gray-300": "#c4c4cc",
+ "gray-100": "#e1e1e6",
+
+ "green-500": "#00875f",
+ "green-300": "#00b37e",
+ gray: colors.zinc,
+ 'gray-1000': 'rgb(17,17,19)',
+ 'gray-1100': 'rgb(10,10,11)',
+ link: '#f72585',
+ vercel: {
+ pink: '#FF0080',
+ blue: '#0070F3',
+ cyan: '#50E3C2',
+ orange: '#F5A623',
+ violet: '#7928CA',
+ },
+ border: 'hsl(var(--border))',
+ input: 'hsl(var(--input))',
+ ring: 'hsl(var(--ring))',
+ background: 'hsl(var(--background))',
+ foreground: 'hsl(var(--foreground))',
+ primary: {
+ DEFAULT: 'hsl(var(--primary))',
+ foreground: 'hsl(var(--primary-foreground))',
+ },
+ secondary: {
+ DEFAULT: 'hsl(var(--secondary))',
+ foreground: 'hsl(var(--secondary-foreground))',
+ },
+ destructive: {
+ DEFAULT: 'hsl(var(--destructive))',
+ foreground: 'hsl(var(--destructive-foreground))',
+ },
+ muted: {
+ DEFAULT: 'hsl(var(--muted))',
+ foreground: 'hsl(var(--muted-foreground))',
+ },
+ accent: {
+ DEFAULT: 'hsl(var(--accent))',
+ foreground: 'hsl(var(--accent-foreground))',
+ },
+ popover: {
+ DEFAULT: 'hsl(var(--popover))',
+ foreground: 'hsl(var(--popover-foreground))',
+ },
+ card: {
+ DEFAULT: 'hsl(var(--card))',
+ foreground: 'hsl(var(--card-foreground))',
+ },
// light mode
tremor: {
brand: {
diff --git a/yarn.lock b/yarn.lock
index fceb045..66c8d62 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,10 +12,10 @@
resolved "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz"
integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
-"@babel/runtime@^7.23.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
- version "7.23.9"
- resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.9.tgz"
- integrity sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==
+"@babel/runtime@^7.23.2", "@babel/runtime@^7.24.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
+ version "7.24.6"
+ resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.6.tgz"
+ integrity sha512-Ja18XcETdEl5mzzACGd+DKgaGJzPTCow7EglgwTmHdwokzDFYh/MHua6lU6DV/hjF2IaOJ4oX2nqnjG7RElKOw==
dependencies:
regenerator-runtime "^0.14.0"
@@ -710,7 +710,7 @@ client-only@^0.0.1, client-only@0.0.1:
resolved "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz"
integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
-clsx@^2.0.0:
+clsx@^2.0.0, clsx@^2.1.1:
version "2.1.1"
resolved "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz"
integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
@@ -2646,6 +2646,13 @@ tailwind-merge@^1.14.0:
resolved "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-1.14.0.tgz"
integrity sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==
+tailwind-merge@^2.3.0:
+ version "2.3.0"
+ resolved "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.3.0.tgz"
+ integrity sha512-vkYrLpIP+lgR0tQCG6AP7zZXCTLc1Lnv/CCRT3BqJ9CZ3ui2++GPaGb1x/ILsINIMSYqqvrpqjUFsMNLlW99EA==
+ dependencies:
+ "@babel/runtime" "^7.24.1"
+
tailwindcss@^3.4.3:
version "3.4.3"
resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.3.tgz"
From 35f3961ae288a284522355690a712a9c1aaf0f40 Mon Sep 17 00:00:00 2001
From: Augusto araujo <128748350+Augdev7@users.noreply.github.com>
Date: Tue, 28 May 2024 10:37:55 -0300
Subject: [PATCH 4/5] commit
---
tailwind.config.ts | 18 +++++++++++++++++-
1 file changed, 17 insertions(+), 1 deletion(-)
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 3ffd774..ad3b2b3 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,5 +1,6 @@
import type { Config } from "tailwindcss";
const colors = require("tailwindcss/colors");
+const plugin = require('tailwindcss/plugin')
const config: Config = {
content: [
@@ -219,6 +220,21 @@ const config: Config = {
pattern:
/(fill-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))/,
}],
- plugins: [],
+ plugins: [
+ plugin(({ matchUtilities }) => {
+ matchUtilities({
+ multi: (value) => {
+ const escape = (str) => {
+ return str.replace(/_/g, '\\_').replace(/ /g, '_')
+ }
+ const utilities = value.split(';').map(escape).join(' ')
+ console.log({ value, utilities })
+ return {
+ [`@apply ${utilities}`]: {},
+ }
+ },
+ })
+ }),
+ ],
};
export default config;
From cb6e13ecab4b32d1723c0fbaac2ae952f1cdf248 Mon Sep 17 00:00:00 2001
From: Augusto araujo <128748350+Augdev7@users.noreply.github.com>
Date: Tue, 28 May 2024 11:00:55 -0300
Subject: [PATCH 5/5] commit
---
package-lock.json | 10 ++++++++++
package.json | 1 +
tailwind.config.ts | 18 +-----------------
yarn.lock | 5 +++++
4 files changed, 17 insertions(+), 17 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 4035771..e08872e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -29,6 +29,7 @@
"postcss": "^8",
"tailwind-merge": "^2.3.0",
"tailwindcss": "^3.4.3",
+ "tailwindcss-animated": "^1.1.0",
"typescript": "^5"
}
},
@@ -4786,6 +4787,15 @@
"node": ">=14.0.0"
}
},
+ "node_modules/tailwindcss-animated": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.1.0.tgz",
+ "integrity": "sha512-2j2MHdlypqaqz5ymcGFAiLjYdyy/9M3aMqa4SKSQqyQnMyUIUDx/3orLyuUop5i2FucdzYXVwexSSU7Q1b0VCw==",
+ "dev": true,
+ "peerDependencies": {
+ "tailwindcss": ">=3.1.0"
+ }
+ },
"node_modules/tapable": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
diff --git a/package.json b/package.json
index 2560ad7..0317822 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
"postcss": "^8",
"tailwind-merge": "^2.3.0",
"tailwindcss": "^3.4.3",
+ "tailwindcss-animated": "^1.1.0",
"typescript": "^5"
}
}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index ad3b2b3..3ffd774 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,6 +1,5 @@
import type { Config } from "tailwindcss";
const colors = require("tailwindcss/colors");
-const plugin = require('tailwindcss/plugin')
const config: Config = {
content: [
@@ -220,21 +219,6 @@ const config: Config = {
pattern:
/(fill-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))/,
}],
- plugins: [
- plugin(({ matchUtilities }) => {
- matchUtilities({
- multi: (value) => {
- const escape = (str) => {
- return str.replace(/_/g, '\\_').replace(/ /g, '_')
- }
- const utilities = value.split(';').map(escape).join(' ')
- console.log({ value, utilities })
- return {
- [`@apply ${utilities}`]: {},
- }
- },
- })
- }),
- ],
+ plugins: [],
};
export default config;
diff --git a/yarn.lock b/yarn.lock
index 66c8d62..d013df1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2653,6 +2653,11 @@ tailwind-merge@^2.3.0:
dependencies:
"@babel/runtime" "^7.24.1"
+tailwindcss-animated@^1.1.0:
+ version "1.1.0"
+ resolved "https://registry.npmjs.org/tailwindcss-animated/-/tailwindcss-animated-1.1.0.tgz"
+ integrity sha512-2j2MHdlypqaqz5ymcGFAiLjYdyy/9M3aMqa4SKSQqyQnMyUIUDx/3orLyuUop5i2FucdzYXVwexSSU7Q1b0VCw==
+
tailwindcss@^3.4.3:
version "3.4.3"
resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.3.tgz"