{children}
+
+
+
+ {children}
+
+
+ 
+
+
+ );
+};
+
+export default SomeText;
diff --git a/src/lib/components/theme-provider.tsx b/src/lib/components/theme-provider.tsx
new file mode 100644
index 0000000..5b192cb
--- /dev/null
+++ b/src/lib/components/theme-provider.tsx
@@ -0,0 +1,8 @@
+'use client';
+
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
+import type { ThemeProviderProps } from 'next-themes/dist/types';
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+ return + nextarter-tailwind +
++ Next.js starter template with TailwindCSS and TypeScript setup +
+
+
+
+
+
+
+ );
+};
+
+export default Page404;
diff --git a/src/lib/pages/home/index.tsx b/src/lib/pages/home/index.tsx
new file mode 100644
index 0000000..bc6d865
--- /dev/null
+++ b/src/lib/pages/home/index.tsx
@@ -0,0 +1,15 @@
+import type { NextPage } from 'next';
+
+import CTASection from '@/lib/components/samples/CTASection';
+import SomeText from '@/lib/components/samples/SomeText';
+
+const Home: NextPage = () => {
+ return (
+
+
+
+ Page not Found
+It's Okay!
+
+
+
+
+
+ );
+};
+
+export default Home;
diff --git a/src/lib/styles/fonts.ts b/src/lib/styles/fonts.ts
new file mode 100644
index 0000000..02ea8b0
--- /dev/null
+++ b/src/lib/styles/fonts.ts
@@ -0,0 +1,14 @@
+import {
+ JetBrains_Mono as FontMono,
+ Plus_Jakarta_Sans as FontSans,
+} from 'next/font/google';
+
+export const fontSans = FontSans({
+ subsets: ['latin'],
+ variable: '--font-sans',
+});
+
+export const fontMono = FontMono({
+ subsets: ['latin'],
+ variable: '--font-mono',
+});
diff --git a/src/lib/styles/globals.css b/src/lib/styles/globals.css
new file mode 100644
index 0000000..ef65dc5
--- /dev/null
+++ b/src/lib/styles/globals.css
@@ -0,0 +1,105 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ h1 {
+ @apply text-4xl font-bold md:text-5xl;
+ }
+
+ h2 {
+ @apply text-3xl font-bold md:text-4xl;
+ }
+
+ h3 {
+ @apply text-2xl font-bold md:text-3xl;
+ }
+
+ h4 {
+ @apply text-xl font-bold;
+ }
+
+ h5 {
+ @apply text-lg font-bold;
+ }
+
+ .wrapper {
+ @apply mx-auto p-6 sm:p-8;
+ max-width: 48rem;
+ }
+}
+
+@layer base {
+ :root {
+ --background: 0 0% 100%;
+ --foreground: 224 71.4% 4.1%;
+
+ --muted: 220 14.3% 95.9%;
+ --muted-foreground: 220 8.9% 46.1%;
+
+ --popover: 0 0% 100%;
+ --popover-foreground: 224 71.4% 4.1%;
+
+ --card: 0 0% 100%;
+ --card-foreground: 224 71.4% 4.1%;
+
+ --border: 220 13% 91%;
+ --input: 220 13% 91%;
+
+ --primary: 220.9 39.3% 11%;
+ --primary-foreground: 210 20% 98%;
+
+ --secondary: 220 14.3% 95.9%;
+ --secondary-foreground: 220.9 39.3% 11%;
+
+ --accent: 220 14.3% 95.9%;
+ --accent-foreground: 220.9 39.3% 11%;
+
+ --destructive: 0 84.2% 60.2%;
+ --destructive-foreground: 210 20% 98%;
+
+ --ring: 217.9 10.6% 64.9%;
+
+ --radius: 0.5rem;
+ }
+
+ .dark {
+ --background: 224 71.4% 4.1%;
+ --foreground: 210 20% 98%;
+
+ --muted: 215 27.9% 16.9%;
+ --muted-foreground: 217.9 10.6% 64.9%;
+
+ --popover: 224 71.4% 4.1%;
+ --popover-foreground: 210 20% 98%;
+
+ --card: 224 71.4% 4.1%;
+ --card-foreground: 210 20% 98%;
+
+ --border: 215 27.9% 16.9%;
+ --input: 215 27.9% 16.9%;
+
+ --primary: 210 20% 98%;
+ --primary-foreground: 220.9 39.3% 11%;
+
+ --secondary: 215 27.9% 16.9%;
+ --secondary-foreground: 210 20% 98%;
+
+ --accent: 215 27.9% 16.9%;
+ --accent-foreground: 210 20% 98%;
+
+ --destructive: 0 62.8% 30.6%;
+ --destructive-foreground: 0 85.7% 97.3%;
+
+ --ring: 215 27.9% 16.9%;
+ }
+}
+
+@layer base {
+ * {
+ @apply border-border;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+}
diff --git a/src/lib/styles/utils.ts b/src/lib/styles/utils.ts
new file mode 100644
index 0000000..9ad0df4
--- /dev/null
+++ b/src/lib/styles/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..5ac5f0a
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,76 @@
+const { fontFamily } = require('tailwindcss/defaultTheme');
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ darkMode: ['class'],
+ content: ['src/**/*.{js,jsx,ts,tsx}'],
+ theme: {
+ container: {
+ center: true,
+ padding: '2rem',
+ screens: {
+ '2xl': '1400px',
+ },
+ },
+ fontFamily: {
+ sans: ['var(--font-sans)', ...fontFamily.sans],
+ },
+ extend: {
+ colors: {
+ border: 'hsl(var(--border))',
+ input: 'hsl(var(--input))',
+ ring: 'hsl(var(--ring))',
+ background: 'hsl(var(--background))',
+ foreground: 'hsl(var(--foreground))',
+ primary: {
+ DEFAULT: 'hsl(var(--primary))',
+ foreground: 'hsl(var(--primary-foreground))',
+ },
+ secondary: {
+ DEFAULT: 'hsl(var(--secondary))',
+ foreground: 'hsl(var(--secondary-foreground))',
+ },
+ destructive: {
+ DEFAULT: 'hsl(var(--destructive))',
+ foreground: 'hsl(var(--destructive-foreground))',
+ },
+ muted: {
+ DEFAULT: 'hsl(var(--muted))',
+ foreground: 'hsl(var(--muted-foreground))',
+ },
+ accent: {
+ DEFAULT: 'hsl(var(--accent))',
+ foreground: 'hsl(var(--accent-foreground))',
+ },
+ popover: {
+ DEFAULT: 'hsl(var(--popover))',
+ foreground: 'hsl(var(--popover-foreground))',
+ },
+ card: {
+ DEFAULT: 'hsl(var(--card))',
+ foreground: 'hsl(var(--card-foreground))',
+ },
+ },
+ borderRadius: {
+ lg: 'var(--radius)',
+ md: 'calc(var(--radius) - 2px)',
+ sm: 'calc(var(--radius) - 4px)',
+ },
+ keyframes: {
+ 'accordion-down': {
+ from: { height: 0 },
+ to: { height: 'var(--radix-accordion-content-height)' },
+ },
+ 'accordion-up': {
+ from: { height: 'var(--radix-accordion-content-height)' },
+ to: { height: 0 },
+ },
+ },
+ animation: {
+ 'accordion-down': 'accordion-down 0.2s ease-out',
+ 'accordion-up': 'accordion-up 0.2s ease-out',
+ },
+ },
+ },
+ plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')],
+};
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..7e36223
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,42 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "lib": [
+ "dom",
+ "dom.iterable",
+ "esnext"
+ ],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "baseUrl": "src",
+ "paths": {
+ "@/*": [
+ "./*"
+ ]
+ },
+ "incremental": true,
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ]
+ },
+ "include": [
+ "next-env.d.ts",
+ "**/*.ts",
+ "**/*.tsx",
+ ".next/types/**/*.ts"
+ ],
+ "exclude": [
+ "node_modules"
+ ]
+}
diff --git a/turbo.json b/turbo.json
new file mode 100644
index 0000000..16b7f22
--- /dev/null
+++ b/turbo.json
@@ -0,0 +1,16 @@
+{
+ "$schema": "https://turbo.build/schema.json",
+ "pipeline": {
+ "build": {
+ "outputs": [".next/**", "!.next/cache/**", "public/**"],
+ "env": []
+ },
+ "lint": {
+ "outputs": [],
+ "inputs": [".eslintrc.*", "src/**"]
+ },
+ "type-check": {
+ "outputs": ["*.tsbuildinfo"]
+ }
+ }
+}
diff --git a/types.d.ts b/types.d.ts
new file mode 100644
index 0000000..0243af0
--- /dev/null
+++ b/types.d.ts
@@ -0,0 +1 @@
+declare module "theme-change";