├── header.png ├── public ├── header.png ├── robot.jpg ├── favicon.ico ├── logo.svg ├── github.svg └── herobg.svg ├── postcss.config.cjs ├── prisma ├── migrations │ ├── migration_lock.toml │ └── 20240804172645_init │ │ └── migration.sql └── schema.prisma ├── src ├── app │ ├── page.tsx │ ├── api │ │ ├── auth │ │ │ └── [...nextauth] │ │ │ │ └── route.ts │ │ └── chat │ │ │ └── route.ts │ ├── home │ │ └── page.tsx │ ├── discover │ │ └── page.tsx │ └── layout.tsx ├── lib │ └── utils.ts ├── components │ ├── Provider.tsx │ ├── ui │ │ ├── textarea.tsx │ │ ├── input.tsx │ │ ├── toaster.tsx │ │ ├── bento-grid.tsx │ │ ├── button.tsx │ │ ├── use-toast.ts │ │ ├── toast.tsx │ │ └── select.tsx │ ├── discover.tsx │ ├── landingnav.tsx │ ├── Sidebar.tsx │ ├── Chat.tsx │ ├── footer.tsx │ └── landing.tsx ├── server │ ├── db.ts │ └── auth.ts ├── useApi.ts ├── env.js └── styles │ └── globals.css ├── prettier.config.js ├── .env.example ├── next.config.js ├── components.json ├── .gitignore ├── tsconfig.json ├── LICENSE ├── .eslintrc.cjs ├── README.md ├── start-database.sh ├── package.json └── tailwind.config.ts /header.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronitrajfr/anonGPT/HEAD/header.png -------------------------------------------------------------------------------- /public/header.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronitrajfr/anonGPT/HEAD/public/header.png -------------------------------------------------------------------------------- /public/robot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronitrajfr/anonGPT/HEAD/public/robot.jpg -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronitrajfr/anonGPT/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /postcss.config.cjs: -------------------------------------------------------------------------------- 1 | const config = { 2 | plugins: { 3 | tailwindcss: {}, 4 | }, 5 | }; 6 | 7 | module.exports = config; 8 | -------------------------------------------------------------------------------- /prisma/migrations/migration_lock.toml: -------------------------------------------------------------------------------- 1 | # Please do not edit this file manually 2 | # It should be added in your version-control system (i.e. Git) 3 | provider = "postgresql" -------------------------------------------------------------------------------- /src/app/page.tsx: -------------------------------------------------------------------------------- 1 | import Main from "~/components/landing"; 2 | 3 | export default function HomePage() { 4 | return ( 5 |

6 |

7 |

8 | ); 9 | } 10 | -------------------------------------------------------------------------------- /src/lib/utils.ts: -------------------------------------------------------------------------------- 1 | import { type ClassValue, clsx } from "clsx" 2 | import { twMerge } from "tailwind-merge" 3 | 4 | export function cn(...inputs: ClassValue[]) { 5 | return twMerge(clsx(inputs)) 6 | } 7 | -------------------------------------------------------------------------------- /prettier.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions} */ 2 | const config = { 3 | plugins: ["prettier-plugin-tailwindcss"], 4 | }; 5 | 6 | export default config; 7 | -------------------------------------------------------------------------------- /.env.example: -------------------------------------------------------------------------------- 1 | NEXTAUTH_URL="http://localhost:3000" 2 | NEXTAUTH_SECRET=yourpassword 3 | AUTH_GOOGLE_ID= 4 | AUTH_GOOGLE_SECRET= 5 | DATABASE_URL=POSTGRES_URL 6 | GEMINI_API_KEY= 7 | GOOGLE_API_KEY= 8 | SEARCH_ENGINE_ID= 9 | NEXT_PUBLIC_NEWSAPIORG_API_KEY="GET IT FROM https://newsapi.org/" -------------------------------------------------------------------------------- /src/app/api/auth/[...nextauth]/route.ts: -------------------------------------------------------------------------------- 1 | import NextAuth from "next-auth"; 2 | 3 | import { authOptions } from "~/server/auth"; 4 | 5 | // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment 6 | const handler = NextAuth(authOptions); 7 | export { handler as GET, handler as POST }; 8 | -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful 3 | * for Docker builds. 4 | */ 5 | await import("./src/env.js"); 6 | 7 | /** @type {import("next").NextConfig} */ 8 | const config = {}; 9 | 10 | export default config; 11 | -------------------------------------------------------------------------------- /src/components/Provider.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | import { SessionProvider } from "next-auth/react"; 3 | import React, { ReactNode } from "react"; 4 | 5 | interface Props { 6 | children: ReactNode; 7 | } 8 | 9 | const Providers = ({ children, session }: any) => { 10 | return {children}; 11 | }; 12 | 13 | export default Providers; 14 | -------------------------------------------------------------------------------- /components.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://ui.shadcn.com/schema.json", 3 | "style": "default", 4 | "rsc": true, 5 | "tsx": true, 6 | "tailwind": { 7 | "config": "tailwind.config.ts", 8 | "css": "src/styles/globals.css", 9 | "baseColor": "slate", 10 | "cssVariables": true, 11 | "prefix": "" 12 | }, 13 | "aliases": { 14 | "components": "~/components", 15 | "utils": "~/lib/utils" 16 | } 17 | } -------------------------------------------------------------------------------- /src/server/db.ts: -------------------------------------------------------------------------------- 1 | import { PrismaClient } from "@prisma/client"; 2 | 3 | import { env } from "~/env"; 4 | 5 | const createPrismaClient = () => 6 | new PrismaClient({ 7 | log: 8 | env.NODE_ENV === "development" ? ["query", "error", "warn"] : ["error"], 9 | }); 10 | 11 | const globalForPrisma = globalThis as unknown as { 12 | prisma: ReturnType | undefined; 13 | }; 14 | 15 | export const db = globalForPrisma.prisma ?? createPrismaClient(); 16 | 17 | if (env.NODE_ENV !== "production") globalForPrisma.prisma = db; 18 | -------------------------------------------------------------------------------- /src/app/home/page.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | import React from "react"; 3 | import Chat from "~/components/Chat"; 4 | import Sidebar from "~/components/Sidebar"; 5 | import { useSession } from "next-auth/react"; 6 | import { useRouter } from "next/navigation"; 7 | const page = () => { 8 | const router = useRouter(); 9 | const { status } = useSession(); 10 | if (status === "unauthenticated") { 11 | router.push("/"); 12 | } 13 | return ( 14 |

15 | 16 | 17 |

18 | ); 19 | }; 20 | 21 | export default page; 22 | -------------------------------------------------------------------------------- /src/app/discover/page.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | import React from "react"; 3 | import Discover from "~/components/discover"; 4 | import Sidebar from "~/components/Sidebar"; 5 | import { useSession } from "next-auth/react"; 6 | import { useRouter } from "next/navigation"; 7 | 8 | const page = () => { 9 | const router = useRouter(); 10 | const { status } = useSession(); 11 | if (status === "unauthenticated") { 12 | router.push("/"); 13 | } 14 | return ( 15 |

16 | 17 | 18 |

19 | ); 20 | }; 21 | 22 | export default page; 23 | -------------------------------------------------------------------------------- /public/logo.svg: -------------------------------------------------------------------------------- 1 | 11 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # database 12 | /prisma/db.sqlite 13 | /prisma/db.sqlite-journal 14 | db.sqlite 15 | 16 | # next.js 17 | /.next/ 18 | /out/ 19 | next-env.d.ts 20 | 21 | # production 22 | /build 23 | 24 | # misc 25 | .DS_Store 26 | *.pem 27 | 28 | # debug 29 | npm-debug.log* 30 | yarn-debug.log* 31 | yarn-error.log* 32 | .pnpm-debug.log* 33 | 34 | # local env files 35 | # do not commit any .env files to git, except for the .env.example file. https://create.t3.gg/en/usage/env-variables#using-environment-variables 36 | .env 37 | .env*.local 38 | 39 | # vercel 40 | .vercel 41 | 42 | # typescript 43 | *.tsbuildinfo 44 | 45 | # idea files 46 | .idea -------------------------------------------------------------------------------- /src/useApi.ts: -------------------------------------------------------------------------------- 1 | "use client"; 2 | import { useEffect, useState } from "react"; 3 | 4 | const useApi = () => { 5 | const [apiKey, setApiKey] = useState(null); 6 | 7 | useEffect(() => { 8 | const storedApiKey = localStorage.getItem("geminiApiKey"); 9 | setApiKey(storedApiKey); 10 | }, []); 11 | 12 | return apiKey; 13 | }; 14 | 15 | const fetchData = async () => { 16 | const apiKey = useApi(); 17 | 18 | if (apiKey) { 19 | const response = await fetch("/api/chat", { 20 | method: "POST", 21 | headers: { 22 | "Content-Type": "application/json", 23 | Authorization: `Bearer ${apiKey}`, // Include API key in headers 24 | }, 25 | body: JSON.stringify({ 26 | /* Your request data */ 27 | }), 28 | }); 29 | 30 | const data = await response.json(); 31 | console.log(data); 32 | } 33 | }; 34 | -------------------------------------------------------------------------------- /src/components/ui/textarea.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | 3 | import { cn } from "~/lib/utils"; 4 | 5 | export interface TextareaProps 6 | extends React.TextareaHTMLAttributes {} 7 | 8 | const Textarea = React.forwardRef( 9 | ({ className, ...props }, ref) => { 10 | return ( 11 |

19 |     );
20 |   },
21 | );
22 | Textarea.displayName = "Textarea";
23 | 
24 | export { Textarea };
25 |

--------------------------------------------------------------------------------
/src/components/ui/input.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "~/lib/utils"
 4 | 
 5 | export interface InputProps
 6 |   extends React.InputHTMLAttributes<HTMLInputElement> {}
 7 | 
 8 | const Input = React.forwardRef<HTMLInputElement, InputProps>(
 9 |   ({ className, type, ...props }, ref) => {
10 |     return (
11 |       <input
12 |         type={type}
13 |         className={cn(
14 |           "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
15 |           className
16 |         )}
17 |         ref={ref}
18 |         {...props}
19 |       />
20 |     )
21 |   }
22 | )
23 | Input.displayName = "Input"
24 | 
25 | export { Input }
26 |

--------------------------------------------------------------------------------
/src/components/ui/toaster.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import {
 4 |   Toast,
 5 |   ToastClose,
 6 |   ToastDescription,
 7 |   ToastProvider,
 8 |   ToastTitle,
 9 |   ToastViewport,
10 | } from "~/components/ui/toast"
11 | import { useToast } from "~/components/ui/use-toast"
12 | 
13 | export function Toaster() {
14 |   const { toasts } = useToast()
15 | 
16 |   return (
17 |     <ToastProvider>
18 |       {toasts.map(function ({ id, title, description, action, ...props }) {
19 |         return (
20 |           <Toast key={id} {...props}>
21 |             <div className="grid gap-1">
22 |               {title && <ToastTitle>{title}</ToastTitle>}
23 |               {description && (
24 |                 <ToastDescription>{description}</ToastDescription>
25 |               )}
26 |             </div>
27 |             {action}
28 |             <ToastClose />
29 |           </Toast>
30 |         )
31 |       })}
32 |       <ToastViewport />
33 |     </ToastProvider>
34 |   )
35 | }
36 |

--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     /* Base Options: */
 4 |     "esModuleInterop": true,
 5 |     "skipLibCheck": true,
 6 |     "target": "es2022",
 7 |     "allowJs": true,
 8 |     "resolveJsonModule": true,
 9 |     "moduleDetection": "force",
10 |     "isolatedModules": true,
11 | 
12 |     /* Strictness */
13 |     "strict": true,
14 |     "noUncheckedIndexedAccess": true,
15 |     "checkJs": true,
16 |     "noImplicitAny": false,
17 | 
18 |     /* Bundled projects */
19 |     "lib": ["dom", "dom.iterable", "ES2022"],
20 |     "noEmit": true,
21 |     "module": "ESNext",
22 |     "moduleResolution": "Bundler",
23 |     "jsx": "preserve",
24 |     "plugins": [{ "name": "next" }],
25 |     "incremental": true,
26 | 
27 |     /* Path Aliases */
28 |     "baseUrl": ".",
29 |     "paths": {
30 |       "~/*": ["./src/*"]
31 |     }
32 |   },
33 |   "include": [
34 |     ".eslintrc.cjs",
35 |     "next-env.d.ts",
36 |     "**/*.ts",
37 |     "**/*.tsx",
38 |     "**/*.cjs",
39 |     "**/*.js",
40 |     ".next/types/**/*.ts"
41 |   ],
42 |   "exclude": ["node_modules"]
43 | }
44 |

