bender/78ffce46-fa42-4695-9e43-03cd173bfb6c
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-05-01 03:28:49 +00:00
Conversation 0 Commits 1 Files Changed 1 +36 -197
1 changed files with 36 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

233
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Upload",
id: "#hero",
},
{
name: "Arcade",
id: "#features",
},
{
name: "Progress",
id: "#metrics",
},
{
name: "Pricing",
id: "#pricing",
},
{ name: "Upload", id: "#hero" },
{ name: "Arcade", id: "#features" },
{ name: "Progress", id: "#metrics" },
{ name: "Pricing", id: "#pricing" },
]}
brandName="StudyHelper.io"
/>
@@ -54,32 +42,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Study in the Void."
description="Upload any document and watch AI turn it into your own neon study arcade."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg?_wi=1",
imageAlt: "Drop Zone",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-numbered-lockers-gym_23-2147949733.jpg",
imageAlt: "Processing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-helmet-with-neon-detailing_23-2152011754.jpg",
imageAlt: "Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306812.jpg",
imageAlt: "Abstract geometric background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306783.jpg",
imageAlt: "Abstract geometric background",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg", imageAlt: "Drop Zone" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-numbered-lockers-gym_23-2147949733.jpg", imageAlt: "Processing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-helmet-with-neon-detailing_23-2152011754.jpg", imageAlt: "Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306812.jpg", imageAlt: "Abstract geometric background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306783.jpg", imageAlt: "Abstract geometric background" },
]}
mediaAnimation="blur-reveal"
/>
@@ -90,41 +61,19 @@ export default function LandingPage() {
useInvertedBackground={false}
title="The AI Core"
description={[
"Drag and drop your PDF or DOC into our obsidian drop zone.",
"Our AI engine identifies keywords, creates flashcards, and builds challenges in under 10 seconds.",
]}
"Drag and drop your PDF or DOC into our obsidian drop zone.", "Our AI engine identifies keywords, creates flashcards, and builds challenges in under 10 seconds."]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Neon Flashcards",
descriptions: [
"Flip through glassmorphic cards with smooth 3D animations.",
],
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
},
{
id: "2",
title: "Void Runner",
descriptions: [
"Answer questions to keep your ship flying through neon space.",
],
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background-wallpaper_181624-23644.jpg",
},
{
id: "3",
title: "Cyber Badges",
descriptions: [
"Earn metallic rewards for your 7-day study streaks.",
],
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-sale_23-2152027241.jpg",
},
{ id: "1", title: "Neon Flashcards", descriptions: ["Flip through glassmorphic cards with smooth 3D animations."], imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg" },
{ id: "2", title: "Void Runner", descriptions: ["Answer questions to keep your ship flying through neon space."], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background-wallpaper_181624-23644.jpg" },
{ id: "3", title: "Cyber Badges", descriptions: ["Earn metallic rewards for your 7-day study streaks."], imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-sale_23-2152027241.jpg" },
]}
title="The Study Arcade"
description="Transform dense material into interactive games."
@@ -133,52 +82,17 @@ export default function LandingPage() {
<div id="product" data-section="product">
<ProductCardFour
animationType="blur-reveal"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Data Science Fundamentals",
price: "Free",
variant: "Cyber",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fluorescent-make-up_23-2148410092.jpg",
},
{
id: "p2",
name: "React Hooks Masterclass",
price: "$15",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139166.jpg",
},
{
id: "p3",
name: "AI Ethics 101",
price: "Free",
variant: "Basic",
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098552.jpg",
},
{
id: "p4",
name: "CSS Grid Pro",
price: "$10",
variant: "Pro",
imageSrc: "http://img.b2bpic.net/free-photo/secured-file-folder-futuristic-data-network_23-2152001151.jpg",
},
{
id: "p5",
name: "Python for Analysts",
price: "$20",
variant: "Advanced",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212560.jpg",
},
{
id: "p6",
name: "Digital Marketing Basics",
price: "Free",
variant: "Core",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898148.jpg",
},
{ id: "p1", name: "Data Science Fundamentals", price: "Free", variant: "Cyber", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fluorescent-make-up_23-2148410092.jpg" },
{ id: "p2", name: "React Hooks Masterclass", price: "$15", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139166.jpg" },
{ id: "p3", name: "AI Ethics 101", price: "Free", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098552.jpg" },
{ id: "p4", name: "CSS Grid Pro", price: "$10", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/secured-file-folder-futuristic-data-network_23-2152001151.jpg" },
{ id: "p5", name: "Python for Analysts", price: "$20", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212560.jpg" },
{ id: "p6", name: "Digital Marketing Basics", price: "Free", variant: "Core", imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898148.jpg" },
]}
title="Featured Modules"
description="Ready-to-use study decks and game templates."
@@ -187,40 +101,12 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "basic",
title: "Night Owl",
price: "$0",
period: "/mo",
features: [
"Limited Uploads",
"Basic Games",
],
button: {
text: "Get Started",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-sitting-office-night_171337-15579.jpg",
imageAlt: "motivated university student portrait",
},
{
id: "pro",
title: "Cyber Master",
price: "$19",
period: "/mo",
features: [
"Unlimited Uploads",
"Advanced Arcade",
"Offline Mode",
],
button: {
text: "Unlock Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg?_wi=2",
imageAlt: "motivated university student portrait",
},
{ id: "basic", title: "Night Owl", price: "$0", period: "/mo", features: ["Limited Uploads", "Basic Games"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-sitting-office-night_171337-15579.jpg", imageAlt: "motivated university student portrait" },
{ id: "pro", title: "Cyber Master", price: "$19", period: "/mo", features: ["Unlimited Uploads", "Advanced Arcade", "Offline Mode"], button: { text: "Unlock Now" }, imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg", imageAlt: "motivated university student portrait" },
]}
title="Night Owl Plans"
description="Choose your access tier."
@@ -234,26 +120,11 @@ export default function LandingPage() {
rating={5}
author="Marcus Thorne"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg",
alt: "Student 1",
},
{
src: "http://img.b2bpic.net/free-photo/cool-student-stylish-glasses-doing-home-assignment-desk-making-notes-listening-music-via-wireless-headphones-attractive-young-male-artist-with-earphones-sketching-notebook-smiling_343059-2024.jpg",
alt: "Student 2",
},
{
src: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-woman-dressed-outerwear-holds-modern-tablet-notebook-focused-away-walks-outside_273609-55797.jpg",
alt: "Student 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-student_23-2149200235.jpg",
alt: "Student 4",
},
{
src: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-66374.jpg",
alt: "Student 5",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg", alt: "Student 1" },
{ src: "http://img.b2bpic.net/free-photo/cool-student-stylish-glasses-doing-home-assignment-desk-making-notes-listening-music-via-wireless-headphones-attractive-young-male-artist-with-earphones-sketching-notebook-smiling_343059-2024.jpg", alt: "Student 2" },
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-woman-dressed-outerwear-holds-modern-tablet-notebook-focused-away-walks-outside_273609-55797.jpg", alt: "Student 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-student_23-2149200235.jpg", alt: "Student 4" },
{ src: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-66374.jpg", alt: "Student 5" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -265,21 +136,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Does this work offline?",
content: "Yes, once uploaded, you can sync content to your mobile app for offline studying.",
},
{
id: "f2",
title: "Which files are supported?",
content: "We support PDF and DOCX formats.",
},
{
id: "f3",
title: "Is there a dark mode?",
content: "Everything on StudyHelper is designed in dark mode by default.",
},
{ id: "f1", title: "Does this work offline?", content: "Yes, once uploaded, you can sync content to your mobile app for offline studying." },
{ id: "f2", title: "Which files are supported?", content: "We support PDF and DOCX formats." },
{ id: "f3", title: "Is there a dark mode?", content: "Everything on StudyHelper is designed in dark mode by default." },
]}
title="Common Queries"
description="Everything you need to know about the Study Arcade."
@@ -290,36 +149,16 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Join the Night Owls today."
buttons={[
{
text: "Get Started",
},
]}
buttons={[{ text: "Get Started" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="StudyHelper.io"
columns={[
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
columns={[{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }]}
/>
</div>
</ReactLenis>