Update src/app/settings/page.tsx
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 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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user