--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2024 Ronit Raj
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |

--------------------------------------------------------------------------------
/src/components/discover.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import React from "react";
 3 | import axios from "axios";
 4 | import { BentoGrid, BentoGridItem } from "./ui/bento-grid";
 5 | import Link from "next/link";
 6 | 
 7 | const Discover = () => {
 8 |   const [data, setData] = React.useState([]);
 9 | 
10 |   React.useEffect(() => {
11 |     axios
12 |       .get(
13 |         `https://newsapi.org/v2/everything?q=top-headlines&apiKey=${process.env.NEXT_PUBLIC_NEWSAPIORG_API_KEY!}`,
14 |       )
15 |       .then((res) => {
16 |         setData(res.data.articles);
17 |       })
18 |       .catch((err) => {
19 |         console.error(err);
20 |       });
21 |   }, []);
22 |   return (
23 |     <div className="md:pl-[200px]">
24 |       <div>
25 |         <div className="mb-10 mt-7 flex items-center justify-center text-4xl font-bold">
26 |           Latest News
27 |         </div>
28 | 
29 |         <BentoGrid className="m-6 mx-auto max-w-4xl md:auto-rows-[20rem]">
30 |           {data.map((item: any, i) => (
31 |             <Link href={item.url} key={i}>
32 |               <BentoGridItem
33 |                 title={item.title}
34 |                 description={item.description}
35 |                 header={item.urlToImage}
36 |               />
37 |             </Link>
38 |           ))}
39 |         </BentoGrid>
40 |       </div>
41 |     </div>
42 |   );
43 | };
44 | 
45 | export default Discover;
46 |

--------------------------------------------------------------------------------
/public/github.svg:
--------------------------------------------------------------------------------
 1 | <svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_19_4)">
 3 | <path fill-rule="evenodd" clip-rule="evenodd" d="M44 0.762711C19.69 0.762711 0 20.0825 0 43.9353C0 63.0392 12.595 79.175 30.085 84.8954C32.285 85.2731 33.11 83.9779 33.11 82.8447C33.11 81.8193 33.055 78.4195 33.055 74.8038C22 76.8005 19.14 72.1594 18.26 69.731C17.765 68.4898 15.62 64.6582 13.75 63.6328C12.21 62.8234 10.01 60.8266 13.695 60.7727C17.16 60.7187 19.635 63.9027 20.46 65.1979C24.42 71.7277 30.745 69.8929 33.275 68.7596C33.66 65.9534 34.815 64.0646 36.08 62.9853C26.29 61.9059 16.06 58.1823 16.06 41.6688C16.06 36.9738 17.765 33.0882 20.57 30.0661C20.13 28.9868 18.59 24.5616 21.01 18.6254C21.01 18.6254 24.695 17.4921 33.11 23.0506C36.63 22.0792 40.37 21.5935 44.11 21.5935C47.85 21.5935 51.59 22.0792 55.11 23.0506C63.525 17.4381 67.21 18.6254 67.21 18.6254C69.63 24.5616 68.09 28.9868 67.65 30.0661C70.455 33.0882 72.16 36.9198 72.16 41.6688C72.16 58.2363 61.875 61.9059 52.085 62.9853C53.68 64.3344 55.055 66.9248 55.055 70.9722C55.055 76.7465 55 81.3876 55 82.8447C55 83.9779 55.825 85.3271 58.025 84.8954C75.405 79.175 88 62.9853 88 43.9353C88 20.0825 68.31 0.762711 44 0.762711Z" fill="white"/>
 4 | </g>
 5 | <defs>
 6 | <clipPath id="clip0_19_4">
 7 | <rect width="88" height="86.3452" fill="white" transform="translate(0 0.762711)"/>
 8 | </clipPath>
 9 | </defs>
10 | </svg>
11 |

--------------------------------------------------------------------------------
/src/components/ui/bento-grid.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from "~/lib/utils";
 2 | 
 3 | export const BentoGrid = ({
 4 |   className,
 5 |   children,
 6 | }: {
 7 |   className?: string;
 8 |   children?: React.ReactNode;
 9 | }) => {
10 |   return (
11 |     <div
12 |       className={cn(
13 |         "mx-auto grid max-w-7xl grid-cols-1 gap-4 md:auto-rows-[18rem] md:grid-cols-3",
14 |         className,
15 |       )}
16 |     >
17 |       {children}
18 |     </div>
19 |   );
20 | };
21 | 
22 | export const BentoGridItem = ({
23 |   className,
24 |   title,
25 |   description,
26 |   header,
27 |   icon,
28 | }: {
29 |   className?: string;
30 |   title?: string | React.ReactNode;
31 |   description?: string | React.ReactNode;
32 |   header?: React.ReactNode;
33 |   icon?: React.ReactNode;
34 | }) => {
35 |   return (
36 |     <div
37 |       className={cn(
38 |         "group/bento row-span-1 flex flex-col justify-between space-y-4 rounded-xl border border-transparent bg-white p-4 shadow-input transition duration-200 hover:shadow-xl dark:border-white/[0.2] dark:bg-black dark:shadow-none",
39 |         className,
40 |       )}
41 |     >
42 |       <img
43 |         src={header as string}
44 |         alt=""
45 |         className="h-[125px] w-[250px] object-cover"
46 |       />
47 |       <div className="transition duration-200 group-hover/bento:translate-x-2">
48 |         {icon}
49 |         <div className="mb-2 mt-2 font-sans font-bold text-neutral-600 dark:text-neutral-200">
50 |           {title}
51 |         </div>
52 |         <div className="font-sans text-xs font-normal text-neutral-600 dark:text-neutral-300">
53 |           {description}
54 |         </div>
55 |       </div>
56 |     </div>
57 |   );
58 | };
59 |

--------------------------------------------------------------------------------
/src/app/layout.tsx:
--------------------------------------------------------------------------------
 1 | import "~/styles/globals.css";
 2 | import "@uploadthing/react/styles.css";
 3 | import { GeistSans } from "geist/font/sans";
 4 | import { type Metadata } from "next";
 5 | import Providers from "~/components/Provider";
 6 | import { Toaster } from "~/components/ui/toaster";
 7 | import Script from "next/script";
 8 | 
 9 | export const metadata: Metadata = {
10 |   title: "anonGPT",
11 |   description:
12 |     "Unlock fast and accurate information retrieval with anonGPT—no more endless searching. Just the essentials delivered instantly, providing you with concise and relevant data at your fingertips. ",
13 |   openGraph: {
14 |     images: ["/header.png"],
15 |   },
16 |   twitter: {
17 |     card: "summary_large_image",
18 |     title: "anonGPT",
19 |     description:
20 |       "Unlock fast and accurate information retrieval with anonGPT—no more endless searching. Just the essentials delivered instantly, providing you with concise and relevant data at your fingertips. ",
21 |     images: ["/header.png"],
22 |     creator: "@ronitrajfr",
23 |   },
24 |   icons: [{ rel: "icon", url: "/logo.svg" }],
25 | };
26 | 
27 | export default function RootLayout({
28 |   children,
29 | }: Readonly<{ children: React.ReactNode }>) {
30 |   return (
31 |     <html lang="en" className={`${GeistSans.variable}`}>
32 |       <Providers>
33 |         <body>
34 |           {children}
35 |           <Toaster />
36 |         </body>
37 |         <Script
38 |           src="https://cloud.umami.is/script.js"
39 |           data-website-id="10b8ce81-57ca-4a62-ba21-8f146020b50f"
40 |         />
41 |         <script async src="https://ayoni.vercel.app/tracker.js" data-website-id="cm92o3sjv0003l504phusaiv2"></script>
42 |       </Providers>
43 |     </html>
44 |   );
45 | }
46 |

--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
 1 | /** @type {import("eslint").Linter.Config} */
 2 | const config = {
 3 |   parser: "@typescript-eslint/parser",
 4 |   parserOptions: {
 5 |     project: true,
 6 |   },
 7 |   plugins: ["@typescript-eslint"],
 8 |   extends: [
 9 |     "next/core-web-vitals",
10 |     "plugin:@typescript-eslint/recommended-type-checked",
11 |     "plugin:@typescript-eslint/stylistic-type-checked",
12 |   ],
13 |   rules: {
14 |     "@typescript-eslint/array-type": "off",
15 |     "@typescript-eslint/consistent-type-definitions": "off",
16 |     "@typescript-eslint/consistent-type-imports": [
17 |       "warn",
18 |       {
19 |         prefer: "type-imports",
20 |         fixStyle: "inline-type-imports",
21 |       },
22 |     ],
23 |     "@typescript-eslint/no-unused-vars": [
24 |       "warn",
25 |       {
26 |         argsIgnorePattern: "^_",
27 |       },
28 |     ],
29 |     "@typescript-eslint/require-await": "off",
30 |     "@typescript-eslint/no-misused-promises": [
31 |       "error",
32 |       {
33 |         checksVoidReturn: {
34 |           attributes: false,
35 |         },
36 |       },
37 |     ],
38 |     "@typescript-eslint/no-explicit-any": "off",
39 |     "@typescript-eslint/no-unsafe-assignment": "off",
40 |     // Turn off additional rules
41 |     "@typescript-eslint/no-unsafe-member-access": "off",
42 |     "@typescript-eslint/no-unsafe-call": "off",
43 |     "react-hooks/rules-of-hooks": "off",
44 |     "@typescript-eslint/await-thenable": "off",
45 |     "@typescript-eslint/no-empty-interface": "off",
46 |     // New rules to turn off
47 |     "@typescript-eslint/prefer-nullish-coalescing": "off",
48 |     "@typescript-eslint/no-unsafe-argument": "off",
49 |     "@typescript-eslint/prefer-optional-chain": "off",
50 |     "@typescript-eslint/non-nullable-type-assertion-style": "off",
51 |   },
52 | };
53 | 
54 | module.exports = config;
55 |

--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <h1 align="center">Say Hello to <a href="https://anon-gpt.vercel.app/">anonGPT</a>
 2 | </h1>
 3 |  <img width="1000" alt="header image" src="/header.png">
 4 | 
 5 | 
 6 | ### **Overview**
 7 | **anonGPT** is an open-source AI-powered application designed to revolutionize the way you search for information. Unlike traditional search engines that require you to sift through countless links, Instant Info delivers concise, accurate, and relevant data directly to you—saving you time and effort.
 8 | 
 9 | ### **Features**
10 | - **AI-Driven Information Retrieval**: Leverages cutting-edge AI to understand and deliver the most relevant information based on your query.
11 | - **Lightning-Fast Responses**: Optimized for speed, providing you with instant answers to your questions.
12 | - **High Accuracy**: Focuses on delivering precise and trustworthy information, ensuring you get only what’s essential.
13 | 
14 | ### **Tech Stack:**
15 | 
16 | - Nextjs
17 | - Postgres
18 | - Prisma
19 | - Tailwind
20 | - Next-Auth
21 | - Gemini
22 | 
23 | ## Getting Started
24 | 
25 | ### **Installation**
26 | ```bash
27 | git clone https://github.com/rrajofficial7/anonGPT.git
28 | cd anonGPT
29 | npm install
30 | ```
31 | setup your env's by cloning .env.example
32 | ```bash
33 | cp .env.example .env
34 | ```
35 | ## **Contributing**
36 | We welcome contributions to anonGPT! If you have an idea for a feature or have found a bug, please feel free to fork the repository and submit a pull request. For major changes, please open an issue first to discuss what you would like to change.
37 | 
38 | ### **How to Contributing**
39 | 1. Fork the repository
40 | 2. Create your feature branch (**git checkout -b feature/AmazingFeature**)
41 | 3. Commit your changes (**git commit -m 'Add some AmazingFeature'**)
42 | 4. Push to the branch (**git push origin feature/AmazingFeature**)
43 | 5. Open a pull request
44 |

