Skip to content

Commit ac1eac8

Browse files
arihantcodesarihantcodes
committed
feat: add AI-powered features page and update component titles
1 parent 066ec7b commit ac1eac8

14 files changed

+158
-73
lines changed

‎.turbo/turbo-build.log

-62
This file was deleted.

‎app/(docs)/docs/autosize-textarea/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import { InlineCode } from '@/components/ui/inline-code';
1414
import { P } from '@/components/ui/heading-with-anchor';
1515

1616
export const metadata: Metadata = baseMetadata({
17-
title: 'Autosize Textarea',
17+
title: 'Spectrum UI-Autosize Textarea',
1818
description: 'auto resize textarea height based on content.',
1919
});
2020

‎app/(docs)/docs/infinite-scroll/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import InfiniteScrollDemo from '@/app/(docs)/docs/infinite-scroll/infinite-scrol
88
import { PropsTable } from '@/app/(docs)/docs/components/props-table/props-table';
99
import { infiniteScrollProp } from '@/app/(docs)/docs/infinite-scroll/infinite-scroll-prop';
1010
export const metadata: Metadata = baseMetadata({
11-
title: 'Infinite Scroll',
11+
title: 'Spectrum UI-Infinite Scroll',
1212
description:
1313
'Simple infinite scroll component. You have fully control over the loading spinner and IntersectionObserver API.',
1414
});

‎app/(docs)/docs/multiple-selector/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ import MultipleSelectorHideClearAll from '@/app/(docs)/docs/multiple-selector/us
3535
import MultipleSelectorWithSyncSearch from '@/app/(docs)/docs/multiple-selector/usage/multiple-selector-with-sync-search';
3636

3737
export const metadata: Metadata = baseMetadata({
38-
title: 'Multiple Selector',
38+
title: 'Spectrum UI-Multiple Selector',
3939
description:
4040
'Fast,composable, fully-featured multiple selector for React. such as async search with debounce, maximum selected count, grouping, creatable selector ...etc.',
4141
});

‎app/(docs)/docs/spinner/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import { PropsTable } from '@/app/(docs)/docs/components/props-table/props-table
1313
import { spinnerProp } from '@/app/(docs)/docs/spinner/spinner-prop';
1414

1515
export const metadata: Metadata = baseMetadata({
16-
title: 'Spinner',
16+
title: 'Spectrum UI-Spinner',
1717
description: 'A simple spinner for displaying loading state',
1818
});
1919

‎app/testing/page.tsx

