Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 98bd866ad6 | |||
| b46acba747 | |||
| 6d0331333c | |||
| 6a5e16c700 | |||
| ecbc935d46 | |||
| f9ab32c6f4 |
186
src/app/page.tsx
186
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,22 +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"
|
||||
/>
|
||||
@@ -53,104 +48,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Well-being for All"
|
||||
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>
|
||||
|
||||
@@ -159,21 +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."
|
||||
@@ -184,24 +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", onClick: () => scrollToSection("contact") }]}
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -222,18 +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>
|
||||
|
||||
@@ -242,20 +122,12 @@ 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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user