--------------------------------------------------------------------------------
/src/components/ui/button.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { Slot } from "@radix-ui/react-slot"
 3 | import { cva, type VariantProps } from "class-variance-authority"
 4 | 
 5 | import { cn } from "~/lib/utils"
 6 | 
 7 | const buttonVariants = cva(
 8 |   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
 9 |   {
10 |     variants: {
11 |       variant: {
12 |         default: "bg-primary text-primary-foreground hover:bg-primary/90",
13 |         destructive:
14 |           "bg-destructive text-destructive-foreground hover:bg-destructive/90",
15 |         outline:
16 |           "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
17 |         secondary:
18 |           "bg-secondary text-secondary-foreground hover:bg-secondary/80",
19 |         ghost: "hover:bg-accent hover:text-accent-foreground",
20 |         link: "text-primary underline-offset-4 hover:underline",
21 |       },
22 |       size: {
23 |         default: "h-10 px-4 py-2",
24 |         sm: "h-9 rounded-md px-3",
25 |         lg: "h-11 rounded-md px-8",
26 |         icon: "h-10 w-10",
27 |       },
28 |     },
29 |     defaultVariants: {
30 |       variant: "default",
31 |       size: "default",
32 |     },
33 |   }
34 | )
35 | 
36 | export interface ButtonProps
37 |   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
38 |     VariantProps<typeof buttonVariants> {
39 |   asChild?: boolean
40 | }
41 | 
42 | const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
43 |   ({ className, variant, size, asChild = false, ...props }, ref) => {
44 |     const Comp = asChild ? Slot : "button"
45 |     return (
46 |       <Comp
47 |         className={cn(buttonVariants({ variant, size, className }))}
48 |         ref={ref}
49 |         {...props}
50 |       />
51 |     )
52 |   }
53 | )
54 | Button.displayName = "Button"
55 | 
56 | export { Button, buttonVariants }
57 |

--------------------------------------------------------------------------------
/prisma/schema.prisma:
--------------------------------------------------------------------------------
 1 | // This is your Prisma schema file,
 2 | // learn more about it in the docs: https://pris.ly/d/prisma-schema
 3 | 
 4 | generator client {
 5 |     provider = "prisma-client-js"
 6 | }
 7 | 
 8 | datasource db {
 9 |     provider = "postgresql"
10 |     // NOTE: When using mysql or sqlserver, uncomment the @db.Text annotations in model Account below
11 |     // Further reading:
12 |     // https://next-auth.js.org/adapters/prisma#create-the-prisma-schema
13 |     // https://www.prisma.io/docs/reference/api-reference/prisma-schema-reference#string
14 |     url      = env("DATABASE_URL")
15 | }
16 | 
17 | 
18 | 
19 | // Necessary for Next auth
20 | 
21 | model Account {
22 |     id                       String  @id @default(cuid())
23 |     userId                   String
24 |     type                     String
25 |     provider                 String
26 |     providerAccountId        String
27 |     refresh_token            String? // @db.Text
28 |     access_token             String? // @db.Text
29 |     expires_at               Int?
30 |     token_type               String?
31 |     scope                    String?
32 |     id_token                 String? // @db.Text
33 |     session_state            String?
34 |     user                     User    @relation(fields: [userId], references: [id], onDelete: Cascade)
35 |     refresh_token_expires_in Int?
36 | 
37 |     @@unique([provider, providerAccountId])
38 | }
39 | 
40 | model Session {
41 |     id           String   @id @default(cuid())
42 |     sessionToken String   @unique
43 |     userId       String
44 |     expires      DateTime
45 |     user         User     @relation(fields: [userId], references: [id], onDelete: Cascade)
46 | }
47 | 
48 | model User {
49 |     id            String    @id @default(cuid())
50 |     name          String?
51 |     email         String?   @unique
52 |     emailVerified DateTime?
53 |     image         String?
54 |     accounts      Account[]
55 |     sessions      Session[]
56 | }
57 | 
58 | model VerificationToken {
59 |     identifier String
60 |     token      String   @unique
61 |     expires    DateTime
62 | 
63 |     @@unique([identifier, token])
64 | }
65 |

--------------------------------------------------------------------------------
/start-database.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env bash
 2 | # Use this script to start a docker container for a local development database
 3 | 
 4 | # TO RUN ON WINDOWS:
 5 | # 1. Install WSL (Windows Subsystem for Linux) - https://learn.microsoft.com/en-us/windows/wsl/install
 6 | # 2. Install Docker Desktop for Windows - https://docs.docker.com/docker-for-windows/install/
 7 | # 3. Open WSL - `wsl`
 8 | # 4. Run this script - `./start-database.sh`
 9 | 
10 | # On Linux and macOS you can run this script directly - `./start-database.sh`
11 | 
12 | DB_CONTAINER_NAME="hack-postgres"
13 | 
14 | if ! [ -x "$(command -v docker)" ]; then
15 |   echo -e "Docker is not installed. Please install docker and try again.\nDocker install guide: https://docs.docker.com/engine/install/"
16 |   exit 1
17 | fi
18 | 
19 | if [ "$(docker ps -q -f name=$DB_CONTAINER_NAME)" ]; then
20 |   echo "Database container '$DB_CONTAINER_NAME' already running"
21 |   exit 0
22 | fi
23 | 
24 | if [ "$(docker ps -q -a -f name=$DB_CONTAINER_NAME)" ]; then
25 |   docker start "$DB_CONTAINER_NAME"
26 |   echo "Existing database container '$DB_CONTAINER_NAME' started"
27 |   exit 0
28 | fi
29 | 
30 | # import env variables from .env
31 | set -a
32 | source .env
33 | 
34 | DB_PASSWORD=$(echo "$DATABASE_URL" | awk -F':' '{print $3}' | awk -F'@' '{print $1}')
35 | DB_PORT=$(echo "$DATABASE_URL" | awk -F':' '{print $4}' | awk -F'\/' '{print $1}')
36 | 
37 | if [ "$DB_PASSWORD" = "password" ]; then
38 |   echo "You are using the default database password"
39 |   read -p "Should we generate a random password for you? [y/N]: " -r REPLY
40 |   if ! [[ $REPLY =~ ^[Yy]$ ]]; then
41 |     echo "Please change the default password in the .env file and try again"
42 |     exit 1
43 |   fi
44 |   # Generate a random URL-safe password
45 |   DB_PASSWORD=$(openssl rand -base64 12 | tr '+/' '-_')
46 |   sed -i -e "s#:password@#:$DB_PASSWORD@#" .env
47 | fi
48 | 
49 | docker run -d \
50 |   --name $DB_CONTAINER_NAME \
51 |   -e POSTGRES_USER="postgres" \
52 |   -e POSTGRES_PASSWORD="$DB_PASSWORD" \
53 |   -e POSTGRES_DB=hack \
54 |   -p "$DB_PORT":5432 \
55 |   docker.io/postgres && echo "Database container '$DB_CONTAINER_NAME' was successfully created"
56 |

--------------------------------------------------------------------------------
/src/server/auth.ts:
--------------------------------------------------------------------------------
 1 | import { PrismaAdapter } from "@auth/prisma-adapter";
 2 | import {
 3 |   getServerSession,
 4 |   type DefaultSession,
 5 |   type NextAuthOptions,
 6 | } from "next-auth";
 7 | import { type Adapter } from "next-auth/adapters";
 8 | import GoogleProvider from "next-auth/providers/google";
 9 | import { env } from "~/env";
10 | import { db } from "~/server/db";
11 | 
12 | /**
13 |  * Module augmentation for `next-auth` types. Allows us to add custom properties to the `session`
14 |  * object and keep type safety.
15 |  *
16 |  * @see https://next-auth.js.org/getting-started/typescript#module-augmentation
17 |  */
18 | declare module "next-auth" {
19 |   interface Session extends DefaultSession {
20 |     user: {
21 |       id: string;
22 |       // ...other properties
23 |       // role: UserRole;
24 |     } & DefaultSession["user"];
25 |   }
26 | 
27 |   // interface User {
28 |   //   // ...other properties
29 |   //   // role: UserRole;
30 |   // }
31 | }
32 | 
33 | /**
34 |  * Options for NextAuth.js used to configure adapters, providers, callbacks, etc.
35 |  *
36 |  * @see https://next-auth.js.org/configuration/options
37 |  */
38 | export const authOptions: NextAuthOptions = {
39 |   callbacks: {
40 |     session: ({ session, user }) => ({
41 |       ...session,
42 |       user: {
43 |         ...session.user,
44 |         id: user.id,
45 |       },
46 |     }),
47 |   },
48 |   adapter: PrismaAdapter(db) as Adapter,
49 |   providers: [
50 |     GoogleProvider({
51 |       clientId: env.AUTH_GOOGLE_ID,
52 |       clientSecret: env.AUTH_GOOGLE_SECRET,
53 |     }),
54 |     /**
55 |      * ...add more providers here.
56 |      *
57 |      * Most other providers require a bit more work than the Discord provider. For example, the
58 |      * GitHub provider requires you to add the `refresh_token_expires_in` field to the Account
59 |      * model. Refer to the NextAuth.js docs for the provider you want to use. Example:
60 |      *
61 |      * @see https://next-auth.js.org/providers/github
62 |      */
63 |   ],
64 | };
65 | 
66 | /**
67 |  * Wrapper for `getServerSession` so that you don't need to import the `authOptions` in every file.
68 |  *
69 |  * @see https://next-auth.js.org/configuration/nextjs
70 |  */
71 | export const getServerAuthSession = () => getServerSession(authOptions);
72 |

--------------------------------------------------------------------------------
/src/env.js:
--------------------------------------------------------------------------------
 1 | import { createEnv } from "@t3-oss/env-nextjs";
 2 | import { z } from "zod";
 3 | 
 4 | export const env = createEnv({
 5 |   /**
 6 |    * Specify your server-side environment variables schema here. This way you can ensure the app
 7 |    * isn't built with invalid env vars.
 8 |    */
 9 |   server: {
10 |     DATABASE_URL: z.string().url(),
11 |     NODE_ENV: z
12 |       .enum(["development", "test", "production"])
13 |       .default("development"),
14 |     NEXTAUTH_SECRET:
15 |       process.env.NODE_ENV === "production"
16 |         ? z.string()
17 |         : z.string().optional(),
18 |     NEXTAUTH_URL: z.preprocess(
19 |       // This makes Vercel deployments not fail if you don't set NEXTAUTH_URL
20 |       // Since NextAuth.js automatically uses the VERCEL_URL if present.
21 |       (str) => process.env.VERCEL_URL ?? str,
22 |       // VERCEL_URL doesn't include `https` so it cant be validated as a URL
23 |       process.env.VERCEL ? z.string() : z.string().url(),
24 |     ),
25 |     AUTH_GOOGLE_ID: z.string(),
26 |     AUTH_GOOGLE_SECRET: z.string(),
27 |   },
28 | 
29 |   /**
30 |    * Specify your client-side environment variables schema here. This way you can ensure the app
31 |    * isn't built with invalid env vars. To expose them to the client, prefix them with
32 |    * `NEXT_PUBLIC_`.
33 |    */
34 |   client: {
35 |     // NEXT_PUBLIC_CLIENTVAR: z.string(),
36 |   },
37 | 
38 |   /**
39 |    * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.
40 |    * middlewares) or client-side so we need to destruct manually.
41 |    */
42 |   runtimeEnv: {
43 |     DATABASE_URL: process.env.DATABASE_URL,
44 |     NODE_ENV: process.env.NODE_ENV,
45 |     NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET,
46 |     NEXTAUTH_URL: process.env.NEXTAUTH_URL,
47 |     AUTH_GOOGLE_ID: process.env.AUTH_GOOGLE_ID,
48 |     AUTH_GOOGLE_SECRET: process.env.AUTH_GOOGLE_SECRET,
49 |   },
50 |   /**
51 |    * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
52 |    * useful for Docker builds.
53 |    */
54 |   skipValidation: !!process.env.SKIP_ENV_VALIDATION,
55 |   /**
56 |    * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and
57 |    * `SOME_VAR=''` will throw an error.
58 |    */
59 |   emptyStringAsUndefined: true,
60 | });
61 |

