Spaces:

likhonsheikh
/

v0-landing-final

Sleeping

App Files Files Community

likhonsheikh commited on 29 days ago

Commit

18ea885

verified ·

1 Parent(s): 3892cb7

Deploy Next.js v0.dev clone with shadcn/ui and Geist design system

Browse files

Files changed (16) hide show

.gitignore +33 -0
Dockerfile +39 -0
README.md +23 -4
app/globals.css +37 -0
app/layout.tsx +21 -0
app/page.tsx +278 -0
components.json +17 -0
components/ui/button.tsx +57 -0
components/ui/input.tsx +25 -0
deploy.sh +32 -0
lib/utils.ts +6 -0
next.config.mjs +6 -0
package.json +32 -0
postcss.config.js +6 -0
tailwind.config.ts +83 -0
tsconfig.json +27 -0

.gitignore ADDED Viewed

	@@ -0,0 +1,33 @@

+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+# testing
+/coverage
+# next.js
+/.next/
+/out/
+# production
+/build
+# misc
+.DS_Store
+*.pem
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+# local env files
+.env*.local
+# vercel
+.vercel
+# typescript
+*.tsbuildinfo
+next-env.d.ts

Dockerfile ADDED Viewed

	@@ -0,0 +1,39 @@

+FROM node:18-alpine AS base
+# Install dependencies only when needed
+FROM base AS deps
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+COPY package.json package-lock.json* ./
+RUN npm ci
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+RUN npm run build
+# Production image, copy all the files and run next
+FROM base AS runner
+WORKDIR /app
+ENV NODE_ENV production
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+COPY --from=builder /app/public ./public
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+USER nextjs
+EXPOSE 7860
+ENV PORT 7860
+ENV HOSTNAME "0.0.0.0"
+CMD ["node", "server.js"]

README.md CHANGED Viewed

@@ -1,12 +1,31 @@
 ---
-title: V0 Landing Page Clone
 emoji: 🎨
 colorFrom: gray
 colorTo: blue
-sdk: static
 pinned: false
 ---
-# v0 by Vercel - Landing Page Clone
-A pixel-perfect recreation of the v0.dev landing page using the Geist design system.

 ---
+title: v0 Landing Clone
 emoji: 🎨
 colorFrom: gray
 colorTo: blue
+sdk: docker
 pinned: false
 ---
+# v0.dev Landing Page Clone
+A pixel-perfect recreation of the v0.dev landing page built with Next.js 14, shadcn/ui, and the Vercel Geist design system.
+## Tech Stack
+- **Next.js 14** - React framework with App Router
+- **shadcn/ui** - Beautiful, accessible components
+- **Vercel Geist** - Official Vercel design system
+- **Tailwind CSS** - Utility-first styling
+- **TypeScript** - Type-safe development
+- **Geist Fonts** - Modern typefaces (Sans & Mono)
+## Features
+- ✨ Exact v0.dev design recreation
+- 🎨 Geist design system integration
+- 📱 Fully responsive layout
+- ⚡ Optimized performance
+- 🔧 shadcn/ui components
+This Space runs the Next.js application in a Docker container.

app/globals.css ADDED Viewed

	@@ -0,0 +1,37 @@

+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 0 0% 0%;
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 0%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 0%;
+    --primary: 0 0% 0%;
+    --primary-foreground: 0 0% 100%;
+    --secondary: 0 0% 96%;
+    --secondary-foreground: 0 0% 0%;
+    --muted: 0 0% 96%;
+    --muted-foreground: 0 0% 40%;
+    --accent: 0 0% 96%;
+    --accent-foreground: 0 0% 0%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 100%;
+    --border: 0 0% 90%;
+    --input: 0 0% 90%;
+    --ring: 0 0% 0%;
+    --radius: 0.5rem;
+  }
+}
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

app/layout.tsx ADDED Viewed

	@@ -0,0 +1,21 @@

+import type { Metadata } from "next";
+import { GeistSans } from "geist/font/sans";
+import { GeistMono } from "geist/font/mono";
+import "./globals.css";
+export const metadata: Metadata = {
+  title: "v0 by Vercel",
+  description: "Start building with a single prompt. No coding needed.",
+};
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" className={`${GeistSans.variable} ${GeistMono.variable}`}>
+      <body className="font-sans antialiased">{children}</body>
+    </html>
+  );
+}

