Merge version_4 into main #3
107
src/app/page.tsx
107
src/app/page.tsx
@@ -12,6 +12,13 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
|
||||
import { Heart, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const scrollToSection = (id: string) => {
|
||||
const element = document.getElementById(id);
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: "smooth" });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -29,14 +36,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Dashboard", id: "features"},
|
||||
{
|
||||
name: "Resources", id: "faq"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Dashboard", id: "features" },
|
||||
{ name: "Resources", id: "faq" },
|
||||
{ name: "About", id: "about" },
|
||||
]}
|
||||
brandName="Well-being for All"
|
||||
/>
|
||||
@@ -45,59 +48,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Empowering Student Mental Health"
|
||||
description="A student-led platform designed to support mental clarity, physical health, and community connection in schools everywhere."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@wellbeing", testimonial: "This platform transformed how I handle stress at school.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-outdoors-together_23-2148735510.jpg"},
|
||||
{
|
||||
name: "Michael T.", handle: "@student", testimonial: "An incredible resource for students needing a quick check-in.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200189.jpg"},
|
||||
{
|
||||
name: "Elena R.", handle: "@support", testimonial: "Finally, a place to track my wellness journey easily.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-cafe-studying_273609-13271.jpg"},
|
||||
{
|
||||
name: "David K.", handle: "@peer", testimonial: "The breathing exercises are simple and effective for my anxiety.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg"},
|
||||
{
|
||||
name: "Chloe M.", handle: "@advocate", testimonial: "A beautiful, safe space for every student.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-female-student-wearing-headphones-bandana-neck-backpack-holding-pen-open-note-book-looking-note-book-isolated-olive-green-background_141793-135307.jpg"},
|
||||
{ name: "Sarah J.", handle: "@wellbeing", testimonial: "This platform transformed how I handle stress at school.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-outdoors-together_23-2148735510.jpg" },
|
||||
{ name: "Michael T.", handle: "@student", testimonial: "An incredible resource for students needing a quick check-in.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200189.jpg" },
|
||||
{ name: "Elena R.", handle: "@support", testimonial: "Finally, a place to track my wellness journey easily.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-cafe-studying_273609-13271.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#features"},
|
||||
{
|
||||
text: "Emergency Resources", href: "#"},
|
||||
{ text: "Get Started", onClick: () => scrollToSection("features") },
|
||||
{ text: "Emergency Resources", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093730.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-mixed-race-women-have-conversation-learning-process_273609-28625.jpg", alt: "friendly student portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-partners-cooperate-together-workspace-give-high-five-each-other-have-overjoyed-expressions-work-research-write-down-records-notepad-ponder-idea-work-as-team_273609-28945.jpg", alt: "focused student portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-mixed-race-boy-girl-collaborate-preparing-course-paper-make-records-notepad-sit-couch-work-presentation-class-being-team-learning-collaboration-concept_273609-28941.jpg", alt: "smiling student portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-mixed-race-male-female-look-joyfully-each-other-work-research_273609-44832.jpg", alt: "student leader portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-floor-with-book-laptop_23-2148882743.jpg", alt: "calm student portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Mental Clarity"},
|
||||
{
|
||||
type: "text", text: "Student-Led"},
|
||||
{
|
||||
type: "text", text: "Balanced Days"},
|
||||
{
|
||||
type: "text", text: "Community Support"},
|
||||
{
|
||||
type: "text", text: "Wellness First"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,12 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Mood Tracking", description: "Log your daily emotions with emoji check-ins to gain insights into your well-being.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-workstation-with-notebook-copy-space_23-2148430873.jpg"},
|
||||
{
|
||||
title: "Guided Breathing", description: "Use our animated 4-6 breathing visualizer for quick stress reduction.", imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg"},
|
||||
{
|
||||
title: "Daily Goals", description: "Track hydration, sleep, and movement with simple, rewarding checkboxes.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night-laptop_23-2150280980.jpg"},
|
||||
{ title: "Mood Tracking", description: "Log your daily emotions with emoji check-ins to gain insights into your well-being.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-workstation-with-notebook-copy-space_23-2148430873.jpg" },
|
||||
{ title: "Guided Breathing", description: "Use our animated 4-6 breathing visualizer for quick stress reduction.", imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg" },
|
||||
{ title: "Daily Goals", description: "Track hydration, sleep, and movement with simple, rewarding checkboxes.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night-laptop_23-2150280980.jpg" },
|
||||
]}
|
||||
title="Wellness Dashboard"
|
||||
description="Monitor your mood, complete daily habits, and follow guided movements for a balanced school day."
|
||||
@@ -122,18 +83,12 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Is this anonymous?", content: "Yes, your check-ins and suggestions are completely private."},
|
||||
{
|
||||
id: "2", title: "Can I talk to someone?", content: "This platform provides resources and awareness. For help, please contact a trusted adult or national counselor."},
|
||||
{
|
||||
id: "3", title: "How does SWS work?", content: "Student Wellness Solutions reinvests profits from wellness planners into school wellness programs."},
|
||||
{ id: "1", title: "Is this anonymous?", content: "Yes, your check-ins and suggestions are completely private." },
|
||||
{ id: "2", title: "Can I talk to someone?", content: "This platform provides resources and awareness. For help, please contact a trusted adult or national counselor." },
|
||||
]}
|
||||
sideTitle="Resources"
|
||||
sideDescription="Quick answers to help you stay balanced."
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "#contact" }
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", onClick: () => scrollToSection("contact") }]}
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -154,15 +109,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Join the Movement"
|
||||
description="Interested in bringing this wellness model to your school? Let's collaborate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,12 +122,8 @@ export default function LandingPage() {
|
||||
logoText="Well-being for All"
|
||||
copyrightText="© 2025 Made by Aarish Vimal"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user