+122
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
'use client'
2+
3+
import { motion } from 'framer-motion'
4+
import { Card } from '@/components/ui/card'
5+
import { IconBrain, IconRobot, IconSparkles, IconMessageDots, } from '@tabler/icons-react'
6+
7+
interface Feature {
8+
title: string
9+
description: string
10+
icon: React.ReactNode
11+
className?: string
12+
glowColor?: string
13+
}
14+
15+
const features: Feature[] = [
16+
{
17+
title: 'AI Assistant',
18+
description: 'Get intelligent responses powered by advanced language models',
19+
icon: <IconBrain className="h-6 w-6" />,
20+
className: 'md:col-span-2',
21+
glowColor: 'from-violet-500/20 via-transparent',
22+
},
23+
{
24+
title: 'Smart Automation',
25+
description: 'Automate your workflow with AI-powered tools',
26+
icon: <IconRobot className="h-6 w-6" />,
27+
className: 'md:col-span-1',
28+
glowColor: 'from-pink-500/20 via-transparent',
29+
},
30+
{
31+
title: 'Magic Generation',
32+
description: 'Generate creative content with a single click',
33+
icon: <IconRobot/>,
34+
className: 'md:col-span-1 md:row-span-2',
35+
glowColor: 'from-blue-500/20 via-transparent',
36+
},
37+
{
38+
title: 'Interactive Chat',
39+
description: 'Engage in natural conversations with AI',
40+
icon: <IconMessageDots className="h-6 w-6" />,
41+
className: 'md:col-span-2',
42+
glowColor: 'from-emerald-500/20 via-transparent',
43+
},
44+
]
45+
46+
export default function Component() {
47+
return (
48+
<div className="min-h-screen bg-black text-white p-8">
49+
{/* Dotted background pattern */}
50+
<div
51+
className="absolute inset-0 opacity-50"
52+
style={{
53+
backgroundImage: 'radial-gradient(circle at 1px 1px, rgb(55 65 81) 1px, transparent 0)',
54+
backgroundSize: '32px 32px',
55+
}}
56+
/>
57+
58+
<div className="relative max-w-6xl mx-auto">
59+
<div className="text-center mb-12">
60+
<motion.h1
61+
className="text-4xl md:text-5xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-violet-400 to-pink-400"
62+
initial={{ opacity: 0, y: 20 }}
63+
animate={{ opacity: 1, y: 0 }}
64+
transition={{ duration: 0.5 }}
65+
>
66+
AI-Powered Features
67+
</motion.h1>
68+
<motion.p
69+
className="text-gray-400 text-lg"
70+
initial={{ opacity: 0, y: 20 }}
71+
animate={{ opacity: 1, y: 0 }}
72+
transition={{ duration: 0.5, delay: 0.2 }}
73+
>
74+
Experience the future of automation with our cutting-edge AI tools
75+
</motion.p>
76+
</div>
77+
78+
<div className="grid grid-cols-1 md:grid-cols-4 gap-4 relative">
79+
{features.map((feature, index) => (
80+
<motion.div
81+
key={feature.title}
82+
className={feature.className}
83+
initial={{ opacity: 0, y: 20 }}
84+
animate={{ opacity: 1, y: 0 }}
85+
transition={{ duration: 0.5, delay: index * 0.1 }}
86+
>
87+
<Card className="relative h-full overflow-hidden bg-gray-900/50 backdrop-blur-sm border-gray-800 hover:border-gray-700 transition-colors group">
88+
{/* Glow effect */}
89+
<div
90+
className={`absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-br ${feature.glowColor}`}
91+
style={{ filter: 'blur(30px)' }}
92+
/>
93+
94+
<div className="relative p-6 h-full">
95+
<div className="flex items-center gap-3 mb-4">
96+
<div className="p-2 rounded-lg bg-gray-800/50">
97+
{feature.icon}
98+
</div>
99+
<h3 className="text-xl font-semibold">{feature.title}</h3>
100+
</div>
101+
<p className="text-gray-400">{feature.description}</p>
102+
103+
{/* Interactive dots pattern */}
104+
<div className="absolute bottom-0 right-0 p-4 opacity-30">
105+
<div className="grid grid-cols-3 gap-1">
106+
{[...Array(9)].map((_, i) => (
107+
<div
108+
key={i}
109+
className="w-1 h-1 rounded-full bg-white group-hover:bg-current transition-colors"
110+
/>
111+
))}
112+
</div>
113+
</div>
114+
</div>
115+
</Card>
116+
</motion.div>
117+
))}
118+
</div>
119+
</div>
120+
</div>
121+
)
122+
}

‎config/site.ts

+4-7
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
// siteConfig.ts
21
export const siteConfig = {
32
name: "Spectrum UI",
43
url: "https://spectrumui.arihant.us",
54
ogImage: {
65
url: "https://spectrumui.arihant.us/og.png",
7-
width: 1200,
8-
height: 630,
6+
97
alt: "Spectrum UI - Beautiful and accessible React components",
108
},
119
description:
@@ -14,7 +12,7 @@ export const siteConfig = {
1412
twitter: "https://x.com/arihantcodes",
1513
github: "https://github.com/arihantcodes",
1614
linkedin: "https://www.linkedin.com/in/arihantcodes", // Update with your actual LinkedIn profile
17-
// Update if you have a Facebook page
15+
// Update if you have a Facebook page
1816
instagram: "https://www.instagram.com/arihantjainn18", // Update with your actual Instagram profile
1917
},
2018
author: {
@@ -36,7 +34,6 @@ export const siteConfig = {
3634
locale: "en-US",
3735
version: "1.0.0",
3836
license: "MIT",
39-
themeColor: "#000000", // Replace with your actual theme color
40-
}
37+
};
4138

42-
export type SiteConfig = typeof siteConfig
39+
export type SiteConfig = typeof siteConfig;

‎package-lock.json

+27
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@
3939
"@splinetool/react-spline": "^4.0.0",
4040
"@splinetool/runtime": "^1.9.32",
4141
"@stripe/stripe-js": "^4.9.0",
42+
"@tabler/icons-react": "^3.21.0",
4243
"@tsparticles/engine": "^3.5.0",
4344
"@tsparticles/react": "^3.0.0",
4445
"@tsparticles/slim": "^3.5.0",

‎public/screely-1719313562121.png

-112 KB
Binary file not shown.

‎public/screely-1719313578041.png

-189 KB
Binary file not shown.

‎public/screely-1719313597608.png

-147 KB
Binary file not shown.

‎public/screely-1719313611520.png

-171 KB
Binary file not shown.

‎public/screely-1719313622174.png

-176 KB
Binary file not shown.

0 commit comments

Comments
 (0)