[V0_FILE]typescriptreact:file="tailwind.config.js" isEdit="true" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { 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: "#6366F1", foreground: "#ffffff", }, secondary: { DEFAULT: "#D946EF", foreground: "#ffffff", }, 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")], } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" import Link from "next/link" import Image from "next/image" import { Button } from "@/components/ui/button" import { PlusSquare, ArrowRight, Code, Puzzle, Share2, BookOpen, Palette, Gift, GitBranch } from "lucide-react" export default function Home() { return (

{/* Header */}

QuestBook

{/* Hero Section */}

스토리와 미션으로
특별한 경험을 만드세요

퀘스트북은 다양한 도전을 제공하는 새로운 경험 플랫폼입니다.
더 많은 경험을 무료로 나눠보세요.

{/* Features Section */}

게임처럼 재미있게,
학습처럼 체계적으로

게임 속 도전 과제를 모티브로, 재미있고 의미 있는 경험을 제공합니다.

{[ { icon: Code, title: "쉽고 빠른 제작", description: "개발 지식 없이도 노코드 솔루션으로 누구나 짧은 시간 안에 콘텐츠를 제작할 수 있습니다.", }, { icon: Share2, title: "높은 몰입도", description: "단계별 미션과 스토리가 결합된 퀘스트로 참여자의 흥미와 집중을 극대화합니다.", }, { icon: Puzzle, title: "유연한 미션 구조", description: "선형/비선형 미션으로 다양한 경험을 설계할 수 있습니다.", }, { icon: PlusSquare, title: "맞춤형 점수 로직", description: "각 선택지에 점수 배점을 다르게 설정하여 개인화된 결과를 제공합니다.", }, ].map((feature) => (

{feature.title}

{feature.description}

))}

미션 구조

상황과 경험에 맞는 미션 구조로 몰입감을 높여보세요.
더 몰입할수록 완료율이 높아집니다.

선형 미션

순서대로 이어지는 스토리를 통해
몰입감과 연속된 경험을 제공합니다.

비선형 미션

순서와 상관없는 방식으로 진행할 수 있어
자유도와 창의적인 접근이 가능합니다.

{/* New Sections */}

스토리를 통한 특별한 경험

선형 미션으로 이야기 속 주인공이 되어보세요.
스토리를 따라가며 자연스럽게
학습, 성장, 도전 욕구를 자극합니다.

100% 노코드로 쉽게 제작

퀘스트북의 직관적 노코드 에디터로
미션, 스토리, 보상 구조를 손쉽게 구성해보세요.
퀄리티 높은 콘텐츠를 제작할 수 있습니다.

다양한 경험을 제공하는 플랫폼

{[ { icon: BookOpen, title: "학습용 퀘스트", description: "교육, 스터디, 어학 학습 등 자기 계발 목적의 퀘스트로 효과적인 학습 경험을 제공합니다.", }, { icon: Palette, title: "취미 & 여가 퀘스트", description: "운동, 요리, 여행 등 취미활동을 미션 형태로 즐기며 성취감과 재미를 동시에 느낄 수 있습니다.", }, { icon: Gift, title: "이벤트 & 프로모션", description: "브랜드 이벤트, 마케팅 캠페인, 온라인 컨퍼런스 등 다양한 행사에 활용하여 참여도를 높입니다.", }, ].map((item) => (

{item.title}

{item.description}

))}

{/* CTA Section */}

지금 바로 시작해보세요

창의적인 퀘스트와 흥미로운 미션을 통해
참여자들의 동기부여와 성장을 지원하세요.

) }

스토리와 미션으로 특별한 경험을 만드세요

게임처럼 재미있게, 학습처럼 체계적으로