app/page.tsx ADDED Viewed

	@@ -0,0 +1,278 @@

+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Plus, Upload, ChevronDown, ChevronRight, Eye, Heart } from "lucide-react"
+export default function Home() {
+  return (
+    <div className="min-h-screen bg-white">
+      {/* Navigation */}
+      <nav className="sticky top-0 z-50 flex items-center justify-between border-b border-border bg-white px-8 h-[60px]">
+        <div className="flex items-center gap-12">
+          {/* Logo */}
+          <a href="#" className="text-base font-semibold text-foreground">
+            v0
+          </a>
+          {/* Nav Links */}
+          <div className="flex items-center gap-6">
+            <button className="flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
+              Templates
+              <ChevronDown className="w-3 h-3" />
+            </button>
+            <button className="flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
+              Resources
+              <ChevronDown className="w-3 h-3" />
+            </button>
+            <a href="#" className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
+              Enterprise
+            </a>
+            <a href="#" className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
+              Pricing
+            </a>
+            <a href="#" className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
+              iOS
+            </a>
+            <a href="#" className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
+              Students
+            </a>
+            <a href="#" className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
+              FAQ
+            </a>
+          </div>
+        </div>
+        {/* Auth Buttons */}
+        <div className="flex items-center gap-4">
+          <Button variant="outline" size="sm" className="text-sm font-medium">
+            Sign In
+          </Button>
+          <Button variant="outline" size="sm" className="text-sm font-medium">
+            Sign Up
+          </Button>
+        </div>
+      </nav>
+      {/* Main Container */}
+      <main className="max-w-[1200px] mx-auto px-8">
+        {/* Hero Section */}
+        <section className="relative text-center py-16">
+          {/* Large Watermark */}
+          <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-[240px] font-bold text-foreground/[0.02] tracking-tighter leading-none select-none pointer-events-none">
+            v0
+          </div>
+          <div className="relative z-10">
+            <h1 className="text-5xl font-semibold tracking-tight mb-4">
+              What do you want to create?
+            </h1>
+            <p className="text-base text-muted-foreground mb-8">
+              Start building with a single prompt. No coding needed.
+            </p>
+            {/* Input Field */}
+            <div className="max-w-[600px] mx-auto flex items-center gap-2 p-2 border border-border rounded-2xl bg-white hover:border-border/80 focus-within:border-foreground transition-colors">
+              <button className="p-2 hover:bg-accent rounded-md transition-colors">
+                <Plus className="w-5 h-5 text-muted-foreground" />
+              </button>
+              <Input
+                placeholder="Ask v0 to build..."
+                className="border-0 shadow-none focus-visible:ring-0 text-sm"
+              />
+              <button className="p-2 hover:bg-accent rounded-md transition-colors">
+                <Upload className="w-5 h-5 text-muted-foreground" />
+              </button>
+            </div>
+          </div>
+        </section>
+        {/* Community Section */}
+        <section className="py-12">
+          <div className="flex items-center justify-between mb-6">
+            <div>
+              <h2 className="text-lg font-semibold mb-1">From the Community</h2>
+              <p className="text-sm text-muted-foreground">
+                Explore what the community is building with v0.
+              </p>
+            </div>
+            <a href="#" className="flex items-center gap-1 text-sm font-medium text-foreground hover:underline">
+              Browse All
+              <ChevronRight className="w-4 h-4" />
+            </a>
+          </div>
+          {/* Template Grid */}
+          <div className="grid grid-cols-3 gap-6">
+            {/* Template Card 1 */}
+            <div className="group cursor-pointer">
+              <div className="relative aspect-[4/3] rounded-lg border border-border overflow-hidden mb-3 bg-gray-50">
+                <div className="p-6">
+                  <h3 className="text-sm font-medium mb-4">
+                    Effortless custom contract billing by Brilliance
+                  </h3>
+                  <div className="mt-8 space-y-2">
+                    <div className="h-2 bg-gray-200 rounded w-full"></div>
+                    <div className="h-2 bg-gray-200 rounded w-3/4"></div>
+                    <div className="h-8 bg-black rounded w-24 mt-4"></div>
+                  </div>
+                </div>
+              </div>
+              <div className="flex items-start gap-2">
+                <div className="w-6 h-6 rounded-full bg-purple-500 flex-shrink-0"></div>
+                <div className="flex-1">
+                  <h4 className="text-sm font-medium mb-1">Brilliance SaaS Landing Page</h4>
+                  <div className="flex items-center gap-3 text-xs text-muted-foreground">
+                    <span className="flex items-center gap-1">
+                      <Eye className="w-3 h-3" />
+                      2.1k
+                    </span>
+                    <span className="flex items-center gap-1">
+                      <Heart className="w-3 h-3" />
+                      662
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            {/* Template Card 2 */}
+            <div className="group cursor-pointer">
+              <div className="relative aspect-[4/3] rounded-lg border border-border overflow-hidden mb-3 bg-black">
+                <div className="flex items-center justify-center h-full">
+                  <div className="text-white text-sm">3D Gallery Photography Template</div>
+                </div>
+              </div>
+              <div className="flex items-start gap-2">
+                <div className="w-6 h-6 rounded-full bg-purple-500 flex-shrink-0"></div>
+                <div className="flex-1">
+                  <h4 className="text-sm font-medium mb-1">3D Gallery Photography Template</h4>
+                  <div className="flex items-center gap-3 text-xs text-muted-foreground">
+                    <span className="flex items-center gap-1">
+                      <Eye className="w-3 h-3" />
+                      5.14k
+                    </span>
+                    <span className="flex items-center gap-1">
+                      <Heart className="w-3 h-3" />
+                      403
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            {/* Template Card 3 */}
+            <div className="group cursor-pointer">
+              <div className="relative aspect-[4/3] rounded-lg border border-border overflow-hidden mb-3 bg-black">
+                <div className="absolute top-3 right-3">
+                  <span className="inline-flex items-center justify-center w-8 h-8 rounded-full bg-black text-white text-xs font-medium border border-white/20">
+                    AI
+                  </span>
+                </div>
+                <div className="flex items-center justify-center h-full">
+                  <h3 className="text-white text-lg font-semibold">AI Gateway Starter</h3>
+                </div>
+              </div>
+              <div className="flex items-start gap-2">
+                <div className="w-6 h-6 rounded-full bg-purple-500 flex-shrink-0"></div>
+                <div className="flex-1">
+                  <h4 className="text-sm font-medium mb-1">AI Gateway Starter</h4>
+                  <div className="flex items-center gap-3 text-xs text-muted-foreground">
+                    <span className="flex items-center gap-1">
+                      <Eye className="w-3 h-3" />
+                      4.42k
+                    </span>
+                    <span className="flex items-center gap-1">
+                      <Heart className="w-3 h-3" />
+                      188
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            {/* Template Card 4 */}
+            <div className="group cursor-pointer">
+              <div className="relative aspect-[4/3] rounded-lg border border-border overflow-hidden mb-3 bg-gradient-to-br from-blue-500 to-purple-600">
+                <div className="flex flex-col items-center justify-center h-full text-white px-6">
+                  <h3 className="text-lg font-semibold mb-3">
+                    Unleash the Power of AI Agents
+                  </h3>
+                  <Button size="sm" variant="secondary" className="bg-white text-black hover:bg-gray-100">
+                    Learn More
+                  </Button>
+                </div>
+              </div>
+              <div className="flex items-start gap-2">
+                <div className="w-6 h-6 rounded-full bg-purple-500 flex-shrink-0"></div>
+                <div className="flex-1">
+                  <h4 className="text-sm font-medium mb-1">Pointer AI landing page</h4>
+                  <div className="flex items-center gap-3 text-xs text-muted-foreground">
+                    <span className="flex items-center gap-1">
+                      <Eye className="w-3 h-3" />
+                      14.8k
+                    </span>
+                    <span className="flex items-center gap-1">
+                      <Heart className="w-3 h-3" />
+                      1.1k
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            {/* Template Card 5 */}
+            <div className="group cursor-pointer">
+              <div className="relative aspect-[4/3] rounded-lg border border-border overflow-hidden mb-3 bg-black">
+                <div className="flex items-center justify-center h-full">
+                  <div className="w-16 h-16 rounded-lg bg-gradient-to-br from-green-400 to-emerald-500"></div>
+                </div>
+              </div>
+              <div className="flex items-start gap-2">
+                <div className="w-6 h-6 rounded-full bg-purple-500 flex-shrink-0"></div>
+                <div className="flex-1">
+                  <h4 className="text-sm font-medium mb-1">Dashboard – M.O.N.K.Y</h4>
+                  <div className="flex items-center gap-3 text-xs text-muted-foreground">
+                    <span className="flex items-center gap-1">
+                      <Eye className="w-3 h-3" />
+                      7.76k
+                    </span>
+                    <span className="flex items-center gap-1">
+                      <Heart className="w-3 h-3" />
+                      725
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            {/* Template Card 6 */}
+            <div className="group cursor-pointer">
+              <div className="relative aspect-[4/3] rounded-lg border border-border overflow-hidden mb-3 bg-gradient-to-br from-slate-900 to-slate-800">
+                <div className="flex items-center justify-center h-full">
+                  <h3 className="text-white text-lg font-semibold">
+                    Unlock your future growth
+                  </h3>
+                </div>
+              </div>
+              <div className="flex items-start gap-2">
+                <div className="w-6 h-6 rounded-full bg-purple-500 flex-shrink-0"></div>
+                <div className="flex-1">
+                  <h4 className="text-sm font-medium mb-1">Skal Ventures Template</h4>
+                  <div className="flex items-center gap-3 text-xs text-muted-foreground">
+                    <span className="flex items-center gap-1">
+                      <Eye className="w-3 h-3" />
+                      3.23k
+                    </span>
+                    <span className="flex items-center gap-1">
+                      <Heart className="w-3 h-3" />
+                      495
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+      </main>
+    </div>
+  )
+}

