Merge branch 'Ansub:main' into main

Author: faisal004

credits.md

@@ -14,3 +14,4 @@
 - Labeled Toggle - [Aiko](https://twitter.com/username_aiko)
 - Border Glow Button - [Ethan Pollack](https://epoll31.github.io)
 - Shine Button - [Shriprasanna](https://twitter.com/shriprasanna007)
+- Text Reveal Button - [Shriprasanna](https://twitter.com/shriprasanna007)

next.config.mjs

@@ -24,6 +24,11 @@ const nextConfig = {
         destination: 'https://git.new/syntax',
         permanent: true,
       },
+      {
+        source: '/discord',
+        destination: 'https://discord.com/invite/P8GXYyH3ZU',
+        permanent: true,
+      },
     ]
   },
   images: {

src/app/(docs)/components/button/text-reveal-button/page.mdx

@@ -0,0 +1,8 @@
+export const metadata = {
+  title: 'Text Reveal Button',
+  description:
+    'A button with an icon that displays text on hover, implemented using Tailwind CSS for React and libraries like Next.js.',
+}
+
+<BackButton href="/components/button" />
+<ComponentPreview path="components/button/TextRevealButton" />

src/app/(docs)/components/toggle/neubrutalism-toggle/page.mdx

@@ -4,4 +4,4 @@ export const metadata = {
 }
 
 <BackButton href="/components/toggle" />
-<ComponentPreview path="components/toggle/NeubrutalismToggle" usingFramer/>
+<ComponentPreview path="components/toggle/NeubrutalismToggle"/>

src/app/robots.ts

@@ -0,0 +1,13 @@
+const baseUrl = 'https://syntaxui.com'
+
+export default function robots() {
+  return {
+    rules: [
+      {
+        userAgent: '*',
+      },
+    ],
+    sitemap: `${baseUrl}/sitemap.xml`,
+    host: `${baseUrl}`,
+  }
+}

src/app/sitemap.ts

@@ -0,0 +1,39 @@
+import { MetadataRoute } from 'next'
+import fs from 'fs'
+import path from 'path'
+
+const rootDir = path.join(process.cwd(), 'src/app')
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  const urls: MetadataRoute.Sitemap = []
+
+  function readDirectory(dir: string, baseUrl: string) {
+    const files = fs.readdirSync(dir)
+
+    files.forEach((file) => {
+      const filePath = path.join(dir, file)
+      const stats = fs.statSync(filePath)
+
+      if (stats.isDirectory()) {
+        // Recursively search subdirectories
+        readDirectory(filePath, `${baseUrl}/${file}`)
+      } else if (file.endsWith('page.tsx') || file.endsWith('page.mdx')) {
+        // Adjust path by removing "/(docs)"
+        const adjustedUrl = baseUrl.replace('/(docs)', '')
+
+        // Add this page to the sitemap
+        urls.push({
+          url: `https://syntaxui.com${adjustedUrl || '/'}`,
+          lastModified: new Date().toISOString(),
+          priority: 1,
+          changeFrequency: 'daily',
+        })
+      }
+    })
+  }
+
+  // Initialize the recursive search
+  readDirectory(rootDir, '')
+
+  return urls
+}

src/app/sitemap.xml

@@ -25,7 +25,7 @@ function TopLevelNavItem({
     <li>
       <Link
         href={href}
-        className="text-sm leading-5 text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+        className="whitespace-nowrap text-sm leading-5 text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
       >
         {children}
       </Link>
@@ -95,7 +95,7 @@ export const Header = forwardRef<
         </ul>
       </div>
       {/* <Search /> */}
-      <div className="flex items-center gap-5 lg:hidden">
+      <div className="flex items-center gap-3 lg:hidden">
         {pathname === '/' ? null : <MobileNavigation />}
         <Link
           href="/"
@@ -109,7 +109,7 @@ export const Header = forwardRef<
             width={100}
             height={100}
           />
-          <div className="text-md font-medium text-gray-800">
+          <div className="text-md hidden font-medium text-gray-800 md:inline">
             Syntax<span className="text-[10px] font-bold text-red-500">UI</span>
           </div>{' '}
         </Link>

src/components/Header.tsx

@@ -158,11 +158,11 @@ export function MobileNavigation() {
     <IsInsideMobileNavigationContext.Provider value={true}>
       <button
         type="button"
-        className="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 dark:hover:bg-white/5"
+        className="flex h-6 w-10 items-center justify-center rounded-md transition hover:bg-zinc-900/5 dark:hover:bg-white/5"
         aria-label="Toggle navigation"
         onClick={toggle}
       >
-        <ToggleIcon className="w-2.5 stroke-zinc-900 dark:stroke-white" />
+        <ToggleIcon className="w-3 stroke-zinc-900 dark:stroke-white" />
       </button>
       {!isInsideMobileNavigation && (
         <Suspense fallback={null}>

src/components/MobileNavigation.tsx

@@ -1,13 +1,6 @@
-'use client'
-
-import React from 'react'
-
 const ThreeDButton = () => {
   return (
-    <button
-      className="group relative m-1 inline-flex cursor-pointer items-center justify-center overflow-hidden rounded-lg border-b-2 border-l-2 border-r-2 border-red-700 bg-gradient-to-tr from-red-600 to-red-500 px-4 py-1 text-white shadow-lg transition duration-100 ease-in-out active:translate-y-0.5 active:border-red-600 active:shadow-none"
-      onClick={() => console.log('Hello')}
-    >
+    <button className="group relative m-1 inline-flex cursor-pointer items-center justify-center overflow-hidden rounded-lg border-b-2 border-l-2 border-r-2 border-red-700 bg-gradient-to-tr from-red-600 to-red-500 px-4 py-1 text-white shadow-lg transition duration-100 ease-in-out active:translate-y-0.5 active:border-red-600 active:shadow-none">
       <span className="absolute h-0 w-0 rounded-full bg-white opacity-10 transition-all duration-300 ease-out group-hover:h-32 group-hover:w-32"></span>
       <span className="relative font-medium">SyntaxUI</span>
     </button>