--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "hack",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "type": "module",
 6 |   "scripts": {
 7 |     "build": "next build",
 8 |     "db:generate": "prisma migrate dev",
 9 |     "db:migrate": "prisma migrate deploy",
10 |     "db:push": "prisma db push",
11 |     "db:studio": "prisma studio",
12 |     "dev": "next dev",
13 |     "postinstall": "prisma generate",
14 |     "lint": "next lint",
15 |     "start": "next start"
16 |   },
17 |   "dependencies": {
18 |     "@ai-sdk/google": "^0.0.35",
19 |     "@ai-sdk/openai": "^0.0.44",
20 |     "@auth/prisma-adapter": "^1.6.0",
21 |     "@google/generative-ai": "^0.16.0",
22 |     "@nextui-org/modal": "^2.0.39",
23 |     "@nextui-org/system": "^2.2.5",
24 |     "@nextui-org/theme": "^2.2.9",
25 |     "@prisma/client": "^5.14.0",
26 |     "@radix-ui/react-dialog": "^1.1.1",
27 |     "@radix-ui/react-select": "^2.1.1",
28 |     "@radix-ui/react-slot": "^1.1.0",
29 |     "@radix-ui/react-toast": "^1.2.1",
30 |     "@t3-oss/env-nextjs": "^0.10.1",
31 |     "@tabler/icons-react": "^3.12.0",
32 |     "@uploadthing/react": "^6.7.2",
33 |     "ai": "^3.3.5",
34 |     "autoprefixer": "^10.4.20",
35 |     "axios": "^1.7.3",
36 |     "class-variance-authority": "^0.7.0",
37 |     "clsx": "^2.1.1",
38 |     "framer-motion": "^11.3.24",
39 |     "geist": "^1.3.0",
40 |     "lucide-react": "^0.417.0",
41 |     "next": "^14.2.4",
42 |     "next-auth": "^4.24.7",
43 |     "nextui-cli": "^0.3.4",
44 |     "react": "^18.3.1",
45 |     "react-dom": "^18.3.1",
46 |     "react-markdown": "^9.0.1",
47 |     "tailwind-merge": "^2.4.0",
48 |     "tailwindcss-animate": "^1.0.7",
49 |     "uploadthing": "^6.13.2",
50 |     "zod": "^3.23.3"
51 |   },
52 |   "devDependencies": {
53 |     "@types/eslint": "^8.56.10",
54 |     "@types/node": "^20.14.10",
55 |     "@types/react": "^18.3.3",
56 |     "@types/react-dom": "^18.3.0",
57 |     "@typescript-eslint/eslint-plugin": "^7.1.1",
58 |     "@typescript-eslint/parser": "^7.1.1",
59 |     "eslint": "^8.57.0",
60 |     "eslint-config-next": "^14.2.4",
61 |     "postcss": "^8.4.41",
62 |     "prettier": "^3.3.2",
63 |     "prettier-plugin-tailwindcss": "^0.6.5",
64 |     "prisma": "^5.14.0",
65 |     "tailwindcss": "^3.4.9",
66 |     "typescript": "^5.5.3"
67 |   },
68 |   "ct3aMetadata": {
69 |     "initVersion": "7.36.2"
70 |   },
71 |   "packageManager": "npm@9.2.0"
72 | }
73 |

--------------------------------------------------------------------------------
/tailwind.config.ts:
--------------------------------------------------------------------------------
 1 | import type { Config } from "tailwindcss";
 2 | 
 3 | const config = {
 4 |   darkMode: ["class"],
 5 |   content: [
 6 |     "./pages/**/*.{ts,tsx}",
 7 |     "./components/**/*.{ts,tsx}",
 8 |     "./app/**/*.{ts,tsx}",
 9 |     "./src/**/*.{ts,tsx}",
10 |   ],
11 |   prefix: "",
12 |   theme: {
13 |     container: {
14 |       center: true,
15 |       padding: "2rem",
16 |       screens: {
17 |         "2xl": "1400px",
18 |       },
19 |     },
20 |     extend: {
21 |       colors: {
22 |         border: "hsl(var(--border))",
23 |         input: "hsl(var(--input))",
24 |         ring: "hsl(var(--ring))",
25 |         background: "hsl(var(--background))",
26 |         foreground: "hsl(var(--foreground))",
27 |         primary: {
28 |           DEFAULT: "hsl(var(--primary))",
29 |           foreground: "hsl(var(--primary-foreground))",
30 |         },
31 |         secondary: {
32 |           DEFAULT: "hsl(var(--secondary))",
33 |           foreground: "hsl(var(--secondary-foreground))",
34 |         },
35 |         destructive: {
36 |           DEFAULT: "hsl(var(--destructive))",
37 |           foreground: "hsl(var(--destructive-foreground))",
38 |         },
39 |         muted: {
40 |           DEFAULT: "hsl(var(--muted))",
41 |           foreground: "hsl(var(--muted-foreground))",
42 |         },
43 |         accent: {
44 |           DEFAULT: "hsl(var(--accent))",
45 |           foreground: "hsl(var(--accent-foreground))",
46 |         },
47 |         popover: {
48 |           DEFAULT: "hsl(var(--popover))",
49 |           foreground: "hsl(var(--popover-foreground))",
50 |         },
51 |         card: {
52 |           DEFAULT: "hsl(var(--card))",
53 |           foreground: "hsl(var(--card-foreground))",
54 |         },
55 |       },
56 |       borderRadius: {
57 |         lg: "var(--radius)",
58 |         md: "calc(var(--radius) - 2px)",
59 |         sm: "calc(var(--radius) - 4px)",
60 |       },
61 |       keyframes: {
62 |         "accordion-down": {
63 |           from: { height: "0" },
64 |           to: { height: "var(--radix-accordion-content-height)" },
65 |         },
66 |         "accordion-up": {
67 |           from: { height: "var(--radix-accordion-content-height)" },
68 |           to: { height: "0" },
69 |         },
70 |       },
71 |       animation: {
72 |         "accordion-down": "accordion-down 0.2s ease-out",
73 |         "accordion-up": "accordion-up 0.2s ease-out",
74 |       },
75 |     },
76 |   },
77 |   plugins: [require("tailwindcss-animate")],
78 | } satisfies Config;
79 | 
80 | export default config;
81 |

--------------------------------------------------------------------------------
/src/components/landingnav.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import { motion } from "framer-motion";
 3 | import { useSession } from "next-auth/react";
 4 | import { signIn } from "next-auth/react";
 5 | import React from "react";
 6 | import Link from "next/link";
 7 | import Image from "next/image";
 8 | import { ArrowUpRight } from "lucide-react";
 9 | import { useRouter } from "next/navigation";
10 | 
11 | interface BlurIntProps {
12 |   word: string;
13 |   className?: string;
14 |   variant?: {
15 |     hidden: { filter: string; opacity: number };
16 |     visible: { filter: string; opacity: number };
17 |   };
18 |   duration?: number;
19 | }
20 | 
21 | const NavbarLanding = ({ duration = 1 }) => {
22 |   const router = useRouter();
23 |   const { data, status } = useSession();
24 |   const defaultVariants = {
25 |     hidden: { filter: "blur(10px)", opacity: 0 },
26 |     visible: { filter: "blur(0px)", opacity: 1 },
27 |   };
28 |   const combinedVariants = defaultVariants;
29 | 
30 |   async function handleClick() {
31 |     if (status === "unauthenticated") {
32 |       await signIn("google", { callbackUrl: "/home" });
33 |     } else {
34 |       router.push("/home");
35 |     }
36 |   }
37 |   return (
38 |     <motion.div
39 |       initial="hidden"
40 |       animate="visible"
41 |       transition={{ duration }}
42 |       variants={combinedVariants}
43 |       className="sticky top-7 z-50 mx-10 flex items-center justify-between rounded-full border-2 border-white/5 bg-gradient-to-tr from-zinc-300/5 via-gray-400/5 to-transparent px-7 py-3 text-gray-200 shadow-[0px_2px_3px_-1px_rgba(0,0,0,0.1),0px_1px_0px_0px_rgba(25,28,33,0.02),0px_0px_0px_1px_rgba(25,28,33,0.08)] backdrop-blur-lg backdrop-filter max-sm:mx-6 sm:mx-10 sm:px-7 md:mx-24 lg:mx-64"
44 |     >
45 |       <div className="flex items-center gap-3 max-sm:gap-2">
46 |         <img
47 |           src={"/logo.svg"}
48 |           className="h-[50px] w-[50px] max-sm:h-[25px] max-sm:w-[25px]"
49 |           alt="logo"
50 |         />
51 |         <h1 className="text-2xl font-medium text-white max-sm:text-lg">
52 |           anonGPT
53 |         </h1>
54 |       </div>
55 | 
56 |       <div>
57 |         <button
58 |           onClick={handleClick}
59 |           className="bg-page-gradient font-geistSans group inline-flex w-[100%] cursor-pointer items-center justify-start gap-x-1 rounded-3xl border border-zinc-600 px-4 py-3 text-lg font-semibold duration-200 hover:border-white hover:bg-transparent/10 hover:text-zinc-100 max-md:text-sm"
60 |         >
61 |           Get Started
62 |           <div className="relative ml-1 flex h-5 w-5 items-center justify-center overflow-hidden">
63 |             <ArrowUpRight className="absolute transition-all duration-500 group-hover:-translate-y-5 group-hover:translate-x-4" />
64 |             <ArrowUpRight className="absolute -translate-x-4 -translate-y-5 transition-all duration-500 group-hover:translate-x-0 group-hover:translate-y-0" />
65 |           </div>
66 |         </button>
67 |       </div>
68 |     </motion.div>
69 |   );
70 | };
71 | 
72 | export default NavbarLanding;
73 |

--------------------------------------------------------------------------------
/src/app/api/chat/route.ts:
--------------------------------------------------------------------------------
  1 | import { GoogleGenerativeAI } from "@google/generative-ai";
  2 | import { GoogleGenerativeAIStream, Message, StreamingTextResponse } from "ai";
  3 | 
  4 | const apiKey = process.env.GEMINI_API_KEY;
  5 | 
  6 | if (!apiKey) {
  7 |   throw new Error("GEMINI_API_KEY environment variable is not set.");
  8 | }
  9 | 
 10 | const genAI = new GoogleGenerativeAI(apiKey);
 11 | 
 12 | // Convert messages from the Vercel AI SDK format to the format
 13 | // expected by the Google GenAI SDK
 14 | const buildGoogleGenAIPrompt = (messages: Message[]) => ({
 15 |   contents: messages
 16 |     .filter(
 17 |       (message) => message.role === "user" || message.role === "assistant",
 18 |     )
 19 |     .map((message) => ({
 20 |       role: message.role === "user" ? "user" : "model",
 21 |       parts: [{ text: message.content }],
 22 |     })),
 23 | });
 24 | 
 25 | export async function POST(req: Request) {
 26 |   try {
 27 |     // Extract the query from the body of the request
 28 |     const { messages } = await req.json();
 29 | 
 30 |     const latestMessage = messages[messages.length - 1];
 31 |     if (!latestMessage) {
 32 |       throw new Error("No messages found.");
 33 |     }
 34 |     // Fetch data from Google Custom Search API
 35 |     const url = new URL("https://www.googleapis.com/customsearch/v1");
 36 |     url.searchParams.append("q", latestMessage.content || "");
 37 |     url.searchParams.append("key", process.env.GOOGLE_API_KEY!);
 38 |     url.searchParams.append("cx", process.env.SEARCH_ENGINE_ID!);
 39 | 
 40 |     const response = await fetch(url.toString(), {
 41 |       method: "GET",
 42 |     });
 43 | 
 44 |     if (!response.ok) {
 45 |       throw new Error("Error getting response from Google API");
 46 |     }
 47 | 
 48 |     const data = await response.json();
 49 |     const results =
 50 |       data.items?.map((item: any) => ({
 51 |         link: item.link,
 52 |         title: item.title,
 53 |         snippet: item.snippet,
 54 |         image: item.pagemap?.cse_image?.[0]?.src || "", // Extract image URL if available
 55 |       })) || [];
 56 | 
 57 |     const prompt = `You are an intelligent search assistant. Based on the following search results, provide a detailed and concise answer to the user’s query in markdown format. Include the title, snippet, and, if available, an image for each result. The search results are as follows:
 58 | 
 59 | ${results
 60 |   .map((result) => {
 61 |     return `### ${result.title}
 62 | - **Snippet**: ${result.snippet}
 63 | - **Link**: ${result.link}
 64 | - **Image**: ${result.image}
 65 | `;
 66 |   })
 67 |   .join("\n")}
 68 | 
 69 | Provide a clear and informative summary based on the above information.`;
 70 | 
 71 |     // Generate the content using Google Generative AI
 72 |     const resp = await genAI
 73 |       .getGenerativeModel({ model: "gemini-pro" })
 74 |       .generateContentStream({
 75 |         contents: [
 76 |           {
 77 |             role: "user",
 78 |             parts: [{ text: prompt }],
 79 |           },
 80 |         ],
 81 |       });
 82 | 
 83 |     // Convert the response into a friendly text-stream
 84 |     const stream = GoogleGenerativeAIStream(resp);
 85 | 
 86 |     // Respond with the stream
 87 |     return new StreamingTextResponse(stream);
 88 |   } catch (error) {
 89 |     // Log the error for debugging
 90 |     console.error("Error in POST handler:", error);
 91 | 
 92 |     // Return an error response
 93 |     return new Response(
 94 |       JSON.stringify({
 95 |         error: "An error occurred while processing your request.",
 96 |       }),
 97 |       { status: 500, headers: { "Content-Type": "application/json" } },
 98 |     );
 99 |   }
100 | }
101 |