components.json ADDED Viewed

	@@ -0,0 +1,17 @@

+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

components/ui/button.tsx ADDED Viewed

	@@ -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 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",
+  {
+    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<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+export { Button, buttonVariants }

components/ui/input.tsx ADDED Viewed

	@@ -0,0 +1,25 @@

+import * as React from "react"
+import { cn } from "@/lib/utils"
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {}
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+export { Input }

deploy.sh ADDED Viewed

	@@ -0,0 +1,32 @@

+#!/bin/bash
+echo "🚀 Deploying v0 Landing Page Clone"
+echo "=================================="
+echo ""
+cd /workspace/v0-nextjs-new
+# Check if node_modules exists
+if [ ! -d "node_modules" ]; then
+    echo "📦 Installing dependencies..."
+    npm install
+fi
+echo ""
+echo "🏗️  Building project..."
+npm run build
+if [ $? -eq 0 ]; then
+    echo ""
+    echo "✅ Build successful!"
+    echo ""
+    echo "📤 Deploying to Vercel..."
+    npx vercel --prod --yes
+    echo ""
+    echo "🎉 Deployment complete!"
+else
+    echo ""
+    echo "❌ Build failed. Please check the errors above."
+    exit 1
+fi

lib/utils.ts ADDED Viewed

	@@ -0,0 +1,6 @@

+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

next.config.mjs ADDED Viewed

	@@ -0,0 +1,6 @@

+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'standalone',
+}
+export default nextConfig

package.json ADDED Viewed

	@@ -0,0 +1,32 @@

+{
+  "name": "v0-landing-clone",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "14.2.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "tailwind-merge": "^2.2.1",
+    "lucide-react": "^0.344.0",
+    "geist": "^1.2.2"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "autoprefixer": "^10.4.18",
+    "postcss": "^8.4.35",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5"
+  }
+}

postcss.config.js ADDED Viewed

	@@ -0,0 +1,6 @@

+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

tailwind.config.ts ADDED Viewed

	@@ -0,0 +1,83 @@

+import type { Config } from "tailwindcss"
+const config: Config = {
+  darkMode: ["class"],
+  content: [
+    './pages/**/*.{ts,tsx}',
+    './components/**/*.{ts,tsx}',
+    './app/**/*.{ts,tsx}',
+    './src/**/*.{ts,tsx}',
+	],
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    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)",
+      },
+      fontFamily: {
+        sans: ['var(--font-geist-sans)'],
+        mono: ['var(--font-geist-mono)'],
+      },
+      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")],
+}
+export default config

tsconfig.json ADDED Viewed

	@@ -0,0 +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"]
+}