Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -6,7 +6,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import { Award, Calendar, CheckSquare, Search, Share2, Sparkles } from "lucide-react";
|
||||
import { Award, Calendar, CheckSquare, Search, Share2, Sparkles, FolderKanban, BellDot, BarChart3 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,21 +27,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Plan",
|
||||
id: "/plan",
|
||||
},
|
||||
name: "Plan", id: "/plan"},
|
||||
{
|
||||
name: "Settings",
|
||||
id: "/settings",
|
||||
},
|
||||
name: "Settings", id: "/settings"},
|
||||
{
|
||||
name: "Account",
|
||||
id: "/account",
|
||||
},
|
||||
name: "Account", id: "/account"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/education-business-logo-template-branding-design-vector-learning-institution-text_53876-151216.jpg"
|
||||
logoAlt="StudyBalance Logo"
|
||||
@@ -49,9 +41,7 @@ export default function LandingPage() {
|
||||
bottomLeftText="💰 Streaks"
|
||||
bottomRightText="❓ Help"
|
||||
button={{
|
||||
text: "Log In",
|
||||
href: "/account",
|
||||
}}
|
||||
text: "Log In", href: "/account"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,61 +52,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
title: "Free",
|
||||
price: "$0",
|
||||
period: "per month",
|
||||
features: [
|
||||
"Organized Notes",
|
||||
"To-Do List",
|
||||
"3 Free Study Plans",
|
||||
"20 Free Revision Materials",
|
||||
],
|
||||
id: "free", title: "Free", price: "$0", period: "per month", features: [
|
||||
"Organized Notes", "To-Do List", "3 Free Study Plans", "20 Free Revision Materials"],
|
||||
button: {
|
||||
text: "Get Started Free",
|
||||
href: "/account",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459770.jpg",
|
||||
imageAlt: "Free Plan",
|
||||
},
|
||||
text: "Get Started Free", href: "/account"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459770.jpg", imageAlt: "Free Plan"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Premium",
|
||||
price: "$9.99",
|
||||
period: "per month",
|
||||
features: [
|
||||
"Unlimited Organized Notes",
|
||||
"5 To-Do Lists",
|
||||
"20 Study Plans",
|
||||
"Unlimited Revision Materials",
|
||||
"No Ads",
|
||||
],
|
||||
id: "premium", title: "Premium", price: "$9.99", period: "per month", features: [
|
||||
"Unlimited Organized Notes", "5 To-Do Lists", "20 Study Plans", "Unlimited Revision Materials", "No Ads"],
|
||||
button: {
|
||||
text: "Go Premium",
|
||||
href: "/account",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-credit-card-black-background_23-2148317907.jpg",
|
||||
imageAlt: "Premium Plan",
|
||||
},
|
||||
text: "Go Premium", href: "/account"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-credit-card-black-background_23-2148317907.jpg", imageAlt: "Premium Plan"},
|
||||
{
|
||||
id: "unlimited",
|
||||
title: "Unlimited",
|
||||
price: "$19.99",
|
||||
period: "per month",
|
||||
features: [
|
||||
"No Ads",
|
||||
"Unlimited Organized Notes",
|
||||
"Unlimited To-Do Lists",
|
||||
"Unlimited Revision Materials",
|
||||
"Unlimited Study Plans",
|
||||
],
|
||||
id: "unlimited", title: "Unlimited", price: "$19.99", period: "per month", features: [
|
||||
"No Ads", "Unlimited Organized Notes", "Unlimited To-Do Lists", "Unlimited Revision Materials", "Unlimited Study Plans"],
|
||||
button: {
|
||||
text: "Unlock Unlimited",
|
||||
href: "/account",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flay-lay-back-school-elements-with-clipboard-template_23-2148198132.jpg",
|
||||
imageAlt: "Unlimited Plan",
|
||||
},
|
||||
text: "Unlock Unlimited", href: "/account"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flay-lay-back-school-elements-with-clipboard-template_23-2148198132.jpg", imageAlt: "Unlimited Plan"},
|
||||
]}
|
||||
title="StudyBalance Plans"
|
||||
description="Choose the perfect plan to boost your academic performance. From free essentials to unlimited power, we have you covered."
|
||||
@@ -130,80 +82,53 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Organized Notes",
|
||||
description: "Keep all your study materials neatly categorized and easily accessible.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062193.jpg",
|
||||
imageAlt: "Organized Notes",
|
||||
},
|
||||
title: "Organized Notes", description: "Keep all your study materials neatly categorized and easily accessible.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062193.jpg", imageAlt: "Organized Notes"},
|
||||
items: [
|
||||
{
|
||||
icon: FolderKanban,
|
||||
text: "Categorize by subject",
|
||||
},
|
||||
text: "Categorize by subject"},
|
||||
{
|
||||
icon: Search,
|
||||
text: "Quick search functionality",
|
||||
},
|
||||
text: "Quick search functionality"},
|
||||
{
|
||||
icon: Share2,
|
||||
text: "Share with study groups",
|
||||
},
|
||||
text: "Share with study groups"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/education-business-logo-template-branding-design-vector-learning-institution-text_53876-151216.jpg?_wi=1",
|
||||
imageAlt: "study plan benefits illustration",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Effective To-Do Lists",
|
||||
description: "Manage your tasks and deadlines efficiently to stay on track with your studies.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248156.jpg",
|
||||
imageAlt: "To-Do Lists",
|
||||
},
|
||||
title: "Effective To-Do Lists", description: "Manage your tasks and deadlines efficiently to stay on track with your studies.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248156.jpg", imageAlt: "To-Do Lists"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckSquare,
|
||||
text: "Track assignments",
|
||||
},
|
||||
text: "Track assignments"},
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Set due dates",
|
||||
},
|
||||
text: "Set due dates"},
|
||||
{
|
||||
icon: BellDot,
|
||||
text: "Receive reminders",
|
||||
},
|
||||
text: "Receive reminders"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filing-taxes-smartphone_23-2151953952.jpg?_wi=2",
|
||||
imageAlt: "study plan benefits illustration",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Custom Study Plans",
|
||||
description: "Tailor your study schedules to fit your unique learning style and academic demands.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-network-concept-with-colorful-dots_23-2148999156.jpg",
|
||||
imageAlt: "Custom Study Plans",
|
||||
},
|
||||
title: "Custom Study Plans", description: "Tailor your study schedules to fit your unique learning style and academic demands.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-network-concept-with-colorful-dots_23-2148999156.jpg", imageAlt: "Custom Study Plans"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Personalized curriculum",
|
||||
},
|
||||
text: "Personalized curriculum"},
|
||||
{
|
||||
icon: BarChart3,
|
||||
text: "Progress tracking",
|
||||
},
|
||||
text: "Progress tracking"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Achievement badges",
|
||||
},
|
||||
text: "Achievement badges"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg?_wi=2",
|
||||
imageAlt: "study plan benefits illustration",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Benefits of a StudyBalance Plan"
|
||||
description="Discover how StudyBalance plans empower you to streamline your studies, boost productivity, and achieve better results."
|
||||
@@ -217,66 +142,39 @@ export default function LandingPage() {
|
||||
logoText="StudyBalance"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Plan",
|
||||
href: "/plan",
|
||||
},
|
||||
label: "Plan", href: "/plan"},
|
||||
{
|
||||
label: "Settings",
|
||||
href: "/settings",
|
||||
},
|
||||
label: "Settings", href: "/settings"},
|
||||
{
|
||||
label: "Account",
|
||||
href: "/account",
|
||||
},
|
||||
label: "Account", href: "/account"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Upload Materials",
|
||||
href: "/upload",
|
||||
},
|
||||
label: "Upload Materials", href: "/upload"},
|
||||
{
|
||||
label: "Educational Games",
|
||||
href: "/#about-games",
|
||||
},
|
||||
label: "Educational Games", href: "/#about-games"},
|
||||
{
|
||||
label: "Help & Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help & Support", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/#faq-general",
|
||||
},
|
||||
label: "FAQ", href: "/#faq-general"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -6,7 +6,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Globe, Monitor, Moon, Palette, Sun, Volume2 } from "lucide-react";
|
||||
import { Globe, Monitor, Moon, Palette, Sun, Volume2, VolumeX, SlidersHorizontal, Languages } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,21 +27,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Plan",
|
||||
id: "/plan",
|
||||
},
|
||||
name: "Plan", id: "/plan"},
|
||||
{
|
||||
name: "Settings",
|
||||
id: "/settings",
|
||||
},
|
||||
name: "Settings", id: "/settings"},
|
||||
{
|
||||
name: "Account",
|
||||
id: "/account",
|
||||
},
|
||||
name: "Account", id: "/account"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/education-business-logo-template-branding-design-vector-learning-institution-text_53876-151216.jpg"
|
||||
logoAlt="StudyBalance Logo"
|
||||
@@ -49,9 +41,7 @@ export default function LandingPage() {
|
||||
bottomLeftText="💰 Streaks"
|
||||
bottomRightText="❓ Help"
|
||||
button={{
|
||||
text: "Log In",
|
||||
href: "/account",
|
||||
}}
|
||||
text: "Log In", href: "/account"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,93 +52,60 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Light / Dark Mode",
|
||||
description: "Switch between light and dark themes for comfortable viewing in any environment.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bebnnv",
|
||||
imageAlt: "Light/Dark Mode Toggle",
|
||||
},
|
||||
title: "Light / Dark Mode", description: "Switch between light and dark themes for comfortable viewing in any environment.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bebnnv", imageAlt: "Light/Dark Mode Toggle"},
|
||||
items: [
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Light Theme",
|
||||
},
|
||||
text: "Light Theme"},
|
||||
{
|
||||
icon: Moon,
|
||||
text: "Dark Theme",
|
||||
},
|
||||
text: "Dark Theme"},
|
||||
{
|
||||
icon: Monitor,
|
||||
text: "System Default",
|
||||
},
|
||||
text: "System Default"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/education-business-logo-template-branding-design-vector-learning-institution-text_53876-151216.jpg?_wi=2",
|
||||
imageAlt: "Image",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Sound Controls",
|
||||
description: "Toggle sound effects and notifications on or off to maintain focus during study sessions.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zt2vj9",
|
||||
imageAlt: "Sound On/Off Toggle",
|
||||
},
|
||||
title: "Sound Controls", description: "Toggle sound effects and notifications on or off to maintain focus during study sessions.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zt2vj9", imageAlt: "Sound On/Off Toggle"},
|
||||
items: [
|
||||
{
|
||||
icon: Volume2,
|
||||
text: "Sound On",
|
||||
},
|
||||
text: "Sound On"},
|
||||
{
|
||||
icon: VolumeX,
|
||||
text: "Sound Off",
|
||||
},
|
||||
text: "Sound Off"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filing-taxes-smartphone_23-2151953952.jpg?_wi=3",
|
||||
imageAlt: "Image",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Appearance Customization",
|
||||
description: "Personalize the color scheme of your StudyBalance interface to match your preference.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=83rtz5",
|
||||
imageAlt: "Appearance Color Picker",
|
||||
},
|
||||
title: "Appearance Customization", description: "Personalize the color scheme of your StudyBalance interface to match your preference.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=83rtz5", imageAlt: "Appearance Color Picker"},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Choose your colors",
|
||||
},
|
||||
text: "Choose your colors"},
|
||||
{
|
||||
icon: SlidersHorizontal,
|
||||
text: "Adjust vibrancy",
|
||||
},
|
||||
text: "Adjust vibrancy"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg?_wi=3",
|
||||
imageAlt: "Image",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Language Options",
|
||||
description: "Select your preferred language for navigating the StudyBalance platform.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9dtei1",
|
||||
imageAlt: "Language Selection",
|
||||
},
|
||||
title: "Language Options", description: "Select your preferred language for navigating the StudyBalance platform.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9dtei1", imageAlt: "Language Selection"},
|
||||
items: [
|
||||
{
|
||||
icon: Languages,
|
||||
text: "Multiple languages",
|
||||
},
|
||||
text: "Multiple languages"},
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Global accessibility",
|
||||
},
|
||||
text: "Global accessibility"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg?_wi=2",
|
||||
imageAlt: "Image",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Personalize Your Study Experience"
|
||||
description="Customize StudyBalance to perfectly fit your preferences and learning style with our comprehensive settings."
|
||||
@@ -163,17 +120,11 @@ export default function LandingPage() {
|
||||
description="We are committed to making learning accessible for everyone. StudyBalance offers a specially designed dyslexic-friendly font option to enhance readability and reduce visual strain, ensuring a more comfortable and effective study experience for users with dyslexia."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Improved Readability",
|
||||
description: "Text is designed to be easier to distinguish and follow.",
|
||||
},
|
||||
title: "Improved Readability", description: "Text is designed to be easier to distinguish and follow."},
|
||||
{
|
||||
title: "Reduced Visual Strain",
|
||||
description: "Minimizes eye fatigue for extended study sessions.",
|
||||
},
|
||||
title: "Reduced Visual Strain", description: "Minimizes eye fatigue for extended study sessions."},
|
||||
{
|
||||
title: "Inclusive Learning",
|
||||
description: "Ensures our platform is welcoming to all learners.",
|
||||
},
|
||||
title: "Inclusive Learning", description: "Ensures our platform is welcoming to all learners."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colorful-letters-forming-word-international_53876-21134.jpg"
|
||||
imageAlt="Dyslexic-friendly font example"
|
||||
@@ -188,66 +139,39 @@ export default function LandingPage() {
|
||||
logoText="StudyBalance"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Plan",
|
||||
href: "/plan",
|
||||
},
|
||||
label: "Plan", href: "/plan"},
|
||||
{
|
||||
label: "Settings",
|
||||
href: "/settings",
|
||||
},
|
||||
label: "Settings", href: "/settings"},
|
||||
{
|
||||
label: "Account",
|
||||
href: "/account",
|
||||
},
|
||||
label: "Account", href: "/account"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Upload Materials",
|
||||
href: "/upload",
|
||||
},
|
||||
label: "Upload Materials", href: "/upload"},
|
||||
{
|
||||
label: "Educational Games",
|
||||
href: "/#about-games",
|
||||
},
|
||||
label: "Educational Games", href: "/#about-games"},
|
||||
{
|
||||
label: "Help & Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help & Support", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/#faq-general",
|
||||
},
|
||||
label: "FAQ", href: "/#faq-general"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -6,7 +6,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Edit, FileText, Link, Mic } from "lucide-react";
|
||||
import { Edit, FileText, Link, Mic, UploadCloud, ClipboardPaste, Youtube, Waveform } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,21 +27,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Plan",
|
||||
id: "/plan",
|
||||
},
|
||||
name: "Plan", id: "/plan"},
|
||||
{
|
||||
name: "Settings",
|
||||
id: "/settings",
|
||||
},
|
||||
name: "Settings", id: "/settings"},
|
||||
{
|
||||
name: "Account",
|
||||
id: "/account",
|
||||
},
|
||||
name: "Account", id: "/account"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/education-business-logo-template-branding-design-vector-learning-institution-text_53876-151216.jpg"
|
||||
logoAlt="StudyBalance Logo"
|
||||
@@ -49,9 +41,7 @@ export default function LandingPage() {
|
||||
bottomLeftText="💰 Streaks"
|
||||
bottomRightText="❓ Help"
|
||||
button={{
|
||||
text: "Log In",
|
||||
href: "/account",
|
||||
}}
|
||||
text: "Log In", href: "/account"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,89 +52,57 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Upload Files",
|
||||
description: "Easily upload documents, PDFs, images, and other study materials directly from your device.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-with-laptop-reading-book_23-2147779314.jpg",
|
||||
imageAlt: "Upload Files",
|
||||
},
|
||||
title: "Upload Files", description: "Easily upload documents, PDFs, images, and other study materials directly from your device.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-with-laptop-reading-book_23-2147779314.jpg", imageAlt: "Upload Files"},
|
||||
items: [
|
||||
{
|
||||
icon: UploadCloud,
|
||||
text: "Drag & Drop support",
|
||||
},
|
||||
text: "Drag & Drop support"},
|
||||
{
|
||||
icon: FileText,
|
||||
text: "Supports various formats",
|
||||
},
|
||||
text: "Supports various formats"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/education-business-logo-template-branding-design-vector-learning-institution-text_53876-151216.jpg?_wi=3",
|
||||
imageAlt: "add study materials interface pastel",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Paste Content",
|
||||
description: "Quickly paste text snippets, notes, or articles from any source into your StudyBalance workspace.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-notes-outdoors-while-using-laptop_23-2149342439.jpg",
|
||||
imageAlt: "Paste Content",
|
||||
},
|
||||
title: "Paste Content", description: "Quickly paste text snippets, notes, or articles from any source into your StudyBalance workspace.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-notes-outdoors-while-using-laptop_23-2149342439.jpg", imageAlt: "Paste Content"},
|
||||
items: [
|
||||
{
|
||||
icon: ClipboardPaste,
|
||||
text: "Instant content import",
|
||||
},
|
||||
text: "Instant content import"},
|
||||
{
|
||||
icon: Edit,
|
||||
text: "Automatic formatting",
|
||||
},
|
||||
text: "Automatic formatting"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filing-taxes-smartphone_23-2151953952.jpg?_wi=4",
|
||||
imageAlt: "add study materials interface pastel",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Link External Resources",
|
||||
description: "Integrate web links, online articles, videos, and research papers seamlessly into your study plans.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-collage-application-document-form-concept_53876-127413.jpg",
|
||||
imageAlt: "Link External Resources",
|
||||
},
|
||||
title: "Link External Resources", description: "Integrate web links, online articles, videos, and research papers seamlessly into your study plans.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-collage-application-document-form-concept_53876-127413.jpg", imageAlt: "Link External Resources"},
|
||||
items: [
|
||||
{
|
||||
icon: Link,
|
||||
text: "Bookmark web pages",
|
||||
},
|
||||
text: "Bookmark web pages"},
|
||||
{
|
||||
icon: Youtube,
|
||||
text: "Embed videos",
|
||||
},
|
||||
text: "Embed videos"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg?_wi=4",
|
||||
imageAlt: "add study materials interface pastel",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Voice Input",
|
||||
description: "Record audio notes or dictate text directly into your study materials for hands-free convenience.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enjoyment-activities-festivities-movies-pastime_53876-21360.jpg",
|
||||
imageAlt: "Voice Input",
|
||||
},
|
||||
title: "Voice Input", description: "Record audio notes or dictate text directly into your study materials for hands-free convenience.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enjoyment-activities-festivities-movies-pastime_53876-21360.jpg", imageAlt: "Voice Input"},
|
||||
items: [
|
||||
{
|
||||
icon: Mic,
|
||||
text: "Speech-to-text",
|
||||
},
|
||||
text: "Speech-to-text"},
|
||||
{
|
||||
icon: Waveform,
|
||||
text: "Audio recording",
|
||||
},
|
||||
text: "Audio recording"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg?_wi=3",
|
||||
imageAlt: "add study materials interface pastel",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Add Study Materials Your Way"
|
||||
description="StudyBalance offers multiple convenient options to bring all your learning content into one organized place."
|
||||
@@ -159,17 +117,11 @@ export default function LandingPage() {
|
||||
description="Our intuitive interface makes it easy to integrate all your study materials, regardless of their format. Follow these simple steps to start building your personalized knowledge base with StudyBalance."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Select Method",
|
||||
description: "Choose between uploading files, pasting text, linking external URLs, or using voice input.",
|
||||
},
|
||||
title: "Select Method", description: "Choose between uploading files, pasting text, linking external URLs, or using voice input."},
|
||||
{
|
||||
title: "Add Content",
|
||||
description: "Follow the prompts for your chosen method to import your study material.",
|
||||
},
|
||||
title: "Add Content", description: "Follow the prompts for your chosen method to import your study material."},
|
||||
{
|
||||
title: "Organize & Tag",
|
||||
description: "Categorize and tag your new materials for easy retrieval and integration into study plans.",
|
||||
},
|
||||
title: "Organize & Tag", description: "Categorize and tag your new materials for easy retrieval and integration into study plans."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg"
|
||||
imageAlt="Guide to uploading and organizing study materials"
|
||||
@@ -184,66 +136,39 @@ export default function LandingPage() {
|
||||
logoText="StudyBalance"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Plan",
|
||||
href: "/plan",
|
||||
},
|
||||
label: "Plan", href: "/plan"},
|
||||
{
|
||||
label: "Settings",
|
||||
href: "/settings",
|
||||
},
|
||||
label: "Settings", href: "/settings"},
|
||||
{
|
||||
label: "Account",
|
||||
href: "/account",
|
||||
},
|
||||
label: "Account", href: "/account"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Upload Materials",
|
||||
href: "/upload",
|
||||
},
|
||||
label: "Upload Materials", href: "/upload"},
|
||||
{
|
||||
label: "Educational Games",
|
||||
href: "/#about-games",
|
||||
},
|
||||
label: "Educational Games", href: "/#about-games"},
|
||||
{
|
||||
label: "Help & Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help & Support", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/#faq-general",
|
||||
},
|
||||
label: "FAQ", href: "/#faq-general"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user