Skip to content

Commit 9a9111c

Browse files
w0wayushw0wayush
committed
few things added
1 parent 2dea319 commit 9a9111c

13 files changed

+132
-66
lines changed

‎public/logos/Screenshot_2024-10-16_215403-removebg-preview.png

124 KB
Loading

‎public/logos/Screenshot_2024-10-16_220012-removebg-preview.png

149 KB
Loading

‎public/logos/logo1.png

95.9 KB
Loading

‎public/logos/logo2.png

76.5 KB
Loading

‎public/logos/logo3.png

68.6 KB
Loading

‎public/logos/magic_dress.png

315 KB
Loading

‎public/logos/magic_dress_bg.png

556 KB
Loading

‎public/logos/magic_hat.png

58.4 KB
Loading

‎public/logos/magic_hat2.png

52.7 KB
Loading

‎src/components/ui/animated-gradient-text.jsx

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import { cn } from "@/lib/utils";
2+
3+
export default function AnimatedGradientText({
4+
children,
5+
className
6+
}) {
7+
return (
8+
(<div
9+
className={cn(
10+
"group relative mx-auto flex max-w-fit flex-row items-center justify-center rounded-2xl bg-white/40 px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#8fdfff1f] backdrop-blur-sm transition-shadow duration-500 ease-out [--bg-size:300%] hover:shadow-[inset_0_-5px_10px_#8fdfff3f] dark:bg-black/40",
11+
className
12+
)}>
13+
<div
14+
className={`absolute inset-0 block h-full w-full animate-gradient bg-gradient-to-r from-[#ffaa40]/50 via-[#9c40ff]/50 to-[#ffaa40]/50 bg-[length:var(--bg-size)_100%] p-[1px] ![mask-composite:subtract] [border-radius:inherit] [mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)]`} />
15+
{children}
16+
</div>)
17+
);
18+
}

‎src/components/ui/badge.jsx

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
import * as React from "react"
2+
import { cva } from "class-variance-authority";
3+
4+
import { cn } from "@/lib/utils"
5+
6+
const badgeVariants = cva(
7+
"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
8+
{
9+
variants: {
10+
variant: {
11+
default:
12+
"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
13+
secondary:
14+
"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
15+
destructive:
16+
"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
17+
outline: "text-foreground",
18+
},
19+
},
20+
defaultVariants: {
21+
variant: "default",
22+
},
23+
}
24+
)
25+
26+
function Badge({
27+
className,
28+
variant,
29+
...props
30+
}) {
31+
return (<div className={cn(badgeVariants({ variant }), className)} {...props} />);
32+
}
33+
34+
export { Badge, badgeVariants }

‎src/lib/utils.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import { clsx } from "clsx"
2-
import { twMerge } from "tailwind-merge"
1+
import { clsx } from "clsx";
2+
import { twMerge } from "tailwind-merge";
33

44
export function cn(...inputs) {
5-
return twMerge(clsx(inputs))
5+
return twMerge(clsx(inputs));
66
}

‎tailwind.config.js

