bender/e7912219-41d9-471b-ad09-ab147c8d8c0d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-28 11:00:55 +00:00
parent 4ca5dcf1a4
commit a594d108a6
1 changed files with 49 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Globe, Lightbulb, Sparkles } from "lucide-react";
import { Award, Globe, Lightbulb, Sparkles, Shield, Target, Trophy, ChartLine } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,26 +32,16 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "How it Works",
id: "#how-it-works",
},
name: "How it Works", id: "#how-it-works"},
{
name: "Leaderboard",
id: "#leaderboard",
},
name: "Leaderboard", id: "#leaderboard"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
]}
button={{
text: "Sign in",
href: "#",
}}
text: "Sign in", href: "#"}}
brandName="AIQuest"
/>
</div>
@@ -59,15 +49,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
variant: "plain"}}
title="Level up your AI skills — one quest at a time"
description="Learn to work with AI tools through gamified challenges. From text prompts to video generation and AI avatars.\nJoin our community of over 2,400+ learners across 50+ levels and 5 AI worlds, with real prizes awaiting top performers."
buttons={[
{
text: "Start for free →",
href: "#pricing",
},
text: "Start for free →", href: "#pricing"},
]}
imageSrc="http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062210.jpg"
imageAlt="AIQuest gamified level map showing different AI worlds"
@@ -80,33 +67,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "XP & Level System",
description: "Earn experience points, unlock new worlds, and climb the ranks to become an AI master.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-vector/collection-stars-games_23-2147738106.jpg",
imageAlt: "XP & Level System icon",
},
title: "XP & Level System", description: "Earn experience points, unlock new worlds, and climb the ranks to become an AI master.", buttonIcon: Shield,
imageSrc: "http://img.b2bpic.net/free-vector/collection-stars-games_23-2147738106.jpg", imageAlt: "XP & Level System icon"},
{
title: "Real Challenges",
description: "Write actual prompts, analyze AI outputs, and receive instant, intelligent feedback on your solutions.",
buttonIcon: "Target",
imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-26037.jpg",
imageAlt: "Real Challenges icon",
},
title: "Real Challenges", description: "Write actual prompts, analyze AI outputs, and receive instant, intelligent feedback on your solutions.", buttonIcon: Target,
imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-26037.jpg", imageAlt: "Real Challenges icon"},
{
title: "Compete & Win",
description: "Challenge other learners, rise through the weekly leaderboard, and win exciting real-world prizes.",
buttonIcon: "Trophy",
imageSrc: "http://img.b2bpic.net/free-vector/key-success-factors-isometric-business-concept_107791-736.jpg",
imageAlt: "Compete & Win icon",
},
title: "Compete & Win", description: "Challenge other learners, rise through the weekly leaderboard, and win exciting real-world prizes.", buttonIcon: Trophy,
imageSrc: "http://img.b2bpic.net/free-vector/key-success-factors-isometric-business-concept_107791-736.jpg", imageAlt: "Compete & Win icon"},
{
title: "Progress Tracking",
description: "Monitor your skill growth, track your completed quests, and see your mastery evolve over time.",
buttonIcon: "ChartLine",
imageSrc: "http://img.b2bpic.net/free-photo/digital-devices-displaying-company-data_482257-119238.jpg",
imageAlt: "Progress Tracking icon",
},
title: "Progress Tracking", description: "Monitor your skill growth, track your completed quests, and see your mastery evolve over time.", buttonIcon: ChartLine,
imageSrc: "http://img.b2bpic.net/free-photo/digital-devices-displaying-company-data_482257-119238.jpg", imageAlt: "Progress Tracking icon"},
]}
title="Unlock Your Potential"
description="Dive into challenges that truly test your AI knowledge and creativity."
@@ -121,19 +92,13 @@ export default function LandingPage() {
description="Embark on a clear path to mastery with our structured, engaging quests. It's simple, fun, and highly effective."
bulletPoints={[
{
title: "Choose a World",
description: "Select from 5 AI worlds like Text, Images, or Video, each with unique challenges.",
icon: Globe,
title: "Choose a World", description: "Select from 5 AI worlds like Text, Images, or Video, each with unique challenges.", icon: Globe,
},
{
title: "Complete Tasks",
description: "Tackle gamified challenges designed to build your practical AI skills.",
icon: Lightbulb,
title: "Complete Tasks", description: "Tackle gamified challenges designed to build your practical AI skills.", icon: Lightbulb,
},
{
title: "Earn XP & Badges",
description: "Gain experience, collect badges, and unlock new content as you progress.",
icon: Sparkles,
title: "Earn XP & Badges", description: "Gain experience, collect badges, and unlock new content as you progress.", icon: Sparkles,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/data-hand_23-2151957116.jpg"
@@ -150,25 +115,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "rank1",
value: "1.",
title: "Gold Champion",
description: "Highest XP, longest streak.",
icon: Award,
id: "rank1", value: "1.", title: "Gold Champion", description: "Highest XP, longest streak.", icon: Award,
},
{
id: "rank2",
value: "2.",
title: "Silver Elite",
description: "Consistently excellent performance.",
icon: Award,
id: "rank2", value: "2.", title: "Silver Elite", description: "Consistently excellent performance.", icon: Award,
},
{
id: "rank3",
value: "3.",
title: "Bronze Explorer",
description: "Rising star, great potential.",
icon: Award,
id: "rank3", value: "3.", title: "Bronze Explorer", description: "Rising star, great potential.", icon: Award,
},
]}
title="Top AI Adventurers"
@@ -183,45 +136,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alex Chen",
handle: "@alex_codes_ai",
testimonial: "AIQuest has transformed my understanding of AI. The gamified approach makes learning addictive and fun. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg",
imageAlt: "Alex Chen avatar",
},
id: "t1", name: "Alex Chen", handle: "@alex_codes_ai", testimonial: "AIQuest has transformed my understanding of AI. The gamified approach makes learning addictive and fun. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg", imageAlt: "Alex Chen avatar"},
{
id: "t2",
name: "Samantha Lee",
handle: "@samanth.ai",
testimonial: "The real-time AI feedback is a game-changer. It's like having a personal AI mentor for every challenge.",
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419479.jpg",
imageAlt: "Samantha Lee avatar",
},
id: "t2", name: "Samantha Lee", handle: "@samanth.ai", testimonial: "The real-time AI feedback is a game-changer. It's like having a personal AI mentor for every challenge.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419479.jpg", imageAlt: "Samantha Lee avatar"},
{
id: "t3",
name: "Marcus Johnson",
handle: "@marcus_tech",
testimonial: "I've tried many AI courses, but AIQuest's leaderboard and prizes kept me motivated to push my limits. Amazing concept!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-architect-using-touch-screen-building-model-maquette-layout-engineer-working-with-blueprint-plan-construction-development-graphic-design-architectural-office_482257-31903.jpg",
imageAlt: "Marcus Johnson avatar",
},
id: "t3", name: "Marcus Johnson", handle: "@marcus_tech", testimonial: "I've tried many AI courses, but AIQuest's leaderboard and prizes kept me motivated to push my limits. Amazing concept!", imageSrc: "http://img.b2bpic.net/free-photo/woman-architect-using-touch-screen-building-model-maquette-layout-engineer-working-with-blueprint-plan-construction-development-graphic-design-architectural-office_482257-31903.jpg", imageAlt: "Marcus Johnson avatar"},
{
id: "t4",
name: "Emily Rodriguez",
handle: "@emily.ai.art",
testimonial: "From text prompts to video generation, I've expanded my creative AI skills significantly. The avatar quests are my favorite!",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-lady-standing-isolated-pink-neon-space-expressing-positive-emotions_176532-11527.jpg",
imageAlt: "Emily Rodriguez avatar",
},
id: "t4", name: "Emily Rodriguez", handle: "@emily.ai.art", testimonial: "From text prompts to video generation, I've expanded my creative AI skills significantly. The avatar quests are my favorite!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-lady-standing-isolated-pink-neon-space-expressing-positive-emotions_176532-11527.jpg", imageAlt: "Emily Rodriguez avatar"},
{
id: "t5",
name: "David Kim",
handle: "@data_david",
testimonial: "The structured quests helped me understand complex AI tools step-by-step. My AI proficiency has never been higher.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332551.jpg",
imageAlt: "David Kim avatar",
},
id: "t5", name: "David Kim", handle: "@data_david", testimonial: "The structured quests helped me understand complex AI tools step-by-step. My AI proficiency has never been higher.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332551.jpg", imageAlt: "David Kim avatar"},
]}
title="What Our Learners Say"
description="Hear from AIQuest members who are leveling up their skills and careers with our gamified platform."
@@ -234,20 +157,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What is AIQuest?",
content: "AIQuest is a gamified AI learning platform where you learn to work with AI tools through interactive challenges and quests. Earn XP, unlock worlds, and compete for prizes!",
},
id: "faq1", title: "What is AIQuest?", content: "AIQuest is a gamified AI learning platform where you learn to work with AI tools through interactive challenges and quests. Earn XP, unlock worlds, and compete for prizes!"},
{
id: "faq2",
title: "What kind of AI skills will I learn?",
content: "You'll learn practical skills in areas like text prompting, image generation, video creation, AI avatar customization, and AI automation workflows.",
},
id: "faq2", title: "What kind of AI skills will I learn?", content: "You'll learn practical skills in areas like text prompting, image generation, video creation, AI avatar customization, and AI automation workflows."},
{
id: "faq3",
title: "Is there a free trial?",
content: "Yes, you can start with our Free tier which gives you access to basic levels and a selection of AI worlds to get you started on your quest.",
},
id: "faq3", title: "Is there a free trial?", content: "Yes, you can start with our Free tier which gives you access to basic levels and a selection of AI worlds to get you started on your quest."},
]}
title="Got Questions? We've Got Answers."
description="Find quick answers to the most common questions about AIQuest, our platform, and how to get started."
@@ -262,58 +176,28 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "free",
name: "Free",
price: "$0",
buttons: [
id: "free", name: "Free", price: "$0", buttons: [
{
text: "Start for Free",
href: "#",
},
text: "Start for Free", href: "#"},
],
features: [
"Access to 2 AI Worlds",
"Basic Quests & Levels",
"Leaderboard Access",
"Community Forum",
],
"Access to 2 AI Worlds", "Basic Quests & Levels", "Leaderboard Access", "Community Forum"],
},
{
id: "pro",
badge: "Most Popular",
name: "Pro",
price: "$9/mo",
buttons: [
id: "pro", badge: "Most Popular", name: "Pro", price: "$9/mo", buttons: [
{
text: "Go Pro",
href: "#",
},
text: "Go Pro", href: "#"},
],
features: [
"All 5 AI Worlds",
"Advanced Quests & Levels",
"AI Feedback on Answers",
"Priority Prize Eligibility",
"Premium Support",
],
"All 5 AI Worlds", "Advanced Quests & Levels", "AI Feedback on Answers", "Priority Prize Eligibility", "Premium Support"],
},
{
id: "team",
name: "Team",
price: "$29/mo",
buttons: [
id: "team", name: "Team", price: "$29/mo", buttons: [
{
text: "Get Team Access",
href: "#",
},
text: "Get Team Access", href: "#"},
],
features: [
"Everything in Pro",
"Dedicated Team Leaderboard",
"Admin Analytics Dashboard",
"Custom Onboarding",
"Volume Discounts",
],
"Everything in Pro", "Dedicated Team Leaderboard", "Admin Analytics Dashboard", "Custom Onboarding", "Volume Discounts"],
},
]}
title="Unlock Your Full Potential"
@@ -328,45 +212,27 @@ export default function LandingPage() {
logoText="AIQuest"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "How it Works",
href: "#how-it-works",
},
label: "How it Works", href: "#how-it-works"},
{
label: "Leaderboard",
href: "#leaderboard",
},
label: "Leaderboard", href: "#leaderboard"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Contact",
href: "#",
},
label: "Contact", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}