--------------------------------------------------------------------------------
/public/herobg.svg:
--------------------------------------------------------------------------------
 1 | <svg width="1440" height="1172" viewBox="0 0 1440 1172" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_470_11784)">
 3 | <mask id="mask0_470_11784" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="1440" height="1172">
 4 | <path d="M1440 0H0V1172H1440V0Z" fill="white"/>
 5 | </mask>
 6 | <g mask="url(#mask0_470_11784)">
 7 | <path d="M1440 0H0V1172H1440V0Z" fill="#020104"/>
 8 | <g filter="url(#filter0_f_470_11784)">
 9 | <path d="M758.177 499.354C943.842 499.354 1094.35 348.842 1094.35 163.177C1094.35 -22.4884 943.842 -173 758.177 -173C572.512 -173 422 -22.4884 422 163.177C422 348.842 572.512 499.354 758.177 499.354Z" fill="#3B3B3B" fill-opacity="0.52"/>
10 | </g>
11 | <g style="mix-blend-mode:soft-light">
12 | <path d="M187.5 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
13 | <path d="M885.922 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
14 | <path d="M186 24.8428H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
15 | <path d="M186 443.896H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
16 | <path d="M186 164.527H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
17 | <path d="M186 583.581H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
18 | <path d="M186 304.212H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
19 | <path d="M186 723.264H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
20 | <path d="M186 94.6855H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
21 | <path d="M186 513.74H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
22 | <path d="M186 234.369H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
23 | <path d="M186 653.422H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
24 | <path d="M186 374.055H1513" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
25 | <path d="M466.869 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
26 | <path d="M1165.29 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
27 | <path d="M327.193 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
28 | <path d="M1025.61 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
29 | <path d="M606.551 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
30 | <path d="M1304.97 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
31 | <path d="M746.234 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
32 | <path d="M257.342 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
33 | <path d="M955.764 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
34 | <path d="M536.711 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
35 | <path d="M1235.13 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
36 | <path d="M397.023 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
37 | <path d="M1095.45 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
38 | <path d="M676.393 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
39 | <path d="M1374.81 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
40 | <path d="M816.078 26.3428V744.781" stroke="white" stroke-opacity="0.16" stroke-width="3"/>
41 | </g>
42 | </g>
43 | </g>
44 | <defs>
45 | <filter id="filter0_f_470_11784" x="22" y="-573" width="1472.35" height="1472.35" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
46 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
47 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
48 | <feGaussianBlur stdDeviation="200" result="effect1_foregroundBlur_470_11784"/>
49 | </filter>
50 | <clipPath id="clip0_470_11784">
51 | <rect width="1440" height="1172" fill="white"/>
52 | </clipPath>
53 | </defs>
54 | </svg>
55 |

--------------------------------------------------------------------------------
/src/components/Sidebar.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import React, { useState } from "react";
  3 | import { useSession } from "next-auth/react";
  4 | import Link from "next/link";
  5 | import {
  6 |   Settings,
  7 |   Search,
  8 |   Earth,
  9 |   Github,
 10 |   Twitter,
 11 |   Linkedin,
 12 | } from "lucide-react";
 13 | import * as Dialog from "@radix-ui/react-dialog";
 14 | import { useToast } from "./ui/use-toast";
 15 | 
 16 | const Sidebar = () => {
 17 |   const { data } = useSession();
 18 |   const { toast } = useToast();
 19 |   const [apiKey, setApiKey] = useState("");
 20 | 
 21 |   const handleSaveChanges = () => {
 22 |     if (apiKey) {
 23 |       localStorage.setItem("geminiApiKey", apiKey);
 24 |       toast({
 25 |         title: "API key saved",
 26 |       });
 27 |     } else {
 28 |       toast({
 29 |         title: "API key is required",
 30 |         variant: "destructive",
 31 |       });
 32 |     }
 33 |   };
 34 | 
 35 |   return (
 36 |     <div className="fixed bottom-0 flex w-full items-center justify-between bg-[#141212] py-4 text-white max-md:px-6 md:left-0 md:top-0 md:h-[100%] md:w-[200px] md:flex-col">
 37 |       <div className="flex flex-col">
 38 |         <div className="flex items-center gap-4 max-md:gap-2">
 39 |           <img src="/logo.svg" alt="logo" className="h-[48px] w-[48px]" />
 40 |           <h1 className="text-2xl font-medium text-white">AnonGPT</h1>
 41 |         </div>
 42 |         <hr className="w-full border-gray-500 max-md:hidden" />
 43 | 
 44 |         <div className="items-center justify-center max-md:hidden">
 45 |           <Link
 46 |             href={"/home"}
 47 |             className="flex cursor-pointer items-center gap-2 pl-2 font-medium text-gray-200 md:mt-10"
 48 |           >
 49 |             <Search className="h-[20px] w-[20px] text-gray-300" />
 50 |             <h1 className="text-md font-medium text-gray-300 max-md:hidden sm:mr-4">
 51 |               Home
 52 |             </h1>
 53 |           </Link>
 54 |         </div>
 55 |       </div>
 56 | 
 57 |       <div>
 58 |         {data?.user?.name && (
 59 |           <div className="flex items-center gap-2 font-medium">
 60 |             <img
 61 |               src={data.user.image as string}
 62 |               alt="user"
 63 |               className="h-[32px] w-[32px] rounded-full max-md:hidden"
 64 |             />
 65 |             <h1 className="text-gray-300 max-md:hidden sm:mr-4">
 66 |               {data.user.name}
 67 |             </h1>
 68 | 
 69 |             <div className="items-center gap-4 max-md:flex md:hidden">
 70 |               <Search className="h-[25px] w-[25px] text-gray-300 md:hover:cursor-pointer md:hover:text-gray-200" />
 71 |             </div>
 72 |           </div>
 73 |         )}
 74 |         <hr className="mt-2 w-full border-gray-500 max-md:hidden" />
 75 |         <div className="max-md:hidden">
 76 |           <div className="mt-4 flex items-center justify-center gap-4">
 77 |             <a href="https://ronitt.xyz" target="_blank">
 78 |               <Earth className="h-[20px] w-[20px] text-gray-300 md:hover:cursor-pointer md:hover:text-gray-200" />
 79 |             </a>
 80 |             <a
 81 |               href="https://www.linkedin.com/in/ronit-raj-5a80b62b4/"
 82 |               target="_blank"
 83 |             >
 84 |               <Linkedin className="h-[20px] w-[20px] text-gray-300 md:hover:cursor-pointer md:hover:text-gray-200" />
 85 |             </a>
 86 |             <a href="https://github.com/ronitrajfr/anonGPT" target="_blank">
 87 |               <Github className="h-[20px] w-[20px] text-gray-300 md:hover:cursor-pointer md:hover:text-gray-200" />
 88 |             </a>
 89 |             <a href="https://x.com/ronitrajfr" target="_blank">
 90 |               <Twitter className="h-[20px] w-[20px] text-gray-300 md:hover:cursor-pointer md:hover:text-gray-200" />
 91 |             </a>
 92 |           </div>
 93 |         </div>
 94 |       </div>
 95 |     </div>
 96 |   );
 97 | };
 98 | 
 99 | export default Sidebar;
100 |

--------------------------------------------------------------------------------
/src/components/Chat.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import React, { useEffect, useRef } from "react";
  3 | import { Textarea } from "./ui/textarea";
  4 | import { Button } from "./ui/button";
  5 | import { useChat } from "ai/react";
  6 | import { Input } from "./ui/input";
  7 | import { ArrowUp } from "lucide-react";
  8 | import ReactMarkdown from "react-markdown";
  9 | 
 10 | const Chat = () => {
 11 |   const { messages, input, handleInputChange, handleSubmit } = useChat({
 12 |     api: "/api/chat",
 13 |   });
 14 | 
 15 |   const messagesEndRef = useRef<HTMLDivElement>(null);
 16 |   useEffect(() => {
 17 |     // Scroll to the bottom of the chat whenever messages change
 18 |     if (messagesEndRef.current) {
 19 |       messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
 20 |     }
 21 |   }, [messages]);
 22 | 
 23 |   const handleKeyDown = (event) => {
 24 |     if (event.key === "Enter" && !event.shiftKey) {
 25 |       event.preventDefault();
 26 |       handleSubmit(event);
 27 |     }
 28 |   };
 29 | 
 30 |   return (
 31 |     <div className="md:pl-[200px]">
 32 |       <div className="flex min-h-screen w-full items-center justify-center bg-[#070606]">
 33 |         <div>
 34 |           {messages.length === 0 ? (
 35 |             <form
 36 |               onSubmit={handleSubmit}
 37 |               className="relative flex w-[700px] flex-col max-md:w-[600px] max-sm:w-[360px]"
 38 |             >
 39 |               <h1 className="mb-7 text-center text-5xl font-bold text-gray-300 max-md:text-3xl">
 40 |                 Welcome to anonGPT
 41 |               </h1>
 42 |               <Textarea
 43 |                 value={input}
 44 |                 onChange={handleInputChange}
 45 |                 onKeyDown={handleKeyDown}
 46 |                 className="box-shadow-md text-md w-full rounded-2xl border-black bg-[#141212] pl-5 pr-14 pt-4 text-white placeholder:text-gray-200"
 47 |                 placeholder="Type your message here..."
 48 |                 rows={4}
 49 |               />
 50 |               <button
 51 |                 type="submit"
 52 |                 className="absolute bottom-9 right-4 rounded-full bg-slate-200 p-3 text-[#141212]"
 53 |               >
 54 |                 <ArrowUp className="h-6 w-6" />
 55 |               </button>
 56 |             </form>
 57 |           ) : (
 58 |             <div className="fixed bottom-2 left-1/2 w-full max-w-[800px] -translate-x-1/2 transform p-4 max-md:bottom-20 max-md:max-w-[600px] max-sm:max-w-[360px]">
 59 |               <form
 60 |                 onSubmit={handleSubmit}
 61 |                 className="relative flex flex-col items-center"
 62 |               >
 63 |                 <Input
 64 |                   onKeyDown={handleKeyDown}
 65 |                   value={input}
 66 |                   onChange={handleInputChange}
 67 |                   className="box-shadow-md h-14 w-full rounded-full border-black bg-[#141212] pl-7 text-sm text-white placeholder:text-gray-200"
 68 |                   placeholder="Message anonGPT"
 69 |                 />
 70 |                 <button
 71 |                   type="submit"
 72 |                   className="absolute bottom-3 right-4 rounded-full bg-slate-200 p-1 text-[#141212]"
 73 |                 >
 74 |                   <ArrowUp className="h-6 w-6" />
 75 |                 </button>
 76 |               </form>
 77 |             </div>
 78 |           )}
 79 |           <div className="mb-28 mt-4 flex max-w-[800px] flex-col justify-center gap-4 rounded-xl p-4 text-white max-md:w-[600px] max-sm:w-[360px]">
 80 |             <div>
 81 |               {messages &&
 82 |                 messages.map((message, index) => (
 83 |                   <React.Fragment key={message.id}>
 84 |                     <div
 85 |                       className={`mb-2 text-left ${message.role === "user" ? "text-3xl font-medium" : ""}`}
 86 |                     >
 87 |                       <p
 88 |                         className={`rounded p-2 ${message.role === "user" ? "text-white" : "text-slate-200"}`}
 89 |                       >
 90 |                         <ReactMarkdown>{message.content}</ReactMarkdown>
 91 |                       </p>
 92 |                     </div>
 93 |                     {message.role === "assistant" &&
 94 |                       index < messages.length - 1 && (
 95 |                         <hr className="my-4 border-gray-600" />
 96 |                       )}
 97 |                   </React.Fragment>
 98 |                 ))}
 99 |               <div ref={messagesEndRef} />
100 |             </div>
101 |           </div>
102 |         </div>
103 |       </div>
104 |     </div>
105 |   );
106 | };
107 | 
108 | export default Chat;
109 |

