diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx index 834655d..e19e182 100644 --- a/src/app/settings/page.tsx +++ b/src/app/settings/page.tsx @@ -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() { @@ -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: "#"}, ], }, ]}