Spaces:

bradduy
/

edtechdemo

Sleeping

App Files Files Community

bradduy commited on Feb 12, 2025

Commit

935a32d

2 Parent(s): f210a48 a9ff6a3

Merge remote-tracking branch 'upstream/feat/login'

Browse files

Files changed (17) hide show

src/app/(auth)/layout.tsx +0 -2
src/app/(auth)/sign-in/page.tsx +0 -1
src/app/(auth)/sign-up/page.tsx +14 -0
src/app/layout.tsx +3 -3
src/app/page.tsx +6 -50
src/components/Navbar.tsx +1 -0
src/components/Sponsors.tsx +0 -115
src/components/atoms/Badge/index.tsx +0 -1
src/components/atoms/Button/index.tsx +1 -1
src/components/atoms/Card/index.tsx +0 -1
src/components/atoms/Input/index.tsx +0 -1
src/components/atoms/index.ts +1 -1
src/components/homepage/AnnouncementBanner.tsx +0 -1
src/components/homepage/CustomizationSection.tsx +0 -1
src/components/homepage/FeatureSection.tsx +0 -1
src/utils/AppConfig.ts +1 -1
src/utils/Helpers.ts +2 -0

src/app/(auth)/layout.tsx CHANGED Viewed

@@ -1,5 +1,3 @@
-/* eslint import/newline-after-import: "off" */
 import { ClerkProvider } from '@clerk/nextjs';
 import { setRequestLocale } from 'next-intl/server';




1	import { ClerkProvider } from '@clerk/nextjs';
2	import { setRequestLocale } from 'next-intl/server';
3