--------------------------------------------------------------------------------
/src/components/ui/use-toast.ts:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | // Inspired by react-hot-toast library
  4 | import * as React from "react"
  5 | 
  6 | import type {
  7 |   ToastActionElement,
  8 |   ToastProps,
  9 | } from "~/components/ui/toast"
 10 | 
 11 | const TOAST_LIMIT = 1
 12 | const TOAST_REMOVE_DELAY = 1000000
 13 | 
 14 | type ToasterToast = ToastProps & {
 15 |   id: string
 16 |   title?: React.ReactNode
 17 |   description?: React.ReactNode
 18 |   action?: ToastActionElement
 19 | }
 20 | 
 21 | const actionTypes = {
 22 |   ADD_TOAST: "ADD_TOAST",
 23 |   UPDATE_TOAST: "UPDATE_TOAST",
 24 |   DISMISS_TOAST: "DISMISS_TOAST",
 25 |   REMOVE_TOAST: "REMOVE_TOAST",
 26 | } as const
 27 | 
 28 | let count = 0
 29 | 
 30 | function genId() {
 31 |   count = (count + 1) % Number.MAX_SAFE_INTEGER
 32 |   return count.toString()
 33 | }
 34 | 
 35 | type ActionType = typeof actionTypes
 36 | 
 37 | type Action =
 38 |   | {
 39 |       type: ActionType["ADD_TOAST"]
 40 |       toast: ToasterToast
 41 |     }
 42 |   | {
 43 |       type: ActionType["UPDATE_TOAST"]
 44 |       toast: Partial<ToasterToast>
 45 |     }
 46 |   | {
 47 |       type: ActionType["DISMISS_TOAST"]
 48 |       toastId?: ToasterToast["id"]
 49 |     }
 50 |   | {
 51 |       type: ActionType["REMOVE_TOAST"]
 52 |       toastId?: ToasterToast["id"]
 53 |     }
 54 | 
 55 | interface State {
 56 |   toasts: ToasterToast[]
 57 | }
 58 | 
 59 | const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
 60 | 
 61 | const addToRemoveQueue = (toastId: string) => {
 62 |   if (toastTimeouts.has(toastId)) {
 63 |     return
 64 |   }
 65 | 
 66 |   const timeout = setTimeout(() => {
 67 |     toastTimeouts.delete(toastId)
 68 |     dispatch({
 69 |       type: "REMOVE_TOAST",
 70 |       toastId: toastId,
 71 |     })
 72 |   }, TOAST_REMOVE_DELAY)
 73 | 
 74 |   toastTimeouts.set(toastId, timeout)
 75 | }
 76 | 
 77 | export const reducer = (state: State, action: Action): State => {
 78 |   switch (action.type) {
 79 |     case "ADD_TOAST":
 80 |       return {
 81 |         ...state,
 82 |         toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
 83 |       }
 84 | 
 85 |     case "UPDATE_TOAST":
 86 |       return {
 87 |         ...state,
 88 |         toasts: state.toasts.map((t) =>
 89 |           t.id === action.toast.id ? { ...t, ...action.toast } : t
 90 |         ),
 91 |       }
 92 | 
 93 |     case "DISMISS_TOAST": {
 94 |       const { toastId } = action
 95 | 
 96 |       // ! Side effects ! - This could be extracted into a dismissToast() action,
 97 |       // but I'll keep it here for simplicity
 98 |       if (toastId) {
 99 |         addToRemoveQueue(toastId)
100 |       } else {
101 |         state.toasts.forEach((toast) => {
102 |           addToRemoveQueue(toast.id)
103 |         })
104 |       }
105 | 
106 |       return {
107 |         ...state,
108 |         toasts: state.toasts.map((t) =>
109 |           t.id === toastId || toastId === undefined
110 |             ? {
111 |                 ...t,
112 |                 open: false,
113 |               }
114 |             : t
115 |         ),
116 |       }
117 |     }
118 |     case "REMOVE_TOAST":
119 |       if (action.toastId === undefined) {
120 |         return {
121 |           ...state,
122 |           toasts: [],
123 |         }
124 |       }
125 |       return {
126 |         ...state,
127 |         toasts: state.toasts.filter((t) => t.id !== action.toastId),
128 |       }
129 |   }
130 | }
131 | 
132 | const listeners: Array<(state: State) => void> = []
133 | 
134 | let memoryState: State = { toasts: [] }
135 | 
136 | function dispatch(action: Action) {
137 |   memoryState = reducer(memoryState, action)
138 |   listeners.forEach((listener) => {
139 |     listener(memoryState)
140 |   })
141 | }
142 | 
143 | type Toast = Omit<ToasterToast, "id">
144 | 
145 | function toast({ ...props }: Toast) {
146 |   const id = genId()
147 | 
148 |   const update = (props: ToasterToast) =>
149 |     dispatch({
150 |       type: "UPDATE_TOAST",
151 |       toast: { ...props, id },
152 |     })
153 |   const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
154 | 
155 |   dispatch({
156 |     type: "ADD_TOAST",
157 |     toast: {
158 |       ...props,
159 |       id,
160 |       open: true,
161 |       onOpenChange: (open) => {
162 |         if (!open) dismiss()
163 |       },
164 |     },
165 |   })
166 | 
167 |   return {
168 |     id: id,
169 |     dismiss,
170 |     update,
171 |   }
172 | }
173 | 
174 | function useToast() {
175 |   const [state, setState] = React.useState<State>(memoryState)
176 | 
177 |   React.useEffect(() => {
178 |     listeners.push(setState)
179 |     return () => {
180 |       const index = listeners.indexOf(setState)
181 |       if (index > -1) {
182 |         listeners.splice(index, 1)
183 |       }
184 |     }
185 |   }, [state])
186 | 
187 |   return {
188 |     ...state,
189 |     toast,
190 |     dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
191 |   }
192 | }
193 | 
194 | export { useToast, toast }
195 |

--------------------------------------------------------------------------------
/src/components/ui/toast.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as ToastPrimitives from "@radix-ui/react-toast"
  5 | import { cva, type VariantProps } from "class-variance-authority"
  6 | import { X } from "lucide-react"
  7 | 
  8 | import { cn } from "~/lib/utils"
  9 | 
 10 | const ToastProvider = ToastPrimitives.Provider
 11 | 
 12 | const ToastViewport = React.forwardRef<
 13 |   React.ElementRef<typeof ToastPrimitives.Viewport>,
 14 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
 15 | >(({ className, ...props }, ref) => (
 16 |   <ToastPrimitives.Viewport
 17 |     ref={ref}
 18 |     className={cn(
 19 |       "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
 20 |       className
 21 |     )}
 22 |     {...props}
 23 |   />
 24 | ))
 25 | ToastViewport.displayName = ToastPrimitives.Viewport.displayName
 26 | 
 27 | const toastVariants = cva(
 28 |   "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
 29 |   {
 30 |     variants: {
 31 |       variant: {
 32 |         default: "border bg-background text-foreground",
 33 |         destructive:
 34 |           "destructive group border-destructive bg-destructive text-destructive-foreground",
 35 |       },
 36 |     },
 37 |     defaultVariants: {
 38 |       variant: "default",
 39 |     },
 40 |   }
 41 | )
 42 | 
 43 | const Toast = React.forwardRef<
 44 |   React.ElementRef<typeof ToastPrimitives.Root>,
 45 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
 46 |     VariantProps<typeof toastVariants>
 47 | >(({ className, variant, ...props }, ref) => {
 48 |   return (
 49 |     <ToastPrimitives.Root
 50 |       ref={ref}
 51 |       className={cn(toastVariants({ variant }), className)}
 52 |       {...props}
 53 |     />
 54 |   )
 55 | })
 56 | Toast.displayName = ToastPrimitives.Root.displayName
 57 | 
 58 | const ToastAction = React.forwardRef<
 59 |   React.ElementRef<typeof ToastPrimitives.Action>,
 60 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
 61 | >(({ className, ...props }, ref) => (
 62 |   <ToastPrimitives.Action
 63 |     ref={ref}
 64 |     className={cn(
 65 |       "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
 66 |       className
 67 |     )}
 68 |     {...props}
 69 |   />
 70 | ))
 71 | ToastAction.displayName = ToastPrimitives.Action.displayName
 72 | 
 73 | const ToastClose = React.forwardRef<
 74 |   React.ElementRef<typeof ToastPrimitives.Close>,
 75 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
 76 | >(({ className, ...props }, ref) => (
 77 |   <ToastPrimitives.Close
 78 |     ref={ref}
 79 |     className={cn(
 80 |       "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
 81 |       className
 82 |     )}
 83 |     toast-close=""
 84 |     {...props}
 85 |   >
 86 |     <X className="h-4 w-4" />
 87 |   </ToastPrimitives.Close>
 88 | ))
 89 | ToastClose.displayName = ToastPrimitives.Close.displayName
 90 | 
 91 | const ToastTitle = React.forwardRef<
 92 |   React.ElementRef<typeof ToastPrimitives.Title>,
 93 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
 94 | >(({ className, ...props }, ref) => (
 95 |   <ToastPrimitives.Title
 96 |     ref={ref}
 97 |     className={cn("text-sm font-semibold", className)}
 98 |     {...props}
 99 |   />
100 | ))
101 | ToastTitle.displayName = ToastPrimitives.Title.displayName
102 | 
103 | const ToastDescription = React.forwardRef<
104 |   React.ElementRef<typeof ToastPrimitives.Description>,
105 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
106 | >(({ className, ...props }, ref) => (
107 |   <ToastPrimitives.Description
108 |     ref={ref}
109 |     className={cn("text-sm opacity-90", className)}
110 |     {...props}
111 |   />
112 | ))
113 | ToastDescription.displayName = ToastPrimitives.Description.displayName
114 | 
115 | type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
116 | 
117 | type ToastActionElement = React.ReactElement<typeof ToastAction>
118 | 
119 | export {
120 |   type ToastProps,
121 |   type ToastActionElement,
122 |   ToastProvider,
123 |   ToastViewport,
124 |   Toast,
125 |   ToastTitle,
126 |   ToastDescription,
127 |   ToastClose,
128 |   ToastAction,
129 | }
130 |