+77-63
Original file line numberDiff line numberDiff line change
@@ -9,69 +9,83 @@ module.exports = {
99
],
1010
prefix: "",
1111
theme: {
12-
container: {
13-
center: true,
14-
padding: "2rem",
15-
screens: {
16-
"2xl": "1400px",
17-
},
18-
},
19-
extend: {
20-
colors: {
21-
border: "hsl(var(--border))",
22-
input: "hsl(var(--input))",
23-
ring: "hsl(var(--ring))",
24-
background: "hsl(var(--background))",
25-
foreground: "hsl(var(--foreground))",
26-
primary: {
27-
DEFAULT: "hsl(var(--primary))",
28-
foreground: "hsl(var(--primary-foreground))",
29-
},
30-
secondary: {
31-
DEFAULT: "hsl(var(--secondary))",
32-
foreground: "hsl(var(--secondary-foreground))",
33-
},
34-
destructive: {
35-
DEFAULT: "hsl(var(--destructive))",
36-
foreground: "hsl(var(--destructive-foreground))",
37-
},
38-
muted: {
39-
DEFAULT: "hsl(var(--muted))",
40-
foreground: "hsl(var(--muted-foreground))",
41-
},
42-
accent: {
43-
DEFAULT: "hsl(var(--accent))",
44-
foreground: "hsl(var(--accent-foreground))",
45-
},
46-
popover: {
47-
DEFAULT: "hsl(var(--popover))",
48-
foreground: "hsl(var(--popover-foreground))",
49-
},
50-
card: {
51-
DEFAULT: "hsl(var(--card))",
52-
foreground: "hsl(var(--card-foreground))",
53-
},
54-
},
55-
borderRadius: {
56-
lg: "var(--radius)",
57-
md: "calc(var(--radius) - 2px)",
58-
sm: "calc(var(--radius) - 4px)",
59-
},
60-
keyframes: {
61-
"accordion-down": {
62-
from: { height: "0" },
63-
to: { height: "var(--radix-accordion-content-height)" },
64-
},
65-
"accordion-up": {
66-
from: { height: "var(--radix-accordion-content-height)" },
67-
to: { height: "0" },
68-
},
69-
},
70-
animation: {
71-
"accordion-down": "accordion-down 0.2s ease-out",
72-
"accordion-up": "accordion-up 0.2s ease-out",
73-
},
74-
},
12+
container: {
13+
center: 'true',
14+
padding: '2rem',
15+
screens: {
16+
'2xl': '1400px'
17+
}
18+
},
19+
extend: {
20+
colors: {
21+
border: 'hsl(var(--border))',
22+
input: 'hsl(var(--input))',
23+
ring: 'hsl(var(--ring))',
24+
background: 'hsl(var(--background))',
25+
foreground: 'hsl(var(--foreground))',
26+
primary: {
27+
DEFAULT: 'hsl(var(--primary))',
28+
foreground: 'hsl(var(--primary-foreground))'
29+
},
30+
secondary: {
31+
DEFAULT: 'hsl(var(--secondary))',
32+
foreground: 'hsl(var(--secondary-foreground))'
33+
},
34+
destructive: {
35+
DEFAULT: 'hsl(var(--destructive))',
36+
foreground: 'hsl(var(--destructive-foreground))'
37+
},
38+
muted: {
39+
DEFAULT: 'hsl(var(--muted))',
40+
foreground: 'hsl(var(--muted-foreground))'
41+
},
42+
accent: {
43+
DEFAULT: 'hsl(var(--accent))',
44+
foreground: 'hsl(var(--accent-foreground))'
45+
},
46+
popover: {
47+
DEFAULT: 'hsl(var(--popover))',
48+
foreground: 'hsl(var(--popover-foreground))'
49+
},
50+
card: {
51+
DEFAULT: 'hsl(var(--card))',
52+
foreground: 'hsl(var(--card-foreground))'
53+
}
54+
},
55+
borderRadius: {
56+
lg: 'var(--radius)',
57+
md: 'calc(var(--radius) - 2px)',
58+
sm: 'calc(var(--radius) - 4px)'
59+
},
60+
keyframes: {
61+
'accordion-down': {
62+
from: {
63+
height: '0'
64+
},
65+
to: {
66+
height: 'var(--radix-accordion-content-height)'
67+
}
68+
},
69+
'accordion-up': {
70+
from: {
71+
height: 'var(--radix-accordion-content-height)'
72+
},
73+
to: {
74+
height: '0'
75+
}
76+
},
77+
gradient: {
78+
to: {
79+
backgroundPosition: 'var(--bg-size) 0'
80+
}
81+
}
82+
},
83+
animation: {
84+
'accordion-down': 'accordion-down 0.2s ease-out',
85+
'accordion-up': 'accordion-up 0.2s ease-out',
86+
gradient: 'gradient 8s linear infinite'
87+
}
88+
}
7589
},
7690
plugins: [require("tailwindcss-animate")],
7791
}

0 commit comments

Comments
 (0)