feat!: new page

TOP-FASHION · Feb 6, 2024 · c1f39d5 · c1f39d5
1 parent 78309fa
commit c1f39d5
Show file tree

Hide file tree

Showing 2 changed files with 120 additions and 0 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -2,6 +2,7 @@ import Head from 'next/head'
 import Image from 'next/image'
 import { Inter } from 'next/font/google'
 import styles from '@/styles/Home.module.css'
+import Link from "next/link";
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -15,6 +16,8 @@ export default function Home() {
         <link rel="icon" href="/favicon.ico" />
       </Head>
       <main className={`${styles.main} ${inter.className}`}>
+        Home page
+        <Link href="/other">Other</Link>
         <div className={styles.description}>
           <p>
             Get started by editing&nbsp;

diff --git a/src/pages/other.tsx b/src/pages/other.tsx
@@ -0,0 +1,117 @@
+import Head from 'next/head'
+import Image from 'next/image'
+import { Inter } from 'next/font/google'
+import styles from '@/styles/Home.module.css'
+import Link from "next/link";
+
+const inter = Inter({ subsets: ['latin'] })
+
+export default function Home() {
+    return (
+        <>
+            <Head>
+                <title>Create Next App</title>
+                <meta name="description" content="Generated by create next app" />
+                <meta name="viewport" content="width=device-width, initial-scale=1" />
+                <link rel="icon" href="/favicon.ico" />
+            </Head>
+            <main className={`${styles.main} ${inter.className}`}>
+                Other page
+                <Link href="/">Home</Link>
+                <div className={styles.description}>
+                    <p>
+                        Get started by editing&nbsp;
+                        <code className={styles.code}>src/pages/index.tsx</code>
+                    </p>
+                    <div>
+                        <a
+                            href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                        >
+                            By{' '}
+                            <Image
+                                src="/vercel.svg"
+                                alt="Vercel Logo"
+                                className={styles.vercelLogo}
+                                width={100}
+                                height={24}
+                                priority
+                            />
+                        </a>
+                    </div>
+                </div>
+                New version main
+                <div className={styles.center}>
+                    <Image
+                        className={styles.logo}
+                        src="/next.svg"
+                        alt="Next.js Logo"
+                        width={180}
+                        height={37}
+                        priority
+                    />
+                </div>
+
+                <div className={styles.grid}>
+                    <a
+                        href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+                        className={styles.card}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        <h2>
+                            Docs <span>-&gt;</span>
+                        </h2>
+                        <p>
+                            Find in-depth information about Next.js features and&nbsp;API.
+                        </p>
+                    </a>
+
+                    <a
+                        href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+                        className={styles.card}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        <h2>
+                            Learn <span>-&gt;</span>
+                        </h2>
+                        <p>
+                            Learn about Next.js in an interactive course with&nbsp;quizzes!
+                        </p>
+                    </a>
+
+                    <a
+                        href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+                        className={styles.card}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        <h2>
+                            Templates <span>-&gt;</span>
+                        </h2>
+                        <p>
+                            Discover and deploy boilerplate example Next.js&nbsp;projects.
+                        </p>
+                    </a>
+
+                    <a
+                        href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+                        className={styles.card}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        <h2>
+                            Deploy <span>-&gt;</span>
+                        </h2>
+                        <p>
+                            Instantly deploy your Next.js site to a shareable URL
+                            with&nbsp;Vercel.
+                        </p>
+                    </a>
+                </div>
+            </main>
+        </>
+    )
+}