--------------------------------------------------------------------------------
/src/styles/globals.css:
--------------------------------------------------------------------------------
  1 | @tailwind base;
  2 | @tailwind components;
  3 | @tailwind utilities;
  4 | 
  5 | @layer base {
  6 |   :root {
  7 |     --background: 0 0% 100%;
  8 |     --foreground: 222.2 84% 4.9%;
  9 |     --card: 0 0% 100%;
 10 |     --card-foreground: 222.2 84% 4.9%;
 11 |     --popover: 0 0% 100%;
 12 |     --popover-foreground: 222.2 84% 4.9%;
 13 |     --primary: 222.2 47.4% 11.2%;
 14 |     --primary-foreground: 210 40% 98%;
 15 |     --secondary: 210 40% 96.1%;
 16 |     --secondary-foreground: 222.2 47.4% 11.2%;
 17 |     --muted: 210 40% 96.1%;
 18 |     --muted-foreground: 215.4 16.3% 46.9%;
 19 |     --accent: 210 40% 96.1%;
 20 |     --accent-foreground: 222.2 47.4% 11.2%;
 21 |     --destructive: 0 84.2% 60.2%;
 22 |     --destructive-foreground: 210 40% 98%;
 23 |     --border: 214.3 31.8% 91.4%;
 24 |     --input: 214.3 31.8% 91.4%;
 25 |     --ring: 222.2 84% 4.9%;
 26 |     --radius: 0.5rem;
 27 |     --chart-1: 12 76% 61%;
 28 |     --chart-2: 173 58% 39%;
 29 |     --chart-3: 197 37% 24%;
 30 |     --chart-4: 43 74% 66%;
 31 |     --chart-5: 27 87% 67%;
 32 |   }
 33 | 
 34 |   .dark {
 35 |     --background: 222.2 84% 4.9%;
 36 |     --foreground: 210 40% 98%;
 37 |     --card: 222.2 84% 4.9%;
 38 |     --card-foreground: 210 40% 98%;
 39 |     --popover: 222.2 84% 4.9%;
 40 |     --popover-foreground: 210 40% 98%;
 41 |     --primary: 210 40% 98%;
 42 |     --primary-foreground: 222.2 47.4% 11.2%;
 43 |     --secondary: 217.2 32.6% 17.5%;
 44 |     --secondary-foreground: 210 40% 98%;
 45 |     --muted: 217.2 32.6% 17.5%;
 46 |     --muted-foreground: 215 20.2% 65.1%;
 47 |     --accent: 217.2 32.6% 17.5%;
 48 |     --accent-foreground: 210 40% 98%;
 49 |     --destructive: 0 62.8% 30.6%;
 50 |     --destructive-foreground: 210 40% 98%;
 51 |     --border: 217.2 32.6% 17.5%;
 52 |     --input: 217.2 32.6% 17.5%;
 53 |     --ring: 212.7 26.8% 83.9%;
 54 |     --chart-1: 220 70% 50%;
 55 |     --chart-2: 160 60% 45%;
 56 |     --chart-3: 30 80% 55%;
 57 |     --chart-4: 280 65% 60%;
 58 |     --chart-5: 340 75% 55%;
 59 |   }
 60 | }
 61 | 
 62 | @layer base {
 63 |   * {
 64 |     @apply border-border;
 65 |   }
 66 |   body {
 67 |     @apply bg-background text-foreground;
 68 |   }
 69 | }
 70 | 
 71 | /* reset */
 72 | button,
 73 | fieldset,
 74 | input {
 75 |   all: unset;
 76 | }
 77 | 
 78 | .DialogOverlay {
 79 |   background-color: var(--black-a9);
 80 |   position: fixed;
 81 |   inset: 0;
 82 |   animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
 83 | }
 84 | 
 85 | .DialogContent {
 86 |   background-color: rgb(28, 26, 26);
 87 |   border-radius: 6px;
 88 |   box-shadow:
 89 |     hsl(206 22% 7% / 35%) 0px 10px 38px -10px,
 90 |     hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
 91 |   position: fixed;
 92 |   top: 50%;
 93 |   left: 50%;
 94 |   transform: translate(-50%, -50%);
 95 |   width: 90vw;
 96 |   max-width: 450px;
 97 |   max-height: 85vh;
 98 |   padding: 25px;
 99 |   animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
100 | }
101 | .DialogContent:focus {
102 |   outline: none;
103 | }
104 | 
105 | .DialogTitle {
106 |   margin: 0;
107 |   font-weight: 500;
108 |   color: white;
109 |   font-size: 17px;
110 | }
111 | 
112 | .DialogDescription {
113 |   margin: 10px 0 20px;
114 |   color: white;
115 |   font-size: 15px;
116 |   line-height: 1.5;
117 | }
118 | 
119 | .Button {
120 |   display: inline-flex;
121 |   align-items: center;
122 |   justify-content: center;
123 |   border-radius: 4px;
124 |   padding: 0 15px;
125 |   font-size: 15px;
126 |   line-height: 1;
127 |   font-weight: 500;
128 |   height: 35px;
129 | }
130 | .Button.violet {
131 |   background-color: white;
132 |   color: var(--violet-11);
133 |   box-shadow: 0 2px 10px var(--black-a7);
134 | }
135 | .Button.violet:hover {
136 |   background-color: var(--mauve-3);
137 | }
138 | .Button.violet:focus {
139 |   box-shadow: 0 0 0 2px black;
140 | }
141 | .Button.green {
142 |   background-color: rgb(67, 172, 67);
143 |   color: white;
144 |   cursor: pointer;
145 | }
146 | .Button.green:hover {
147 |   background-color: rgb(67, 172, 67);
148 |   color: white;
149 | }
150 | .Button.green:focus {
151 |   background-color: rgb(67, 172, 67);
152 |   color: white;
153 | }
154 | 
155 | .IconButton {
156 |   font-family: inherit;
157 |   border-radius: 100%;
158 |   height: 25px;
159 |   width: 25px;
160 |   display: inline-flex;
161 |   align-items: center;
162 |   justify-content: center;
163 |   color: var(--violet-11);
164 |   position: absolute;
165 |   top: 10px;
166 |   right: 10px;
167 |   cursor: pointer;
168 |   color: white;
169 | }
170 | .IconButton:hover {
171 |   background-color: var(--violet-4);
172 | }
173 | .IconButton:focus {
174 |   box-shadow: 0 0 0 2px var(--violet-7);
175 | }
176 | 
177 | .Fieldset {
178 |   display: flex;
179 |   gap: 20px;
180 |   align-items: center;
181 |   margin-bottom: 15px;
182 | }
183 | 
184 | .Label {
185 |   font-size: 15px;
186 |   font-weight: 500;
187 |   color: white;
188 |   width: 90px;
189 |   text-align: center;
190 | }
191 | 
192 | .Input {
193 |   width: 100%;
194 |   flex: 1;
195 |   display: inline-flex;
196 |   align-items: center;
197 |   justify-content: center;
198 |   border-radius: 4px;
199 |   padding: 0 10px;
200 |   font-size: 15px;
201 |   line-height: 1;
202 |   color: white;
203 |   box-shadow: 0 0 0 1px;
204 |   height: 35px;
205 | }
206 | .Input:focus {
207 |   box-shadow: 0 0 0 2px var(--violet-8);
208 | }
209 | 
210 | @keyframes overlayShow {
211 |   from {
212 |     opacity: 0;
213 |   }
214 |   to {
215 |     opacity: 1;
216 |   }
217 | }
218 | 
219 | @keyframes contentShow {
220 |   from {
221 |     opacity: 0;
222 |     transform: translate(-50%, -48%) scale(0.96);
223 |   }
224 |   to {
225 |     opacity: 1;
226 |     transform: translate(-50%, -50%) scale(1);
227 |   }
228 | }
229 |

--------------------------------------------------------------------------------
/src/components/ui/select.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as SelectPrimitive from "@radix-ui/react-select"
  5 | import { Check, ChevronDown, ChevronUp } from "lucide-react"
  6 | 
  7 | import { cn } from "~/lib/utils"
  8 | 
  9 | const Select = SelectPrimitive.Root
 10 | 
 11 | const SelectGroup = SelectPrimitive.Group
 12 | 
 13 | const SelectValue = SelectPrimitive.Value
 14 | 
 15 | const SelectTrigger = React.forwardRef<
 16 |   React.ElementRef<typeof SelectPrimitive.Trigger>,
 17 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
 18 | >(({ className, children, ...props }, ref) => (
 19 |   <SelectPrimitive.Trigger
 20 |     ref={ref}
 21 |     className={cn(
 22 |       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
 23 |       className
 24 |     )}
 25 |     {...props}
 26 |   >
 27 |     {children}
 28 |     <SelectPrimitive.Icon asChild>
 29 |       <ChevronDown className="h-4 w-4 opacity-50" />
 30 |     </SelectPrimitive.Icon>
 31 |   </SelectPrimitive.Trigger>
 32 | ))
 33 | SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
 34 | 
 35 | const SelectScrollUpButton = React.forwardRef<
 36 |   React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
 37 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
 38 | >(({ className, ...props }, ref) => (
 39 |   <SelectPrimitive.ScrollUpButton
 40 |     ref={ref}
 41 |     className={cn(
 42 |       "flex cursor-default items-center justify-center py-1",
 43 |       className
 44 |     )}
 45 |     {...props}
 46 |   >
 47 |     <ChevronUp className="h-4 w-4" />
 48 |   </SelectPrimitive.ScrollUpButton>
 49 | ))
 50 | SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
 51 | 
 52 | const SelectScrollDownButton = React.forwardRef<
 53 |   React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
 54 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
 55 | >(({ className, ...props }, ref) => (
 56 |   <SelectPrimitive.ScrollDownButton
 57 |     ref={ref}
 58 |     className={cn(
 59 |       "flex cursor-default items-center justify-center py-1",
 60 |       className
 61 |     )}
 62 |     {...props}
 63 |   >
 64 |     <ChevronDown className="h-4 w-4" />
 65 |   </SelectPrimitive.ScrollDownButton>
 66 | ))
 67 | SelectScrollDownButton.displayName =
 68 |   SelectPrimitive.ScrollDownButton.displayName
 69 | 
 70 | const SelectContent = React.forwardRef<
 71 |   React.ElementRef<typeof SelectPrimitive.Content>,
 72 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
 73 | >(({ className, children, position = "popper", ...props }, ref) => (
 74 |   <SelectPrimitive.Portal>
 75 |     <SelectPrimitive.Content
 76 |       ref={ref}
 77 |       className={cn(
 78 |         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 79 |         position === "popper" &&
 80 |           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
 81 |         className
 82 |       )}
 83 |       position={position}
 84 |       {...props}
 85 |     >
 86 |       <SelectScrollUpButton />
 87 |       <SelectPrimitive.Viewport
 88 |         className={cn(
 89 |           "p-1",
 90 |           position === "popper" &&
 91 |             "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
 92 |         )}
 93 |       >
 94 |         {children}
 95 |       </SelectPrimitive.Viewport>
 96 |       <SelectScrollDownButton />
 97 |     </SelectPrimitive.Content>
 98 |   </SelectPrimitive.Portal>
 99 | ))
100 | SelectContent.displayName = SelectPrimitive.Content.displayName
101 | 
102 | const SelectLabel = React.forwardRef<
103 |   React.ElementRef<typeof SelectPrimitive.Label>,
104 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
105 | >(({ className, ...props }, ref) => (
106 |   <SelectPrimitive.Label
107 |     ref={ref}
108 |     className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
109 |     {...props}
110 |   />
111 | ))
112 | SelectLabel.displayName = SelectPrimitive.Label.displayName
113 | 
114 | const SelectItem = React.forwardRef<
115 |   React.ElementRef<typeof SelectPrimitive.Item>,
116 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
117 | >(({ className, children, ...props }, ref) => (
118 |   <SelectPrimitive.Item
119 |     ref={ref}
120 |     className={cn(
121 |       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
122 |       className
123 |     )}
124 |     {...props}
125 |   >
126 |     <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
127 |       <SelectPrimitive.ItemIndicator>
128 |         <Check className="h-4 w-4" />
129 |       </SelectPrimitive.ItemIndicator>
130 |     </span>
131 | 
132 |     <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
133 |   </SelectPrimitive.Item>
134 | ))
135 | SelectItem.displayName = SelectPrimitive.Item.displayName
136 | 
137 | const SelectSeparator = React.forwardRef<
138 |   React.ElementRef<typeof SelectPrimitive.Separator>,
139 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
140 | >(({ className, ...props }, ref) => (
141 |   <SelectPrimitive.Separator
142 |     ref={ref}
143 |     className={cn("-mx-1 my-1 h-px bg-muted", className)}
144 |     {...props}
145 |   />
146 | ))
147 | SelectSeparator.displayName = SelectPrimitive.Separator.displayName
148 | 
149 | export {
150 |   Select,
151 |   SelectGroup,
152 |   SelectValue,
153 |   SelectTrigger,
154 |   SelectContent,
155 |   SelectLabel,
156 |   SelectItem,
157 |   SelectSeparator,
158 |   SelectScrollUpButton,
159 |   SelectScrollDownButton,
160 | }
161 |

