diff --git a/app/globals.css b/app/globals.css index e3734be..dc19cef 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,42 +1,42 @@ :root { - --background: #ffffff; - --foreground: #171717; + --background: #ffffff; + --foreground: #171717; } @media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } + :root { + --background: #0a0a0a; + --foreground: #ededed; + } } html, body { - max-width: 100vw; - overflow-x: hidden; + max-width: 100vw; + overflow-x: hidden; } body { - color: var(--foreground); - background: var(--background); - font-family: Arial, Helvetica, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + color: var(--foreground); + background: var(--background); + font-family: Arial, Helvetica, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } * { - box-sizing: border-box; - padding: 0; - margin: 0; + box-sizing: border-box; + padding: 0; + margin: 0; } a { - color: inherit; - text-decoration: none; + color: inherit; + text-decoration: none; } @media (prefers-color-scheme: dark) { - html { - color-scheme: dark; - } + html { + color-scheme: dark; + } } diff --git a/app/layout.tsx b/app/layout.tsx index 42fc323..742d4a9 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -3,30 +3,30 @@ import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], + variable: "--font-geist-sans", + subsets: ["latin"], }); const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], + variable: "--font-geist-mono", + subsets: ["latin"], }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "Create Next App", + description: "Generated by create next app", }; export default function RootLayout({ - children, + children, }: Readonly<{ - children: React.ReactNode; + children: React.ReactNode; }>) { - return ( - - - {children} - - - ); + return ( + + + {children} + + + ); } diff --git a/app/page.module.css b/app/page.module.css index ee9b8e6..eac7f4a 100644 --- a/app/page.module.css +++ b/app/page.module.css @@ -1,168 +1,168 @@ .page { - --gray-rgb: 0, 0, 0; - --gray-alpha-200: rgba(var(--gray-rgb), 0.08); - --gray-alpha-100: rgba(var(--gray-rgb), 0.05); + --gray-rgb: 0, 0, 0; + --gray-alpha-200: rgba(var(--gray-rgb), 0.08); + --gray-alpha-100: rgba(var(--gray-rgb), 0.05); - --button-primary-hover: #383838; - --button-secondary-hover: #f2f2f2; + --button-primary-hover: #383838; + --button-secondary-hover: #f2f2f2; - display: grid; - grid-template-rows: 20px 1fr 20px; - align-items: center; - justify-items: center; - min-height: 100svh; - padding: 80px; - gap: 64px; - font-family: var(--font-geist-sans); + display: grid; + grid-template-rows: 20px 1fr 20px; + align-items: center; + justify-items: center; + min-height: 100svh; + padding: 80px; + gap: 64px; + font-family: var(--font-geist-sans); } @media (prefers-color-scheme: dark) { - .page { - --gray-rgb: 255, 255, 255; - --gray-alpha-200: rgba(var(--gray-rgb), 0.145); - --gray-alpha-100: rgba(var(--gray-rgb), 0.06); + .page { + --gray-rgb: 255, 255, 255; + --gray-alpha-200: rgba(var(--gray-rgb), 0.145); + --gray-alpha-100: rgba(var(--gray-rgb), 0.06); - --button-primary-hover: #ccc; - --button-secondary-hover: #1a1a1a; - } + --button-primary-hover: #ccc; + --button-secondary-hover: #1a1a1a; + } } .main { - display: flex; - flex-direction: column; - gap: 32px; - grid-row-start: 2; + display: flex; + flex-direction: column; + gap: 32px; + grid-row-start: 2; } .main ol { - font-family: var(--font-geist-mono); - padding-left: 0; - margin: 0; - font-size: 14px; - line-height: 24px; - letter-spacing: -0.01em; - list-style-position: inside; + font-family: var(--font-geist-mono); + padding-left: 0; + margin: 0; + font-size: 14px; + line-height: 24px; + letter-spacing: -0.01em; + list-style-position: inside; } .main li:not(:last-of-type) { - margin-bottom: 8px; + margin-bottom: 8px; } .main code { - font-family: inherit; - background: var(--gray-alpha-100); - padding: 2px 4px; - border-radius: 4px; - font-weight: 600; + font-family: inherit; + background: var(--gray-alpha-100); + padding: 2px 4px; + border-radius: 4px; + font-weight: 600; } .ctas { - display: flex; - gap: 16px; + display: flex; + gap: 16px; } .ctas a { - appearance: none; - border-radius: 128px; - height: 48px; - padding: 0 20px; - border: none; - border: 1px solid transparent; - transition: - background 0.2s, - color 0.2s, - border-color 0.2s; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - font-size: 16px; - line-height: 20px; - font-weight: 500; + appearance: none; + border-radius: 128px; + height: 48px; + padding: 0 20px; + border: none; + border: 1px solid transparent; + transition: + background 0.2s, + color 0.2s, + border-color 0.2s; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + line-height: 20px; + font-weight: 500; } a.primary { - background: var(--foreground); - color: var(--background); - gap: 8px; + background: var(--foreground); + color: var(--background); + gap: 8px; } a.secondary { - border-color: var(--gray-alpha-200); - min-width: 180px; + border-color: var(--gray-alpha-200); + min-width: 180px; } .footer { - grid-row-start: 3; - display: flex; - gap: 24px; + grid-row-start: 3; + display: flex; + gap: 24px; } .footer a { - display: flex; - align-items: center; - gap: 8px; + display: flex; + align-items: center; + gap: 8px; } .footer img { - flex-shrink: 0; + flex-shrink: 0; } /* Enable hover only on non-touch devices */ @media (hover: hover) and (pointer: fine) { - a.primary:hover { - background: var(--button-primary-hover); - border-color: transparent; - } + a.primary:hover { + background: var(--button-primary-hover); + border-color: transparent; + } - a.secondary:hover { - background: var(--button-secondary-hover); - border-color: transparent; - } + a.secondary:hover { + background: var(--button-secondary-hover); + border-color: transparent; + } - .footer a:hover { - text-decoration: underline; - text-underline-offset: 4px; - } + .footer a:hover { + text-decoration: underline; + text-underline-offset: 4px; + } } @media (max-width: 600px) { - .page { - padding: 32px; - padding-bottom: 80px; - } + .page { + padding: 32px; + padding-bottom: 80px; + } - .main { - align-items: center; - } + .main { + align-items: center; + } - .main ol { - text-align: center; - } + .main ol { + text-align: center; + } - .ctas { - flex-direction: column; - } + .ctas { + flex-direction: column; + } - .ctas a { - font-size: 14px; - height: 40px; - padding: 0 16px; - } + .ctas a { + font-size: 14px; + height: 40px; + padding: 0 16px; + } - a.secondary { - min-width: auto; - } + a.secondary { + min-width: auto; + } - .footer { - flex-wrap: wrap; - align-items: center; - justify-content: center; - } + .footer { + flex-wrap: wrap; + align-items: center; + justify-content: center; + } } @media (prefers-color-scheme: dark) { - .logo { - filter: invert(); - } + .logo { + filter: invert(); + } } diff --git a/app/page.tsx b/app/page.tsx index 52bd15e..2a23a39 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -2,94 +2,94 @@ import Image from "next/image"; import styles from "./page.module.css"; export default function Home() { - return ( -
-
- Next.js logo -
    -
  1. - Get started by editing app/page.tsx. -
    2. -
  2. Save and see your changes instantly.
    3. -
+ return ( +
+
+ Next.js logo +
    +
  1. + Get started by editing app/page.tsx. +
    2. +
  2. Save and see your changes instantly.
    3. +
-
- - Vercel logomark - Deploy now - - - Read our docs - -
-
- -
- ); +
+ + Vercel logomark + Deploy now + + + Read our docs + +
+
+ +
+ ); } diff --git a/next.config.ts b/next.config.ts index e9ffa30..7921f35 100644 --- a/next.config.ts +++ b/next.config.ts @@ -1,7 +1,7 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { - /* config options here */ + /* config options here */ }; export default nextConfig; diff --git a/package.json b/package.json index 4a6c1a6..4ff4c67 100644 --- a/package.json +++ b/package.json @@ -1,23 +1,23 @@ { - "name": "schedule-demo", - "version": "0.1.0", - "private": true, - "scripts": { - "dev": "next dev --turbopack", - "build": "next build", - "start": "next start", - "lint": "next lint" - }, - "dependencies": { - "react": "^19.0.0", - "react-dom": "^19.0.0", - "next": "15.1.7" - }, - "devDependencies": { - "typescript": "^5", - "@types/node": "^20", - "@types/react": "^19", - "@types/react-dom": "^19" - }, - "packageManager": "pnpm@8.6.12+sha1.a2f983fbf8f2531dc85db2a5d7f398063d51a6f3" + "name": "schedule-demo", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev --turbopack", + "build": "next build", + "start": "next start", + "lint": "next lint" + }, + "dependencies": { + "react": "^19.0.0", + "react-dom": "^19.0.0", + "next": "15.1.7" + }, + "devDependencies": { + "typescript": "^5", + "@types/node": "^20", + "@types/react": "^19", + "@types/react-dom": "^19" + }, + "packageManager": "pnpm@8.6.12+sha1.a2f983fbf8f2531dc85db2a5d7f398063d51a6f3" } diff --git a/tsconfig.json b/tsconfig.json index d8b9323..96f8e1b 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,27 +1,27 @@ { - "compilerOptions": { - "target": "ES2017", - "lib": ["dom", "dom.iterable", "esnext"], - "allowJs": true, - "skipLibCheck": true, - "strict": true, - "noEmit": true, - "esModuleInterop": true, - "module": "esnext", - "moduleResolution": "bundler", - "resolveJsonModule": true, - "isolatedModules": true, - "jsx": "preserve", - "incremental": true, - "plugins": [ - { - "name": "next" - } - ], - "paths": { - "@/*": ["./*"] - } - }, - "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], - "exclude": ["node_modules"] + "compilerOptions": { + "target": "ES2017", + "lib": ["dom", "dom.iterable", "esnext"], + "allowJs": true, + "skipLibCheck": true, + "strict": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "bundler", + "resolveJsonModule": true, + "isolatedModules": true, + "jsx": "preserve", + "incremental": true, + "plugins": [ + { + "name": "next" + } + ], + "paths": { + "@/*": ["./*"] + } + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], + "exclude": ["node_modules"] }