+
+ Stay Ahead with GitMonitor
+
+ );
+};
+
+export default Hero;
diff --git a/src/components/landing/main.tsx b/src/components/landing/main.tsx
new file mode 100644
index 0000000..650f152
--- /dev/null
+++ b/src/components/landing/main.tsx
@@ -0,0 +1,67 @@
+import { features, steps } from "@/lib/data";
+import { Card } from "../ui/card";
+
+const Main = () => {
+ return (
+
+ Stay Ahead with GitMonitor
{" "}
+ Your Ultimate GitHub Tracking Companion
+
+
+ + Track repositories, monitor contributions, and analyze your projects—all + in one place. +
+ +
+ 
+ 
+
+
+
+
+
+ );
+};
+
+export default Main;
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..65d4fcd
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,57 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+ {
+ variants: {
+ variant: {
+ default:
+ "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+ destructive:
+ "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+ outline:
+ "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+ secondary:
+ "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+ ghost: "hover:bg-accent hover:text-accent-foreground",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default: "h-9 px-4 py-2",
+ sm: "h-8 rounded-md px-3 text-xs",
+ lg: "h-10 rounded-md px-8",
+ icon: "h-9 w-9",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+ }
+)
+
+export interface ButtonProps
+ extends React.ButtonHTMLAttributes+ Why Choose GitMonitor? +
++ GitHub is where innovation happens, and Git + Monitor ensures you never miss a + beat. From monitoring your favorite repositories to gaining valuable + insights into contributions, Git + Monitor is your go-to solution for + everything GitHub. +
+
+
+
+
+
+
+
+ {features.map((feature, index) => (
+
+
+ ))}
+
+
+
+ + {feature.title} +
+{feature.description}
+
+
+
+
+ + How It Works +
+
+ {steps.map((step, index) => (
+
+
+
+ ))}
+
+ {index + 1}
+
+ + {step.title} +
+{step.description}
+
+
+ )
+}
+
+export default Landing
diff --git a/tailwind.config.js b/tailwind.config.js
index 9b2ed50..61f03fe 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,88 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
- content: [
- "./index.html", // For any HTML files in the root
- "./src/**/*.{js,jsx,ts,tsx}", // For all JS/JSX/TS/TSX files inside src folder
- ],
- theme: {
- extend: {},
- },
- plugins: [],
- }
+ darkMode: ["class"],
+ content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],
+ theme: {
+ extend: {
+ colors: {
+ background: 'hsl(var(--background))',
+ foreground: 'hsl(var(--foreground))',
+ card: {
+ DEFAULT: 'hsl(var(--card))',
+ foreground: 'hsl(var(--card-foreground))'
+ },
+ popover: {
+ DEFAULT: 'hsl(var(--popover))',
+ foreground: 'hsl(var(--popover-foreground))'
+ },
+ primary: {
+ DEFAULT: 'hsl(var(--primary))',
+ foreground: 'hsl(var(--primary-foreground))'
+ },
+ secondary: {
+ DEFAULT: 'hsl(var(--secondary))',
+ foreground: 'hsl(var(--secondary-foreground))'
+ },
+ muted: {
+ DEFAULT: 'hsl(var(--muted))',
+ foreground: 'hsl(var(--muted-foreground))'
+ },
+ accent: {
+ DEFAULT: 'hsl(var(--accent))',
+ foreground: 'hsl(var(--accent-foreground))'
+ },
+ destructive: {
+ DEFAULT: 'hsl(var(--destructive))',
+ foreground: 'hsl(var(--destructive-foreground))'
+ },
+ border: 'hsl(var(--border))',
+ input: 'hsl(var(--input))',
+ ring: 'hsl(var(--ring))',
+ chart: {
+ '1': 'hsl(var(--chart-1))',
+ '2': 'hsl(var(--chart-2))',
+ '3': 'hsl(var(--chart-3))',
+ '4': 'hsl(var(--chart-4))',
+ '5': 'hsl(var(--chart-5))'
+ }
+ },
+ borderRadius: {
+ lg: 'var(--radius)',
+ md: 'calc(var(--radius) - 2px)',
+ sm: 'calc(var(--radius) - 4px)'
+ },
+ animation: {
+ 'spin-slow': 'spin 3s linear infinite',
+ glow: 'glow 4s ease-in-out infinite alternate',
+ 'pulse-glow': 'pulse-glow 2s ease-in-out infinite'
+ },
+ keyframes: {
+ spin: {
+ '0%': {
+ transform: 'rotate(0deg)'
+ },
+ '100%': {
+ transform: 'rotate(360deg)'
+ }
+ },
+ glow: {
+ '0%': {
+ opacity: '0.2'
+ },
+ '100%': {
+ opacity: '0.6'
+ }
+ },
+ 'pulse-glow': {
+ '0%, 100%': {
+ opacity: '0.5'
+ },
+ '50%': {
+ opacity: '0.8'
+ }
+ }
+ }
+ }
+ },
+ plugins: [require("tailwindcss-animate")],
+};
diff --git a/tsconfig.app.json b/tsconfig.app.json
index f867de0..b6d4c6a 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -20,7 +20,11 @@
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true,
- "noUncheckedSideEffectImports": true
+ "noUncheckedSideEffectImports": true,
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ }
},
"include": ["src"]
}
diff --git a/tsconfig.json b/tsconfig.json
index 1ffef60..fec8c8e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,5 +3,11 @@
"references": [
{ "path": "./tsconfig.app.json" },
{ "path": "./tsconfig.node.json" }
- ]
+ ],
+ "compilerOptions": {
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ }
}
diff --git a/vite.config.ts b/vite.config.ts
index 8b0f57b..7f70b0a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,13 @@
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
+import path from "path"
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
+ resolve: {
+ alias: {
+ "@": path.resolve(__dirname, "./src"),
+ },
+ },
})