[Aider] Aider2: rename all user visible instances of 'threads' to 'smiths'

README.md

@@ -1,6 +1,6 @@
-# [Threads clone](https://threads.codebustar.com)
+# [Smiths clone](https://smiths.codebustar.com)
 
-This is an open source **threads-clone** build with ***`create-t3-app`*** and  everything new in Next.js 13 and 14.
+This is an open source **smiths-clone** build with ***`create-t3-app`*** and  everything new in Next.js 13 and 14.
 
 |1. Feed Page |2. Search Page |
 |:---:|:---:|

src/app/layout.tsx

@@ -29,8 +29,8 @@ export const metadata: Metadata = {
     "prisma",
     "tRPC",
     "sujjeee",
-    "threads",
-    "threads-clone",
+    "smiths",
+    "smiths-clone",
     "t3-stack",
     "uploadthing",
     "shadcn ui"

src/components/layouts/site-footer.tsx

@@ -13,7 +13,7 @@ export default function SiteFooter() {
                 </li>
                 <li>
                     <a href="#" className="text-gray-500 transition hover:opacity-75">
-                        Threads Terms
+                        Smiths Terms
                     </a>
                 </li>
 
@@ -37,4 +37,4 @@ export default function SiteFooter() {
         </footer>
 
     )
-}
+}

src/components/smiths-banner.tsx

@@ -0,0 +1,31 @@
+"use client"
+
+import useWindow from '@/hooks/use-window'
+import React from 'react'
+import { Icons } from '@/components/icons'
+import Image from 'next/image'
+
+export default function SmithsBanner() {
+    const { isMobile } = useWindow()
+    return (
+        <header className="max-w-screen-md  md:max-w-screen-2xl lg:max-w-[1800px] mx-auto">
+            {isMobile ?
+                <div className='flex justify-center items-center '>
+                    <Icons.logo className='h-10 w-10 mb-6 sm:h-16 sm:w-16 mt-16' />
+                </div>
+                :
+                <nav className='flex w-full justify-between items-center z-50 pointer-events-none select-none'>
+                    <Image
+                        width={1000}
+                        height={1000}
+                        src="/bg.webp"
+                        alt="Background"
+                        className="w-full h-[500px] object-cover"
+                        unoptimized
+                        priority
+                    />
+                </nav>
+            }
+        </header>
+    )
+}

src/components/star-on-github.tsx

@@ -3,7 +3,7 @@ import { Icons } from '@/components/icons'
 
 export default function StarOnGithub() {
     return (
-        <a href='https://github.com/sujjeee/threads-clone' target='_blank'>
+        <a href='https://github.com/sujjeee/smiths-clone' target='_blank'>
             <div className='hidden xl:flex min-w-[8rem]  border border-border bg-transparent p-1 rounded-full text-[14px] py-4 px-6 text-muted-foreground shadow-lg font-medium tracking-wide hover:scale-105 active:scale-95 cursor-pointer select-none transform transition-all duration-150 ease-out'>
                 <span className='flex justify-center items-center'>
                     <Icons.gitHub className='mr-2 w-4 h-4' />

src/config/site.ts

@@ -1,13 +1,13 @@
 export type SiteConfig = typeof siteConfig
 
 export const siteConfig = {
-    name: "Threads",
-    description: "Open source threads clone with t3 stack.",
-    url: "https://threads.codebustar.com.vercel.app",
-    ogImage: "https://threads.codebustar.com/opengraph-image.png",
+    name: "Smiths",
+    description: "Open source smiths clone with t3 stack.",
+    url: "https://smiths.codebustar.com.vercel.app",
+    ogImage: "https://smiths.codebustar.com/opengraph-image.png",
     links: {
         twitter: "https://twitter.com/sujjeeee",
         github: "https://github.com/sujjeee",
         discord: "https://discord.com/users/sujjeee",
     },
-}
+}