diff --git a/src/app/community/page.tsx b/src/app/community/page.tsx index 1a88bbf..7ef2ffc 100644 --- a/src/app/community/page.tsx +++ b/src/app/community/page.tsx @@ -26,33 +26,19 @@ export default function LandingPage() { @@ -67,36 +53,16 @@ export default function LandingPage() { description="학습 노하우, AI 활용 팁, 시험 정보 등 다양한 이야기를 나누세요." blogs={[ { - id: "1", - category: "시험 전략", - title: "과목별 시험 유형 분석: AI 퀴즈 활용법", - excerpt: "각 과목의 특성에 맞춰 AI 퀴즈를 어떻게 활용할지 알아보는 가이드입니다.", - imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-gamer-playing-intense-classic-arcade-spaceship-racing-videogame-shaking-computer-display-yelling-after-winning-african-american-man-having-burst-happiness-after-game-victory_482257-71101.jpg", - imageAlt: "다양한 퀴즈 문제 유형", + id: "1", category: "시험 전략", title: "과목별 시험 유형 분석: AI 퀴즈 활용법", excerpt: "각 과목의 특성에 맞춰 AI 퀴즈를 어떻게 활용할지 알아보는 가이드입니다.", imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-gamer-playing-intense-classic-arcade-spaceship-racing-videogame-shaking-computer-display-yelling-after-winning-african-american-man-having-burst-happiness-after-game-victory_482257-71101.jpg", imageAlt: "다양한 퀴즈 문제 유형", authorName: "과탑 AI", authorAvatar: "https://api.dicebear.com/7.x/notionists/svg?seed=Gwatop", date: "2023년 10월 26일" }, { - id: "2", - category: "스터디 팁", - title: "AI가 생성한 퀴즈로 만점 받는 비법 공개", - excerpt: "과탑 AI 퀴즈를 120% 활용하여 시험 성적을 올리는 특별한 방법.", - imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104643.jpg", - imageAlt: "온라인 스터디 포럼", + id: "2", category: "스터디 팁", title: "AI가 생성한 퀴즈로 만점 받는 비법 공개", excerpt: "과탑 AI 퀴즈를 120% 활용하여 시험 성적을 올리는 특별한 방법.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104643.jpg", imageAlt: "온라인 스터디 포럼", authorName: "과탑 AI", authorAvatar: "https://api.dicebear.com/7.x/notionists/svg?seed=Gwatop", date: "2023년 10월 25일" }, { - id: "3", - category: "AI 활용", - title: "내 전공에 최적화된 AI 퀴즈 만들기", - excerpt: "전공 특성을 고려한 맞춤형 AI 퀴즈 생성 팁과 활용 사례를 공유합니다.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-schoolgirl-studying-with-laptop_23-2148203863.jpg", - imageAlt: "학생이 공부 팁을 공유", + id: "3", category: "AI 활용", title: "내 전공에 최적화된 AI 퀴즈 만들기", excerpt: "전공 특성을 고려한 맞춤형 AI 퀴즈 생성 팁과 활용 사례를 공유합니다.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-schoolgirl-studying-with-laptop_23-2148203863.jpg", imageAlt: "학생이 공부 팁을 공유", authorName: "과탑 AI", authorAvatar: "https://api.dicebear.com/7.x/notionists/svg?seed=Gwatop", date: "2023년 10월 24일" }, { - id: "4", - category: "정보 공유", - title: "새 학기 강의 자료 빠르게 정리하는 AI 활용법", - excerpt: "새로운 학기, 방대한 강의 자료를 과탑 AI로 효율적으로 정리하세요.", - imageSrc: "http://img.b2bpic.net/free-photo/education-school-studies-learning-graphics-concept_53876-132559.jpg", - imageAlt: "AI 튜터와 학습", + id: "4", category: "정보 공유", title: "새 학기 강의 자료 빠르게 정리하는 AI 활용법", excerpt: "새로운 학기, 방대한 강의 자료를 과탑 AI로 효율적으로 정리하세요.", imageSrc: "http://img.b2bpic.net/free-photo/education-school-studies-learning-graphics-concept_53876-132559.jpg", imageAlt: "AI 튜터와 학습", authorName: "과탑 AI", authorAvatar: "https://api.dicebear.com/7.x/notionists/svg?seed=Gwatop", date: "2023년 10월 23일" }, ]} /> @@ -117,53 +83,33 @@ export default function LandingPage() { { items: [ { - label: "서비스 소개", - href: "/#hero", - }, + label: "서비스 소개", href: "/#hero"}, { - label: "사용 방법", - href: "/#how-to-use", - }, + label: "사용 방법", href: "/#how-to-use"}, { - label: "문제 유형", - href: "/#question-types", - }, + label: "문제 유형", href: "/#question-types"}, { - label: "요금제", - href: "/#pricing", - }, + label: "요금제", href: "/#pricing"}, ], }, { items: [ { - label: "커뮤니티", - href: "/community", - }, + label: "커뮤니티", href: "/community"}, { - label: "마이페이지", - href: "/mypage", - }, + label: "마이페이지", href: "/mypage"}, { - label: "크레딧 충전", - href: "/recharge", - }, + label: "크레딧 충전", href: "/recharge"}, ], }, { items: [ { - label: "개인정보처리방침", - href: "#", - }, + label: "개인정보처리방침", href: "#"}, { - label: "이용약관", - href: "#", - }, + label: "이용약관", href: "#"}, { - label: "문의하기", - href: "#", - }, + label: "문의하기", href: "#"}, ], }, ]} diff --git a/src/app/page.tsx b/src/app/page.tsx index 34ad5ad..7921605 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,33 +32,19 @@ export default function LandingPage() { @@ -67,51 +53,28 @@ export default function LandingPage() {
@@ -122,23 +85,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "1. 자료 업로드", - description: "PDF, PPT, Word, 한글 등 모든 강의 자료를 웹에 안전하게 업로드하세요.", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-documents-stack_23-2151088820.jpg", - imageAlt: "자료 업로드 아이콘", - }, + title: "1. 자료 업로드", description: "PDF, PPT, Word, 한글 등 모든 강의 자료를 웹에 안전하게 업로드하세요.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-documents-stack_23-2151088820.jpg", imageAlt: "자료 업로드 아이콘"}, { - title: "2. AI 퀴즈 생성", - description: "업로드된 자료를 기반으로 AI가 자동으로 다양한 유형의 맞춤형 퀴즈를 생성합니다.", - imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-startup-office-coding-advanced-ai-algorithm_482257-118826.jpg", - imageAlt: "AI 퀴즈 생성 과정", - }, + title: "2. AI 퀴즈 생성", description: "업로드된 자료를 기반으로 AI가 자동으로 다양한 유형의 맞춤형 퀴즈를 생성합니다.", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-startup-office-coding-advanced-ai-algorithm_482257-118826.jpg", imageAlt: "AI 퀴즈 생성 과정"}, { - title: "3. 퀴즈 풀기", - description: "생성된 퀴즈를 풀고 즉각적인 피드백을 통해 학습 성과를 확인하세요.", - imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-table-closeup_169016-47349.jpg", - imageAlt: "학생이 퀴즈를 푸는 모습", - }, + title: "3. 퀴즈 풀기", description: "생성된 퀴즈를 풀고 즉각적인 피드백을 통해 학습 성과를 확인하세요.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-table-closeup_169016-47349.jpg", imageAlt: "학생이 퀴즈를 푸는 모습"}, ]} title="과탑, 이렇게 사용해 보세요." description="간단한 3단계로 강의 자료를 스마트한 퀴즈로 전환하고 학습 효율을 극대화하세요." @@ -153,39 +104,19 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "pdf-support", - value: "PDF", - title: "문서 파일", - description: "가장 보편적인 PDF 파일을 완벽하게 분석합니다.", - icon: FileText, + id: "pdf-support", value: "PDF", title: "문서 파일", description: "가장 보편적인 PDF 파일을 완벽하게 분석합니다.", icon: FileText, }, { - id: "ppt-support", - value: "PPT", - title: "프레젠테이션", - description: "강의 슬라이드에서도 핵심 내용을 추출합니다.", - icon: Monitor, + id: "ppt-support", value: "PPT", title: "프레젠테이션", description: "강의 슬라이드에서도 핵심 내용을 추출합니다.", icon: Monitor, }, { - id: "word-support", - value: "Word", - title: "워드 문서", - description: "MS Word 문서의 복잡한 구조도 이해합니다.", - icon: HelpCircle, + id: "word-support", value: "Word", title: "워드 문서", description: "MS Word 문서의 복잡한 구조도 이해합니다.", icon: HelpCircle, }, { - id: "hwp-support", - value: "한글", - title: "한글 문서", - description: "국내 교육 환경에 최적화된 한글 문서도 문제 없습니다.", - icon: Cog, + id: "hwp-support", value: "한글", title: "한글 문서", description: "국내 교육 환경에 최적화된 한글 문서도 문제 없습니다.", icon: Cog, }, { - id: "excel-support", - value: "Excel", - title: "엑셀 스프레드시트", - description: "데이터 기반의 학습 자료도 퀴즈로 변환합니다.", - icon: Table, + id: "excel-support", value: "Excel", title: "엑셀 스프레드시트", description: "데이터 기반의 학습 자료도 퀴즈로 변환합니다.", icon: Table, }, ]} title="다양한 파일 형식 완벽 지원" @@ -198,30 +129,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "type-mcq", - title: "객관식", - content: "4지선다, 5지선다 등 다양한 보기가 있는 객관식 문제로 빠르게 개념을 확인합니다.", - }, + id: "type-mcq", title: "객관식", content: "4지선다, 5지선다 등 다양한 보기가 있는 객관식 문제로 빠르게 개념을 확인합니다."}, { - id: "type-ox", - title: "OX 퀴즈", - content: "핵심 내용을 정확히 이해했는지 OX 문제로 간결하게 테스트합니다.", - }, + id: "type-ox", title: "OX 퀴즈", content: "핵심 내용을 정확히 이해했는지 OX 문제로 간결하게 테스트합니다."}, { - id: "type-short-answer", - title: "단답형", - content: "중요 키워드나 용어를 정확히 암기했는지 확인하는 단답형 문제입니다.", - }, + id: "type-short-answer", title: "단답형", content: "중요 키워드나 용어를 정확히 암기했는지 확인하는 단답형 문제입니다."}, { - id: "type-subjective", - title: "주관식", - content: "개념을 서술하고 설명하는 연습을 통해 심층적인 이해를 돕습니다.", - }, + id: "type-subjective", title: "주관식", content: "개념을 서술하고 설명하는 연습을 통해 심층적인 이해를 돕습니다."}, { - id: "type-fill-in-the-blank", - title: "빈칸 채우기", - content: "주요 문장이나 정의의 빈칸을 채우며 암기력을 높입니다.", - }, + id: "type-fill-in-the-blank", title: "빈칸 채우기", content: "주요 문장이나 정의의 빈칸을 채우며 암기력을 높입니다."}, ]} sideTitle="다양한 문제 유형으로 완벽 대비" sideDescription="객관식부터 주관식까지, 원하는 유형으로 시험에 완벽하게 대비하세요." @@ -236,49 +152,20 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "free", - badge: "무료", - price: "₩0", - subtitle: "지금 바로 시작!", - features: [ - "50문제 무료 생성", - "기본 문제 유형", - "모바일 학습", - ], + id: "free", badge: "무료", price: "₩0", subtitle: "지금 바로 시작!", features: [ + "50문제 무료 생성", "기본 문제 유형", "모바일 학습"], }, { - id: "starter", - badge: "인기", - price: "₩990", - subtitle: "가볍게 시작하는 플랜", - features: [ - "100문제 생성", - "모든 문제 유형", - "광고 제거", - ], + id: "starter", badge: "인기", price: "₩990", subtitle: "가볍게 시작하는 플랜", features: [ + "100문제 생성", "모든 문제 유형", "광고 제거"], }, { - id: "standard", - badge: "가성비", - price: "₩2,990", - subtitle: "열공 대학생 필수", - features: [ - "400문제 생성", - "프리미엄 지원", - "PDF/PPT/Word/한글 지원", - ], + id: "standard", badge: "가성비", price: "₩2,990", subtitle: "열공 대학생 필수", features: [ + "400문제 생성", "프리미엄 지원", "PDF/PPT/Word/한글 지원"], }, { - id: "premium", - badge: "최고", - price: "₩4,990", - subtitle: "시험 기간 끝판왕", - features: [ - "1000문제 생성", - "최우선 AI 처리", - "모든 파일 형식 지원", - "전용 고객 지원", - ], + id: "premium", badge: "최고", price: "₩4,990", subtitle: "시험 기간 끝판왕", features: [ + "1000문제 생성", "최우선 AI 처리", "모든 파일 형식 지원", "전용 고객 지원"], }, ]} title="합리적인 크레딧 플랜" @@ -293,64 +180,28 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "김민준", - role: "경영학과 3학년", - company: "서울대학교", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-cheerful-young-caucasian-woman-wearing-rectangular-glasses-polo-shirt-looking-smiling-happily-showing-her-white-teeth_273609-1460.jpg", - imageAlt: "김민준 학생", - }, + id: "1", name: "김민준", role: "경영학과 3학년", company: "서울대학교", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-cheerful-young-caucasian-woman-wearing-rectangular-glasses-polo-shirt-looking-smiling-happily-showing-her-white-teeth_273609-1460.jpg", imageAlt: "김민준 학생"}, { - id: "2", - name: "이서연", - role: "컴퓨터공학과 2학년", - company: "카이스트", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-student-holding-notebooks_23-2149647050.jpg", - imageAlt: "이서연 학생", - }, + id: "2", name: "이서연", role: "컴퓨터공학과 2학년", company: "카이스트", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-student-holding-notebooks_23-2149647050.jpg", imageAlt: "이서연 학생"}, { - id: "3", - name: "박지훈", - role: "의학과 4학년", - company: "연세대학교", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-together_23-2148729711.jpg", - imageAlt: "박지훈 학생", - }, + id: "3", name: "박지훈", role: "의학과 4학년", company: "연세대학교", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-together_23-2148729711.jpg", imageAlt: "박지훈 학생"}, { - id: "4", - name: "최유진", - role: "교육학과 1학년", - company: "고려대학교", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-student-hipster-sitting-stairs-with-digital-tablet-cup-coffee-draws_1258-151414.jpg", - imageAlt: "최유진 학생", - }, + id: "4", name: "최유진", role: "교육학과 1학년", company: "고려대학교", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-student-hipster-sitting-stairs-with-digital-tablet-cup-coffee-draws_1258-151414.jpg", imageAlt: "최유진 학생"}, { - id: "5", - name: "정우진", - role: "전자공학과 3학년", - company: "성균관대학교", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/female-student-sitting-stairs-read-book_1150-24620.jpg", - imageAlt: "정우진 학생", - }, + id: "5", name: "정우진", role: "전자공학과 3학년", company: "성균관대학교", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/female-student-sitting-stairs-read-book_1150-24620.jpg", imageAlt: "정우진 학생"}, ]} kpiItems={[ { - value: "99%", - label: "문제 정확도", - }, + value: "99%", label: "문제 정확도"}, { - value: "80%", - label: "학습 시간 절약", - }, + value: "80%", label: "학습 시간 절약"}, { - value: "20%+", - label: "평균 성적 향상", - }, + value: "20%+", label: "평균 성적 향상"}, ]} title="실제 사용자들의 생생한 후기" description="과탑과 함께 성적 향상을 경험한 대학생들의 이야기를 들어보세요." @@ -366,28 +217,13 @@ export default function LandingPage() { description="다양한 스터디 팁과 학습 자료를 공유하고 소통하세요." blogs={[ { - id: "1", - category: "스터디 팁", - title: "시험 기간 슬럼프 극복하는 5가지 방법", - excerpt: "시험 기간에 찾아오는 슬럼프, 과탑 커뮤니티에서 극복 방법을 찾아보세요!", - imageSrc: "http://img.b2bpic.net/free-photo/illustration-literacy-academics-education-mortar-board_53876-21198.jpg", - imageAlt: "온라인 스터디 포럼", + id: "1", category: "스터디 팁", title: "시험 기간 슬럼프 극복하는 5가지 방법", excerpt: "시험 기간에 찾아오는 슬럼프, 과탑 커뮤니티에서 극복 방법을 찾아보세요!", imageSrc: "http://img.b2bpic.net/free-photo/illustration-literacy-academics-education-mortar-board_53876-21198.jpg", imageAlt: "온라인 스터디 포럼", authorName: "과탑 AI", authorAvatar: "https://api.dicebear.com/7.x/notionists/svg?seed=Gwatop", date: "2023년 10월 26일" }, { - id: "2", - category: "학습 자료", - title: "전공 필기 노트를 AI 퀴즈로 변환하는 꿀팁", - excerpt: "나만의 AI 퀴즈를 만들고 효과적으로 전공을 마스터하는 비법!", - imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-writing-near-laptop-apple_23-2147761571.jpg", - imageAlt: "학생이 공부 팁을 공유", + id: "2", category: "학습 자료", title: "전공 필기 노트를 AI 퀴즈로 변환하는 꿀팁", excerpt: "나만의 AI 퀴즈를 만들고 효과적으로 전공을 마스터하는 비법!", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-writing-near-laptop-apple_23-2147761571.jpg", imageAlt: "학생이 공부 팁을 공유", authorName: "과탑 AI", authorAvatar: "https://api.dicebear.com/7.x/notionists/svg?seed=Gwatop", date: "2023년 10월 25일" }, { - id: "3", - category: "AI 활용", - title: "AI 튜터와 함께하는 개념 완벽 이해 가이드", - excerpt: "과탑 AI 튜터 기능을 활용하여 어려운 개념도 쉽게 이해하는 방법.", - imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062204.jpg", - imageAlt: "AI 튜터와 학습", + id: "3", category: "AI 활용", title: "AI 튜터와 함께하는 개념 완벽 이해 가이드", excerpt: "과탑 AI 튜터 기능을 활용하여 어려운 개념도 쉽게 이해하는 방법.", imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062204.jpg", imageAlt: "AI 튜터와 학습", authorName: "과탑 AI", authorAvatar: "https://api.dicebear.com/7.x/notionists/svg?seed=Gwatop", date: "2023년 10월 24일" }, ]} /> @@ -401,53 +237,33 @@ export default function LandingPage() { { items: [ { - label: "서비스 소개", - href: "/#hero", - }, + label: "서비스 소개", href: "/#hero"}, { - label: "사용 방법", - href: "/#how-to-use", - }, + label: "사용 방법", href: "/#how-to-use"}, { - label: "문제 유형", - href: "/#question-types", - }, + label: "문제 유형", href: "/#question-types"}, { - label: "요금제", - href: "/#pricing", - }, + label: "요금제", href: "/#pricing"}, ], }, { items: [ { - label: "커뮤니티", - href: "/community", - }, + label: "커뮤니티", href: "/community"}, { - label: "마이페이지", - href: "/mypage", - }, + label: "마이페이지", href: "/mypage"}, { - label: "크레딧 충전", - href: "/recharge", - }, + label: "크레딧 충전", href: "/recharge"}, ], }, { items: [ { - label: "개인정보처리방침", - href: "#", - }, + label: "개인정보처리방침", href: "#"}, { - label: "이용약관", - href: "#", - }, + label: "이용약관", href: "#"}, { - label: "문의하기", - href: "#", - }, + label: "문의하기", href: "#"}, ], }, ]}