Update src/app/page.tsx

This commit is contained in:
2026-03-04 08:17:50 +00:00
parent 743bc31132
commit eea8e1632a

View File

@@ -20,7 +20,7 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmall"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
@@ -46,19 +46,19 @@ export default function LandingPage() {
tag="Digital Safety"
tagIcon={Shield}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg?_wi=1", imageAlt: "Cyberbullying awareness campaign"
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg", imageAlt: "Cyberbullying awareness campaign"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg?_wi=2", imageAlt: "Digital safety education"
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg", imageAlt: "Digital safety education"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg?_wi=3", imageAlt: "Online protection strategies"
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg", imageAlt: "Online protection strategies"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg?_wi=4", imageAlt: "Cyberbullying support network"
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg", imageAlt: "Cyberbullying support network"
}
]}
rightCarouselItems={[
@@ -66,13 +66,13 @@ export default function LandingPage() {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girls-sitting-with-smartphones_23-2149458426.jpg", imageAlt: "Digital wellbeing initiative"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-womanworking-with-her-laptop-cafe-hipster-girl-with-her-laptop-cafe-vintage-filter-effect_1150-1484.jpg?_wi=1", imageAlt: "Internet safety resources"
imageSrc: "http://img.b2bpic.net/free-photo/close-up-womanworking-with-her-laptop-cafe-hipster-girl-with-her-laptop-cafe-vintage-filter-effect_1150-1484.jpg", imageAlt: "Internet safety resources"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg?_wi=5", imageAlt: "Cyberbullying prevention program"
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg", imageAlt: "Cyberbullying prevention program"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg?_wi=6", imageAlt: "Online protection solutions"
imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg", imageAlt: "Online protection solutions"
}
]}
carouselPosition="right"
@@ -90,7 +90,7 @@ export default function LandingPage() {
description="Cyberbullying is the use of digital platforms to harass, intimidate, or harm others. It can take many forms: mean comments, sharing private information, exclusion, or spreading rumors online. Unlike traditional bullying, cyberbullying can follow victims 24/7, with permanent digital records. It affects mental health, academic performance, and overall wellbeing. Understanding its forms and impact is the first step toward creating a safer digital environment for everyone."
tag="What You Need to Know"
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-womanworking-with-her-laptop-cafe-hipster-girl-with-her-laptop-cafe-vintage-filter-effect_1150-1484.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/close-up-womanworking-with-her-laptop-cafe-hipster-girl-with-her-laptop-cafe-vintage-filter-effect_1150-1484.jpg"
imageAlt="Cyberbullying awareness and education"
buttons={[
{ text: "Explore Protection Strategies", href: "features" }
@@ -109,10 +109,10 @@ export default function LandingPage() {
tagAnimation="slide-up"
features={[
{
id: "1", title: "Privacy Management", description: "Control who can contact you, comment on your posts, and access your information. Regularly review privacy settings on all social media platforms and adjust them to your comfort level.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg?_wi=7", imageAlt: "Privacy settings and digital security"
id: "1", title: "Privacy Management", description: "Control who can contact you, comment on your posts, and access your information. Regularly review privacy settings on all social media platforms and adjust them to your comfort level.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg", imageAlt: "Privacy settings and digital security"
},
{
id: "2", title: "Report & Block", description: "Use built-in reporting tools to flag harmful content and block users. Document evidence of cyberbullying by taking screenshots before blocking.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg?_wi=8", imageAlt: "Reporting cyberbullying tools"
id: "2", title: "Report & Block", description: "Use built-in reporting tools to flag harmful content and block users. Document evidence of cyberbullying by taking screenshots before blocking.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg", imageAlt: "Reporting cyberbullying tools"
},
{
id: "3", title: "Seek Support", description: "Talk to trusted friends, family, or counselors about your experiences. Join support communities and reach out to organizations dedicated to helping cyberbullying victims.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-playing-videogames_23-2150571955.jpg", imageAlt: "Community support and mental health"
@@ -137,7 +137,7 @@ export default function LandingPage() {
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "1M+", title: "Lives Reached", description: "People educated about cyberbullying prevention", imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg?_wi=9", imageAlt: "Cyberbullying awareness impact"
id: "1", value: "1M+", title: "Lives Reached", description: "People educated about cyberbullying prevention", imageSrc: "http://img.b2bpic.net/free-photo/social-media-troll-harassing-people-social-media_53876-98441.jpg", imageAlt: "Cyberbullying awareness impact"
},
{
id: "2", value: "85%", title: "Safety Improvement", description: "Users report feeling safer online after our program", imageSrc: "http://img.b2bpic.net/free-vector/european-gdpr-concept-with-flat-design_23-2147846006.jpg", imageAlt: "Digital safety success statistics"
@@ -159,27 +159,27 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Maria Rodriguez", handle: "@maria_safe", testimonial: "This resource helped me understand that cyberbullying wasn't my fault. I learned how to report harmful content and found a supportive community. I feel empowered now.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=1", imageAlt: "Maria Rodriguez profile"
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "Maria Rodriguez profile"
},
{
id: "2", name: "James Chen", handle: "@james_digital", testimonial: "As a parent, I was worried about my kids' online safety. This site provided practical strategies that our whole family now uses. Highly recommended.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=2", imageAlt: "James Chen profile"
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "James Chen profile"
},
{
id: "3", name: "Sofia Bergstrom", handle: "@sofia_speaks", testimonial: "I'm a school counselor and I share these resources with students daily. The information is accurate, age-appropriate, and genuinely helpful.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=3", imageAlt: "Sofia Bergstrom profile"
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "Sofia Bergstrom profile"
},
{
id: "4", name: "David Kim", handle: "@david_strong", testimonial: "After experiencing cyberbullying, I felt alone. Finding this community made all the difference. Thank you for creating a safe space.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=4", imageAlt: "David Kim profile"
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "David Kim profile"
},
{
id: "5", name: "Emma Thompson", handle: "@emma_advocates", testimonial: "I've shared this platform with countless teens. The educational approach is compassionate and empowering. Real impact.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=5", imageAlt: "Emma Thompson profile"
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "Emma Thompson profile"
},
{
id: "6", name: "Liam Garcia", handle: "@liam_online", testimonial: "The prevention tips actually work. I've used them and haven't experienced harassment since. Sharing with my friends too.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=6", imageAlt: "Liam Garcia profile"
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "Liam Garcia profile"
}
]}
showRating={true}
@@ -232,7 +232,7 @@ export default function LandingPage() {
<ContactText
text="Ready to make a difference? Join our community and help create a safer digital world for everyone."
animationType="reveal-blur"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Get Involved", href: "contact" },
{ text: "Learn More", href: "about" }