src/app/(auth)/sign-in/page.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-/* eslint import/newline-after-import: "off" */
 import { SignIn } from '@clerk/nextjs';
 type ISignInPageProps = {



1	import { SignIn } from '@clerk/nextjs';
2
3	type ISignInPageProps = {

src/app/(auth)/sign-up/page.tsx ADDED Viewed

	@@ -0,0 +1,14 @@

+import { SignUp } from '@clerk/nextjs';
+type ISignUpPageProps = {
+  params: Promise<{ locale: string }>;
+};
+export default async function SignUpPage(_props: ISignUpPageProps) {
+  return (
+    <SignUp
+      path="/sign-up"
+      signInUrl="/sign-in"
+    />
+  );
+};

src/app/layout.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
-/* eslint import/newline-after-import: "off" */
 import type { Metadata } from 'next';
 import { Navbar } from '@/components/Navbar';
 import { Inter, Outfit } from 'next/font/google';
 import '../styles/global.css';
@@ -16,7 +16,7 @@ const outfit = Outfit({
 });
 export const metadata: Metadata = {
-  title: 'Jan AI Clone',
   description: 'A clone of Jan.ai built with Next.js and Tailwind CSS',
 };
@@ -27,7 +27,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <body className={`${inter.variable} ${outfit.variable} font-sans antialiased`}>
         <Navbar />
         {children}
       </body>

 import type { Metadata } from 'next';
 import { Navbar } from '@/components/Navbar';
+import { isDevMode } from '@/utils/Helpers';
 import { Inter, Outfit } from 'next/font/google';
 import '../styles/global.css';
 });
 export const metadata: Metadata = {
+  title: 'X-App',
   description: 'A clone of Jan.ai built with Next.js and Tailwind CSS',
 };
 }) {
   return (
     <html lang="en" suppressHydrationWarning>
+      <body className={`${inter.variable} ${outfit.variable} font-sans antialiased`} suppressHydrationWarning={isDevMode}>
         <Navbar />
         {children}
       </body>

src/app/page.tsx CHANGED Viewed

@@ -1,58 +1,14 @@
-/* eslint import/newline-after-import: "off" */
-import { Badge, Button } from '@/components/atoms';
-import { ChevronDown, Download } from 'lucide-react';
-import Image from 'next/image';
 export default function Home() {
   return (
     <main className="flex min-h-screen flex-col">
       <div className="flex-1 space-y-16 pb-8 pt-20 md:pb-12 md:pt-24 lg:py-32">
-        <div className="container flex flex-col items-center gap-4 text-center">
-          <Badge className="rounded-lg" variant="secondary">
-            NEW
-            {' '}
-            <span className="mx-1">+</span>
-            {' '}
-            v0.5.14 is now live on GitHub. Check it out!
-          </Badge>
-          <span className="text-4xl">❝</span>
-          <h1 className="font-heading text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
-            Chat with AI
-            <br />
-            without privacy concerns
-          </h1>
-          <p className="max-w-2xl leading-normal text-muted-foreground sm:text-xl sm:leading-8">
-            Jan is an open source ChatGPT-alternative that runs 100% offline.
-          </p>
-          <div className="space-y-4">
-            <Button className="h-11 px-8" size="lg">
-              <Download className="mr-2 size-4" />
-              Download for Windows
-              <ChevronDown className="ml-2 size-4" />
-            </Button>
-            <p className="text-xs text-muted-foreground">
-              <span className="font-semibold text-yellow-500">2.5M+</span>
-              {' '}
-              downloads | Free & Open Source
-            </p>
-          </div>
-        </div>
-        <div className="container">
-          <div className="relative mx-auto aspect-video max-w-5xl overflow-hidden rounded-xl border bg-background shadow-xl">
-            <Image
-              src="https://sjc.microlink.io/-ax0tIqUfnMYpO1Y6sFNuRcGN_Oe6cQwpzrnQR5q5pzkpfA29UGKZ228lDnpeQCpNANORBcNBmQgFoOtLn18vw.jpeg"
-              alt="Jan AI Interface"
-              fill
-              className="object-cover"
-              priority
-            />
-          </div>
-        </div>
       </div>
     </main>
   );

+import { AnnouncementBanner } from '@/components/homepage/AnnouncementBanner';
+import { CustomizationSection } from '@/components/homepage/CustomizationSection';
+import { FeaturesSection } from '@/components/homepage/FeatureSection';
 export default function Home() {
   return (
     <main className="flex min-h-screen flex-col">
       <div className="flex-1 space-y-16 pb-8 pt-20 md:pb-12 md:pt-24 lg:py-32">
+        <AnnouncementBanner />
+        <FeaturesSection />
+        <CustomizationSection />
       </div>
     </main>
   );

src/components/Navbar.tsx CHANGED Viewed

@@ -1,3 +1,4 @@
 import { Button, Input } from '@/components/atoms';
 import { Search, Settings } from 'lucide-react';
 import Link from 'next/link';

+'use client';
 import { Button, Input } from '@/components/atoms';
 import { Search, Settings } from 'lucide-react';
 import Link from 'next/link';

src/components/Sponsors.tsx DELETED Viewed

@@ -1,115 +0,0 @@
-/* eslint-disable react-dom/no-unsafe-target-blank */
-import Image from 'next/image';
-export const Sponsors = () => (
-  <table className="border-collapse">
-    <tbody>
-      <tr className="h-56">
-        <td className="border-2 border-gray-300 p-3">
-          <a
-            href="https://clerk.com?utm_source=github&utm_medium=sponsorship&utm_campaign=nextjs-boilerplate"
-            target="_blank"
-            rel="noopener"
-          >
-            <Image
-              src="/assets/images/clerk-logo-dark.png"
-              alt="Clerk – Authentication & User Management for Next.js"
-              width={260}
-              height={224}
-            />
-          </a>
-        </td>
-        <td className="border-2 border-gray-300 p-3">
-          <a href="https://l.crowdin.com/next-js" target="_blank" rel="noopener">
-            <Image
-              src="/assets/images/crowdin-dark.png"
-              alt="Crowdin"
-              width={260}
-              height={224}
-            />
-          </a>
-        </td>
-        <td className="border-2 border-gray-300 p-3">
-          <a
-            href="https://sentry.io/for/nextjs/?utm_source=github&utm_medium=paid-community&utm_campaign=general-fy25q1-nextjs&utm_content=github-banner-nextjsboilerplate-logo"
-            target="_blank"
-            rel="noopener"
-          >
-            <Image
-              src="/assets/images/sentry-dark.png"
-              alt="Sentry"
-              width={260}
-              height={224}
-            />
-          </a>
-        </td>
-      </tr>
-      <tr className="h-56">
-        <td className="border-2 border-gray-300 p-3">
-          <a href="https://launch.arcjet.com/Q6eLbRE">
-            <Image
-              src="/assets/images/arcjet-light.svg"
-              alt="Arcjet"
-              width={260}
-              height={224}
-            />
-          </a>
-        </td>
-        <td className="border-2 border-gray-300 p-3">
-          <a
-            href="https://posthog.com/?utm_source=github&utm_medium=sponsorship&utm_campaign=next-js-boilerplate"
-            target="_blank"
-            rel="noopener"
-          >
-            <Image
-              src="https://posthog.com/brand/posthog-logo.svg"
-              alt="PostHog"
-              width={260}
-              height={224}
-            />
-          </a>
-        </td>
-        <td className="border-2 border-gray-300 p-3">
-          <a
-            href="https://betterstack.com/?utm_source=github&utm_medium=sponsorship&utm_campaign=next-js-boilerplate"
-            target="_blank"
-            rel="noopener"
-          >
-            <Image
-              src="/assets/images/better-stack-dark.png"
-              alt="Better Stack"
-              width={260}
-              height={224}
-            />
-          </a>
-        </td>
-      </tr>
-      <tr className="h-56">
-        <td className="border-2 border-gray-300 p-3">
-          <a
-            href="https://www.checklyhq.com/?utm_source=github&utm_medium=sponsorship&utm_campaign=next-js-boilerplate"
-            target="_blank"
-            rel="noopener"
-          >
-            <Image
-              src="/assets/images/checkly-logo-light.png"
-              alt="Checkly"
-              width={260}
-              height={224}
-            />
-          </a>
-        </td>
-        <td className="border-2 border-gray-300 p-3">
-          <a href="https://nextjs-boilerplate.com/pro-saas-starter-kit">
-            <Image
-              src="/assets/images/nextjs-boilerplate-saas.png"
-              alt="Next.js SaaS Boilerplate"
-              width={260}
-              height={224}
-            />
-          </a>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-);

src/components/atoms/Badge/index.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-/* eslint import/newline-after-import: "off" */
 import type * as React from 'react';
 import { cn } from '@/utils/Helpers';
 import { cva, type VariantProps } from 'class-variance-authority';

 import type * as React from 'react';
 import { cn } from '@/utils/Helpers';
 import { cva, type VariantProps } from 'class-variance-authority';

src/components/atoms/Button/index.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-/* eslint import/newline-after-import: "off" */
 import { cn } from '@/utils/Helpers';
 import { cva, type VariantProps } from 'class-variance-authority';
 import { type ButtonHTMLAttributes, type FC, memo, type PropsWithChildren, type Ref } from 'react';

+/* eslint-disable react-refresh/only-export-components */
 import { cn } from '@/utils/Helpers';
 import { cva, type VariantProps } from 'class-variance-authority';
 import { type ButtonHTMLAttributes, type FC, memo, type PropsWithChildren, type Ref } from 'react';

src/components/atoms/Card/index.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-/* eslint import/newline-after-import: "off" */
 import { cn } from '@/utils/Helpers';
 import * as React from 'react';



1	import { cn } from '@/utils/Helpers';
2	import * as React from 'react';
3

src/components/atoms/Input/index.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-/* eslint import/newline-after-import: "off" */
 import { cn } from '@/utils/Helpers';
 import { type FC, type InputHTMLAttributes, memo, type Ref } from 'react';



1	import { cn } from '@/utils/Helpers';
2	import { type FC, type InputHTMLAttributes, memo, type Ref } from 'react';
3

src/components/atoms/index.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 export { Badge } from './Badge';
 export { Button } from './Button';
-export { Card } from './Card';
 export { Input } from './Input';

 export { Badge } from './Badge';
 export { Button } from './Button';
+export * from './Card';
 export { Input } from './Input';

src/components/homepage/AnnouncementBanner.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-/* eslint import/newline-after-import: "off" */
 import { Badge, Button } from '@/components/atoms';
 import { ChevronDown, Download } from 'lucide-react';
 import Image from 'next/image';

 import { Badge, Button } from '@/components/atoms';
 import { ChevronDown, Download } from 'lucide-react';
 import Image from 'next/image';

src/components/homepage/CustomizationSection.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-/* eslint import/newline-after-import: "off" */
 import { Badge, Card } from '@/components/atoms';
 import Image from 'next/image';



1	import { Badge, Card } from '@/components/atoms';
2	import Image from 'next/image';
3

src/components/homepage/FeatureSection.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-/* eslint import/newline-after-import: "off" */
 import { Badge } from '@/components/atoms';
 import { Cloud, FileText, Grid, MessageCircle, Server } from 'lucide-react';
 import Image from 'next/image';

 import { Badge } from '@/components/atoms';
 import { Cloud, FileText, Grid, MessageCircle, Server } from 'lucide-react';
 import Image from 'next/image';

src/utils/AppConfig.ts CHANGED Viewed

@@ -5,7 +5,7 @@ const localePrefix: LocalePrefixMode = 'as-needed';
 // FIXME: Update this configuration file based on your project information
 export const AppConfig = {
   name: 'Nextjs Starter',
-  locales: ['en', 'fr'],
   defaultLocale: 'en',
   localePrefix,
 };

 // FIXME: Update this configuration file based on your project information
 export const AppConfig = {
   name: 'Nextjs Starter',
+  locales: ['en', 'fr', 'vi'],
   defaultLocale: 'en',
   localePrefix,
 };

src/utils/Helpers.ts CHANGED Viewed

@@ -32,3 +32,5 @@ export const getI18nPath = (url: string, locale: string) => {
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }

 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
+export const isDevMode = process.env.NODE_ENV !== 'production';