bender/fe42d73b-085e-4e41-bb5b-e9d410aae346
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-17 08:50:26 +00:00
Conversation 0 Commits 1 Files Changed 1 +40 -254
1 changed files with 40 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

294
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "FAQ",
id: "#faq",
},
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "FAQ", id: "#faq" },
]}
brandName="Talkpik"
/>
@@ -55,48 +43,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Master TOPIK with AI-Powered Intelligence"
description="Talkpik uses advanced AI to personalize your TOPIK learning journey, helping you speak, read, and write like a native Korean speaker."
tag="Revolutionize Your Studies"
buttons={[
{
text: "Get Started Free",
href: "#pricing",
},
{
text: "Learn More",
href: "#about",
},
{ text: "Get Started Free", href: "#pricing" },
{ text: "Learn More", href: "#about" },
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-asian-girl-with-digital-tablet-smiling-looking-amazed-happy-with-something-good-hol_1258-151474.jpg?_wi=1",
imageAlt: "Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-woman-eating-breakfast-cereals-with-milk-as-morning-meal-holding-bowl-spoon_1258-203949.jpg?_wi=1",
imageAlt: "Tests",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-with-disability-holding-green-screen-digital-tablet-senior-person-sitting-wheelchair-using-blank-copy-space-with-isolated-chroma-key-mock-up-background-display_482257-39047.jpg?_wi=1",
imageAlt: "Writing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
imageAlt: "Listening",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg",
imageAlt: "Reading",
},
{
imageSrc: "http://img.b2bpic.net/free-psd/remote-learning-landing-page_23-2148911010.jpg",
imageAlt: "Group Study",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-asian-girl-with-digital-tablet-smiling-looking-amazed-happy-with-something-good-hol_1258-151474.jpg", imageAlt: "Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-woman-eating-breakfast-cereals-with-milk-as-morning-meal-holding-bowl-spoon_1258-203949.jpg", imageAlt: "Tests" },
{ imageSrc: "http://img.b2bpic.net/free-photo/old-woman-with-disability-holding-green-screen-digital-tablet-senior-person-sitting-wheelchair-using-blank-copy-space-with-isolated-chroma-key-mock-up-background-display_482257-39047.jpg", imageAlt: "Writing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "Listening" },
{ imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg", imageAlt: "Reading" },
{ imageSrc: "http://img.b2bpic.net/free-psd/remote-learning-landing-page_23-2148911010.jpg", imageAlt: "Group Study" },
]}
/>
</div>
@@ -106,9 +68,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Why Talkpik?"
description={[
"Traditional learning is slow and impersonal. Talkpik adapts to your unique learning style, pinpointing weaknesses and accelerating your path to TOPIK mastery.",
"With state-of-the-art AI, we simulate real test environments and provide instant feedback on your progress.",
]}
"Traditional learning is slow and impersonal. Talkpik adapts to your unique learning style, pinpointing weaknesses and accelerating your path to TOPIK mastery.", "With state-of-the-art AI, we simulate real test environments and provide instant feedback on your progress."]}
/>
</div>
@@ -119,40 +79,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Interactive Test Simulator",
description: "Practice with past exams simulated in real-time.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-young-woman-with-phone-emotion-concept_169016-66540.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-asian-girl-with-digital-tablet-smiling-looking-amazed-happy-with-something-good-hol_1258-151474.jpg?_wi=2",
imageAlt: "mobile language app interface",
title: "Interactive Test Simulator", description: "Practice with past exams simulated in real-time.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-young-woman-with-phone-emotion-concept_169016-66540.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg" }
},
{
title: "AI Vocabulary Coach",
description: "AI-curated word banks based on frequency.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576781.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/translator-dictionary-language-interpreter_53876-132693.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-woman-eating-breakfast-cereals-with-milk-as-morning-meal-holding-bowl-spoon_1258-203949.jpg?_wi=2",
imageAlt: "mobile language app interface",
title: "AI Vocabulary Coach", description: "AI-curated word banks based on frequency.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576781.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/translator-dictionary-language-interpreter_53876-132693.jpg" }
},
{
title: "Real-time Speaking Feedback",
description: "Instant correction for your pronunciation.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-student-wearing-glasses-bandana-headphones-around-neck-holding-note-pads-taking-photo-them-with-mobile-phone-isolated-olive-green-background_141793-134660.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/mobile-login-screen_23-2152004052.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-with-disability-holding-green-screen-digital-tablet-senior-person-sitting-wheelchair-using-blank-copy-space-with-isolated-chroma-key-mock-up-background-display_482257-39047.jpg?_wi=2",
imageAlt: "mobile language app interface",
title: "Real-time Speaking Feedback", description: "Instant correction for your pronunciation.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-student-wearing-glasses-bandana-headphones-around-neck-holding-note-pads-taking-photo-them-with-mobile-phone-isolated-olive-green-background_141793-134660.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-login-screen_23-2152004052.jpg" }
},
]}
showStepNumbers={true}
@@ -168,27 +104,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "95%",
title: "Pass Rate",
description: "Users passing their target level.",
icon: CheckCircle,
},
{
id: "m2",
value: "2x",
title: "Learning Speed",
description: "Faster than traditional courses.",
icon: Zap,
},
{
id: "m3",
value: "50k+",
title: "Active Learners",
description: "Global community growing.",
icon: Users,
},
{ id: "m1", value: "95%", title: "Pass Rate", description: "Users passing their target level.", icon: CheckCircle },
{ id: "m2", value: "2x", title: "Learning Speed", description: "Faster than traditional courses.", icon: Zap },
{ id: "m3", value: "50k+", title: "Active Learners", description: "Global community growing.", icon: Users },
]}
title="Learning That Works"
description="Evidence-backed results for our users."
@@ -201,41 +119,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Min-ji Kim",
role: "Student",
testimonial: "Talkpik completely changed how I prep for TOPIK. The AI feedback is a game changer.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg",
},
{
id: "2",
name: "David Smith",
role: "Professional",
testimonial: "I passed TOPIK level 4 in just 3 months thanks to the adaptive curriculum.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-african-woman-student-smiling-laughing-sitting-cafe-books-magazines-lying-table-learning-education_176420-12408.jpg",
},
{
id: "3",
name: "Yuki Tanaka",
role: "Student",
testimonial: "The mock tests feel so realistic. It made the real exam feel easy.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-student-girl-wearing-headphones-sitting-desk-with-school-tools-listening-music-looking-side-with-fingers-headphones-isolated-white-wall_141793-97677.jpg",
},
{
id: "4",
name: "Elena Rodriguez",
role: "Educator",
testimonial: "As a teacher, I recommend Talkpik to all my students for supplementary practice.",
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-with-pens-table_23-2147953159.jpg",
},
{
id: "5",
name: "Liam Connor",
role: "Enthusiast",
testimonial: "The vocabulary coach really helped me memorize words I struggled with.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-redhead-girl-student-red-hat-holds-digital-tablet-uses-social-media-app-searches-so_1258-151080.jpg",
},
{ id: "1", name: "Min-ji Kim", role: "Student", testimonial: "Talkpik completely changed how I prep for TOPIK. The AI feedback is a game changer.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg" },
{ id: "2", name: "David Smith", role: "Professional", testimonial: "I passed TOPIK level 4 in just 3 months thanks to the adaptive curriculum.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-african-woman-student-smiling-laughing-sitting-cafe-books-magazines-lying-table-learning-education_176420-12408.jpg" },
{ id: "3", name: "Yuki Tanaka", role: "Student", testimonial: "The mock tests feel so realistic. It made the real exam feel easy.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-student-girl-wearing-headphones-sitting-desk-with-school-tools-listening-music-looking-side-with-fingers-headphones-isolated-white-wall_141793-97677.jpg" },
{ id: "4", name: "Elena Rodriguez", role: "Educator", testimonial: "As a teacher, I recommend Talkpik to all my students for supplementary practice.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-with-pens-table_23-2147953159.jpg" },
{ id: "5", name: "Liam Connor", role: "Enthusiast", testimonial: "The vocabulary coach really helped me memorize words I struggled with.", imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-redhead-girl-student-red-hat-holds-digital-tablet-uses-social-media-app-searches-so_1258-151080.jpg" },
]}
title="Trusted by Students"
description="Join thousands of learners achieving their dreams."
@@ -248,59 +136,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "starter",
badge: "Essential",
price: "$19/mo",
subtitle: "Basic access to AI tools.",
features: [
"TOPIK I material",
"Daily vocabulary drill",
"Community access",
],
buttons: [
{
text: "Start Now",
href: "#",
},
],
},
{
id: "pro",
badge: "Popular",
price: "$39/mo",
subtitle: "Complete exam mastery.",
features: [
"TOPIK I & II material",
"Unlimited AI feedback",
"Speaking simulator",
"Priority support",
],
buttons: [
{
text: "Get Pro",
href: "#",
},
],
},
{
id: "expert",
badge: "Best",
price: "$59/mo",
subtitle: "Ultimate exam prep.",
features: [
"Everything in Pro",
"1-on-1 tutoring sessions",
"Customized learning path",
"Performance analytics",
],
buttons: [
{
text: "Get Expert",
href: "#",
},
],
},
{ id: "starter", badge: "Essential", price: "$19/mo", subtitle: "Basic access to AI tools.", features: ["TOPIK I material", "Daily vocabulary drill", "Community access"], buttons: [{ text: "Start Now", href: "#" }] },
{ id: "pro", badge: "Popular", price: "$39/mo", subtitle: "Complete exam mastery.", features: ["TOPIK I & II material", "Unlimited AI feedback", "Speaking simulator", "Priority support"], buttons: [{ text: "Get Pro", href: "#" }] },
{ id: "expert", badge: "Best", price: "$59/mo", subtitle: "Ultimate exam prep.", features: ["Everything in Pro", "1-on-1 tutoring sessions", "Customized learning path", "Performance analytics"], buttons: [{ text: "Get Expert", href: "#" }] },
]}
title="Simple Pricing"
description="Choose the right plan for your journey."
@@ -312,21 +150,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Does this work for beginners?",
content: "Yes! Talkpik adapts to any level, from complete beginner to advanced.",
},
{
id: "q2",
title: "Can I cancel at any time?",
content: "Absolutely. You can cancel your subscription whenever you wish.",
},
{
id: "q3",
title: "How does AI help?",
content: "Our AI analyzes your performance in real-time to provide personalized learning content and feedback.",
},
{ id: "q1", title: "Does this work for beginners?", content: "Yes! Talkpik adapts to any level, from complete beginner to advanced." },
{ id: "q2", title: "Can I cancel at any time?", content: "Absolutely. You can cancel your subscription whenever you wish." },
{ id: "q3", title: "How does AI help?", content: "Our AI analyzes your performance in real-time to provide personalized learning content and feedback." },
]}
title="Frequently Asked Questions"
description="Answers to commonly asked questions."
@@ -337,58 +163,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to ace your next TOPIK exam? Join Talkpik today."
buttons={[
{
text: "Get Started",
href: "#pricing",
},
]}
buttons={[{ text: "Get Started", href: "#pricing" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Features",
href: "#features",
},
],
},
{
items: [
{
label: "Pricing",
href: "#pricing",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
{ items: [{ label: "Pricing", href: "#pricing" }, { label: "FAQ", href: "#faq" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
logoText="Talkpik"
/>
@@ -396,4 +182,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}