--------------------------------------------------------------------------------
/src/components/footer.tsx:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import Link from "next/link";
  3 | import { Github } from "lucide-react";
  4 | 
  5 | const Footer = () => {
  6 |   return (
  7 |     <footer className="border-gray-900- bg-black py-12 text-foreground text-white">
  8 |       <div className="container grid max-w-7xl grid-cols-1 gap-12 px-4 md:grid-cols-3 md:px-6">
  9 |         <div className="flex flex-col gap-4">
 10 |           <Link href="/" className="flex items-center gap-2" prefetch={false}>
 11 |             <img src="/logo.svg" className="h-8 w-8" />
 12 |             <span className="text-xl font-semibold">anonGPT</span>
 13 |           </Link>
 14 |           <p className="text-gray-300">
 15 |             Unlock fast and accurate information retrieval with anonGPT—no more
 16 |             endless searching. Just the essentials delivered instantly,
 17 |             providing you with concise and relevant data at your fingertips.
 18 |           </p>
 19 |         </div>
 20 |         <div className="grid grid-cols-2 gap-8">
 21 |           <div className="grid gap-2">
 22 |             <h4 className="text-lg font-semibold">Quick Links</h4>
 23 |             <Link
 24 |               href="/home"
 25 |               className="text-gray-300 hover:underline"
 26 |               prefetch={false}
 27 |             >
 28 |               Home
 29 |             </Link>
 30 |             <Link
 31 |               href="/discover"
 32 |               className="text-gray-300 hover:underline"
 33 |               prefetch={false}
 34 |             >
 35 |               Discover
 36 |             </Link>
 37 |             <Link
 38 |               href="mailto:ronitrajofficial7@gmail.com"
 39 |               className="text-gray-300 hover:underline"
 40 |               prefetch={false}
 41 |             >
 42 |               Contact
 43 |             </Link>
 44 |           </div>
 45 |           <div className="grid gap-2">
 46 |             <h4 className="text-lg font-semibold">Resources</h4>
 47 |             <Link
 48 |               href="https://ronitt.xyz/blog"
 49 |               className="text-gray-300 hover:underline"
 50 |               prefetch={false}
 51 |             >
 52 |               Blog
 53 |             </Link>
 54 |             <Link
 55 |               href="mailto:ronitrajofficial7@gmail.com"
 56 |               className="text-gray-300 hover:underline"
 57 |               prefetch={false}
 58 |             >
 59 |               FAQ
 60 |             </Link>
 61 |             <Link
 62 |               href="/privacy"
 63 |               className="text-gray-300 hover:underline"
 64 |               prefetch={false}
 65 |             >
 66 |               Privacy Policy
 67 |             </Link>
 68 |           </div>
 69 |         </div>
 70 |         <div className="flex flex-col gap-4">
 71 |           <h4 className="text-lg font-semibold">Follow Us</h4>
 72 |           <div className="flex gap-4">
 73 |             <Link
 74 |               href="https://github.com/ronitrajfr/anonGPT"
 75 |               className="text-gray-300 hover:text-gray-200"
 76 |               prefetch={false}
 77 |             >
 78 |               <Github className="h-6 w-6" />
 79 |             </Link>
 80 |             <Link
 81 |               href="https://twitter.com/ronitrajfr"
 82 |               className="text-gray-300 hover:text-gray-200"
 83 |               prefetch={false}
 84 |             >
 85 |               <TwitterIcon className="h-6 w-6" />
 86 |             </Link>
 87 |             <Link
 88 |               href="https://www.linkedin.com/in/ronit-raj-5a80b62b4/"
 89 |               className="text-gray-300 hover:text-gray-200"
 90 |               prefetch={false}
 91 |             >
 92 |               <LinkedinIcon className="h-6 w-6" />
 93 |             </Link>
 94 |           </div>
 95 |         </div>
 96 |       </div>
 97 |       <div className="container mt-12 max-w-7xl px-4 md:px-6">
 98 |         <div className="flex items-center justify-between text-xs text-gray-300">
 99 |           <p>© 2024 anonGPT. All rights reserved.</p>
100 |           <p>
101 |             Made with <span className="text-red-500">❤</span> by {""}
102 |             <Link
103 |               href="https://ronitt.xyz"
104 |               className="underline"
105 |               prefetch={false}
106 |             >
107 |               ronitt.xyz
108 |             </Link>
109 |           </p>
110 |         </div>
111 |       </div>
112 |     </footer>
113 |   );
114 | };
115 | function FacebookIcon(props) {
116 |   return (
117 |     <svg
118 |       {...props}
119 |       xmlns="http://www.w3.org/2000/svg"
120 |       width="24"
121 |       height="24"
122 |       viewBox="0 0 24 24"
123 |       fill="none"
124 |       stroke="currentColor"
125 |       strokeWidth="2"
126 |       strokeLinecap="round"
127 |       strokeLinejoin="round"
128 |     >
129 |       <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
130 |     </svg>
131 |   );
132 | }
133 | 
134 | function InstagramIcon(props) {
135 |   return (
136 |     <svg
137 |       {...props}
138 |       xmlns="http://www.w3.org/2000/svg"
139 |       width="24"
140 |       height="24"
141 |       viewBox="0 0 24 24"
142 |       fill="none"
143 |       stroke="currentColor"
144 |       strokeWidth="2"
145 |       strokeLinecap="round"
146 |       strokeLinejoin="round"
147 |     >
148 |       <rect width="20" height="20" x="2" y="2" rx="5" ry="5" />
149 |       <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
150 |       <line x1="17.5" x2="17.51" y1="6.5" y2="6.5" />
151 |     </svg>
152 |   );
153 | }
154 | 
155 | function LinkedinIcon(props) {
156 |   return (
157 |     <svg
158 |       {...props}
159 |       xmlns="http://www.w3.org/2000/svg"
160 |       width="24"
161 |       height="24"
162 |       viewBox="0 0 24 24"
163 |       fill="none"
164 |       stroke="currentColor"
165 |       strokeWidth="2"
166 |       strokeLinecap="round"
167 |       strokeLinejoin="round"
168 |     >
169 |       <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
170 |       <rect width="4" height="12" x="2" y="9" />
171 |       <circle cx="4" cy="4" r="2" />
172 |     </svg>
173 |   );
174 | }
175 | 
176 | function MountainIcon(props) {
177 |   return (
178 |     <svg
179 |       {...props}
180 |       xmlns="http://www.w3.org/2000/svg"
181 |       width="24"
182 |       height="24"
183 |       viewBox="0 0 24 24"
184 |       fill="none"
185 |       stroke="currentColor"
186 |       strokeWidth="2"
187 |       strokeLinecap="round"
188 |       strokeLinejoin="round"
189 |     >
190 |       <path d="m8 3 4 8 5-5 5 15H2L8 3z" />
191 |     </svg>
192 |   );
193 | }
194 | 
195 | function TwitterIcon(props) {
196 |   return (
197 |     <svg
198 |       {...props}
199 |       xmlns="http://www.w3.org/2000/svg"
200 |       width="24"
201 |       height="24"
202 |       viewBox="0 0 24 24"
203 |       fill="none"
204 |       stroke="currentColor"
205 |       strokeWidth="2"
206 |       strokeLinecap="round"
207 |       strokeLinejoin="round"
208 |     >
209 |       <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z" />
210 |     </svg>
211 |   );
212 | }
213 | export default Footer;
214 |

--------------------------------------------------------------------------------
/src/components/landing.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import NavbarLanding from "./landingnav";
  3 | import Link from "next/link";
  4 | import { useSession, signIn } from "next-auth/react";
  5 | import { useRouter } from "next/navigation";
  6 | import Footer from "./footer";
  7 | 
  8 | const Main = () => {
  9 |   const router = useRouter();
 10 |   const { data, status } = useSession();
 11 |   async function handleClick() {
 12 |     if (status === "unauthenticated") {
 13 |       await signIn("google", { callbackUrl: "/home" });
 14 |     } else {
 15 |       router.push("/home");
 16 |     }
 17 |   }
 18 |   return (
 19 |     <div
 20 |       className="z-0 min-h-screen w-[100%]"
 21 |       style={{
 22 |         backgroundImage: "url(/herobg.svg)",
 23 |         backgroundSize: "cover",
 24 |         backgroundPosition: "center",
 25 |       }}
 26 |     >
 27 |       <NavbarLanding />
 28 |       <div className="flex min-h-dvh flex-col bg-none text-white">
 29 |         <section className="w-full pt-24 md:pt-24 lg:pt-32">
 30 |           <div className="container space-y-10 xl:space-y-16">
 31 |             <div className="grid gap-4 px-10 md:grid-cols-2 md:gap-16">
 32 |               <div>
 33 |                 <h1 className="lg:leading-tighter flex flex-wrap text-5xl font-bold tracking-tighter text-gray-200 max-sm:text-4xl md:text-6xl xl:text-7xl 2xl:text-8xl">
 34 |                   Unlock the Power of Our Platform
 35 |                 </h1>
 36 |                 <p className="mx-auto max-w-[700px] text-gray-400 md:text-xl lg:text-2xl">
 37 |                   Unlock fast, accurate information retrieval with our
 38 |                   open-source AI—no more endless searching, just the essentials
 39 |                   delivered instantly.
 40 |                 </p>
 41 |                 <div className="mt-6 flex flex-wrap space-x-4">
 42 |                   <button
 43 |                     onClick={handleClick}
 44 |                     className="inline-flex h-10 cursor-pointer items-center justify-center rounded-md bg-primary px-8 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
 45 |                   >
 46 |                     Get Started
 47 |                   </button>
 48 |                 </div>
 49 |               </div>
 50 |               <div className="flex justify-center">
 51 |                 <img
 52 |                   src="/robot.jpg"
 53 |                   width="550"
 54 |                   height="550"
 55 |                   alt="Hero"
 56 |                   className="mx-auto aspect-video overflow-hidden rounded-xl object-cover"
 57 |                 />
 58 |               </div>
 59 |             </div>
 60 |           </div>
 61 |         </section>
 62 |         <section className="w-full py-12 md:py-24 lg:py-32">
 63 |           <div className="space-y-12 px-4 md:px-6">
 64 |             <div className="flex flex-col items-center justify-center space-y-4 text-center">
 65 |               <div className="space-y-2">
 66 |                 <h2 className="text-3xl font-bold tracking-tighter sm:text-5xl">
 67 |                   Enhance your time
 68 |                 </h2>
 69 |                 <p className="max-w-[900px] text-gray-300 md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed">
 70 |                   Our platform offers a suite of powerful features to help you
 71 |                   work smarter, not harder.
 72 |                 </p>
 73 |               </div>
 74 |             </div>
 75 |             <div className="mx-auto grid items-start gap-8 sm:max-w-4xl sm:grid-cols-2 md:gap-12 lg:max-w-5xl lg:grid-cols-3">
 76 |               <div className="grid gap-4">
 77 |                 <div className="flex items-center gap-4">
 78 |                   <div className="rounded-full bg-primary p-3 text-primary-foreground">
 79 |                     <BotIcon className="h-6 w-6" />
 80 |                   </div>
 81 |                   <h3 className="text-xl font-bold">Artificial Intelligence</h3>
 82 |                 </div>
 83 |                 <p className="text-gray-300">
 84 |                   Experience the power of cutting-edge AI technology that
 85 |                   understands your needs and delivers the most relevant
 86 |                   information. Our open-source solution harnesses advanced
 87 |                   algorithms to ensure you're always in the know with
 88 |                   minimal effort.
 89 |                 </p>
 90 |               </div>
 91 |               <div className="grid gap-4">
 92 |                 <div className="flex items-center gap-4">
 93 |                   <div className="rounded-full bg-primary p-3 text-primary-foreground">
 94 |                     <CombineIcon className="h-6 w-6" />
 95 |                   </div>
 96 |                   <h3 className="text-xl font-bold">Faster</h3>
 97 |                 </div>
 98 |                 <p className="text-gray-300">
 99 |                   {" "}
100 |                   Say goodbye to waiting and endless scrolling. Our app is
101 |                   designed for lightning-fast information retrieval, giving you
102 |                   what you need in a fraction of the time. Speed up your search
103 |                   and focus on what truly matters.
104 |                 </p>
105 |               </div>
106 |               <div className="grid gap-4">
107 |                 <div className="flex items-center gap-4">
108 |                   <div className="rounded-full bg-primary p-3 text-gray-300">
109 |                     <ScalingIcon className="h-6 w-6" />
110 |                   </div>
111 |                   <h3 className="text-xl font-bold">Accuracy</h3>
112 |                 </div>
113 |                 <p className="text-gray-300">
114 |                   Accuracy is key. Our AI-driven platform ensures you receive
115 |                   only the most pertinent information, cutting through the noise
116 |                   to deliver precise and trustworthy answers every time you
117 |                   search.
118 |                 </p>
119 |               </div>
120 |             </div>
121 |           </div>
122 |         </section>
123 |       </div>
124 |       <Footer></Footer>
125 |     </div>
126 |   );
127 | };
128 | 
129 | function BotIcon(props) {
130 |   return (
131 |     <svg
132 |       {...props}
133 |       xmlns="http://www.w3.org/2000/svg"
134 |       width="24"
135 |       height="24"
136 |       viewBox="0 0 24 24"
137 |       fill="none"
138 |       stroke="currentColor"
139 |       strokeWidth="2"
140 |       strokeLinecap="round"
141 |       strokeLinejoin="round"
142 |     >
143 |       <path d="M12 8V4H8" />
144 |       <rect width="16" height="12" x="4" y="8" rx="2" />
145 |       <path d="M2 14h2" />
146 |       <path d="M20 14h2" />
147 |       <path d="M15 13v2" />
148 |       <path d="M9 13v2" />
149 |     </svg>
150 |   );
151 | }
152 | 
153 | function CombineIcon(props) {
154 |   return (
155 |     <svg
156 |       {...props}
157 |       xmlns="http://www.w3.org/2000/svg"
158 |       width="24"
159 |       height="24"
160 |       viewBox="0 0 24 24"
161 |       fill="none"
162 |       stroke="currentColor"
163 |       strokeWidth="2"
164 |       strokeLinecap="round"
165 |       strokeLinejoin="round"
166 |     >
167 |       <rect width="8" height="8" x="2" y="2" rx="2" />
168 |       <path d="M14 2c1.1 0 2 .9 2 2v4c0 1.1-.9 2-2 2" />
169 |       <path d="M20 2c1.1 0 2 .9 2 2v4c0 1.1-.9 2-2 2" />
170 |       <path d="M10 18H5c-1.7 0-3-1.3-3-3v-1" />
171 |       <polyline points="7 21 10 18 7 15" />
172 |       <rect width="8" height="8" x="14" y="14" rx="2" />
173 |     </svg>
174 |   );
175 | }
176 | 
177 | function ScalingIcon(props) {
178 |   return (
179 |     <svg
180 |       {...props}
181 |       xmlns="http://www.w3.org/2000/svg"
182 |       width="24"
183 |       height="24"
184 |       viewBox="0 0 24 24"
185 |       fill="none"
186 |       stroke="currentColor"
187 |       strokeWidth="2"
188 |       strokeLinecap="round"
189 |       strokeLinejoin="round"
190 |     >
191 |       <path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
192 |       <path d="M14 15H9v-5" />
193 |       <path d="M16 3h5v5" />
194 |       <path d="M21 3 9 15" />
195 |     </svg>
196 |   );
197 | }
198 | 
199 | export default Main;
200 |

--------------------------------------------------------------------------------