bender/4ae3fe44-204e-4e97-80cb-ece736077b6e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

2 Commits
version_3 ... version_4

Author SHA1 Message Date
bender
ab715783c6 Update src/app/page.tsx 2026-05-03 11:33:23 +00:00
bender
b385565cdf Merge version_3 into main 
Merge version_3 into main
 2026-05-03 11:31:37 +00:00
1 changed files with 37 additions and 57 deletions
Expand all files Collapse all files

94
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { CheckCircle, Lightbulb, LineChart } from "lucide-react";
import { CheckCircle, Lightbulb, LineChart, ArrowRight } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,12 +31,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Features", id: "#features"},
{
name: "About", id: "#about"},
{
name: "Waitlist", id: "#contact"},
{ name: "Features", id: "#features" },
{ name: "About", id: "#about" },
{ name: "Waitlist", id: "#contact" },
]}
brandName="Vylx"
/>
@@ -47,22 +44,15 @@ export default function LandingPage() {
logoText="Vylx"
description="Your emotional wellbeing, simplified. Join the waitlist and gain early access to AI-powered personalized insights."
buttons={[
{
text: "Start Your Wellness Journey", href: "#contact"},
{ text: "Start Your Wellness Journey", href: "#contact" },
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-easter-decorative-egg_23-2150245745.jpg", imageAlt: "Abstract art"},
{
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "Analytics dashboard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-sunset-projector-lamp_53876-103791.jpg", imageAlt: "Gradient flow"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-school-supplies-with-copyspace_23-2148198161.jpg", imageAlt: "Crystal insights"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930146.jpg", imageAlt: "Interface login"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-ethereal-environment_23-2151113672.jpg", imageAlt: "Zen abstract"},
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-easter-decorative-egg_23-2150245745.jpg", imageAlt: "Abstract art" },
{ imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "Analytics dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-sunset-projector-lamp_53876-103791.jpg", imageAlt: "Gradient flow" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-school-supplies-with-copyspace_23-2148198161.jpg", imageAlt: "Crystal insights" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930146.jpg", imageAlt: "Interface login" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-ethereal-environment_23-2151113672.jpg", imageAlt: "Zen abstract" },
]}
/>
</div>
@@ -70,18 +60,24 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
textboxLayout="split-actions"
useInvertedBackground={true}
buttons={[
{ text: "Explore All Capabilities", href: "#contact" }
]}
features={[
{
icon: CheckCircle,
title: "Daily Mood Logging", description: "Quickly capture your mood throughout the day with ease."},
title: "Daily Mood Logging", description: "Quickly capture your mood throughout the day with ease.", button: { text: "Learn More", href: "#about" }
},
{
icon: LineChart,
title: "Trend Analysis", description: "Identify hidden patterns in your mental wellness journey."},
title: "Trend Analysis", description: "Identify hidden patterns in your mental wellness journey.", button: { text: "Learn More", href: "#about" }
},
{
icon: Lightbulb,
title: "AI Coaching", description: "Personalized advice based on your unique emotional data."},
title: "AI Coaching", description: "Personalized advice based on your unique emotional data.", button: { text: "Learn More", href: "#about" }
},
]}
title="Smart Features for Better Days"
description="Vylx provides actionable insights to help you thrive."
@@ -104,12 +100,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "85%", title: "Improved Clarity", description: "Users reported better understanding of mood triggers.", imageSrc: "http://img.b2bpic.net/free-vector/set-computer-icon-vectors_53876-60023.jpg"},
{
id: "m2", value: "12min", title: "Daily Average", description: "Time saved in emotional processing.", imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg"},
{
id: "m3", value: "4.8/5", title: "User Rating", description: "Our current rating from early beta testers.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-banner-sale-ads_23-2150695149.jpg"},
{ id: "m1", value: "85%", title: "Improved Clarity", description: "Users reported better understanding of mood triggers.", imageSrc: "http://img.b2bpic.net/free-vector/set-computer-icon-vectors_53876-60023.jpg" },
{ id: "m2", value: "12min", title: "Daily Average", description: "Time saved in emotional processing.", imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg" },
{ id: "m3", value: "4.8/5", title: "User Rating", description: "Our current rating from early beta testers.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-banner-sale-ads_23-2150695149.jpg" },
]}
title="Real Results"
description="Our beta testing shows significant improvements in user mindfulness."
@@ -122,16 +115,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Johnson", role: "Designer", testimonial: "Vylx completely changed how I track my daily stress levels.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg"},
{
id: "2", name: "Michael Chen", role: "Developer", testimonial: "The AI insights feel incredibly personalized and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg"},
{
id: "3", name: "Emily Rodriguez", role: "Student", testimonial: "So simple to use and the patterns are so clear.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg"},
{
id: "4", name: "David Kim", role: "Manager", testimonial: "An essential tool for my daily mindfulness routine.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-portrait_23-2149051749.jpg"},
{
id: "5", name: "Jessica Lee", role: "Writer", testimonial: "Finally, a tracker that understands my daily routine.", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg"},
{ id: "1", name: "Sarah Johnson", role: "Designer", testimonial: "Vylx completely changed how I track my daily stress levels.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg" },
{ id: "2", name: "Michael Chen", role: "Developer", testimonial: "The AI insights feel incredibly personalized and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Student", testimonial: "So simple to use and the patterns are so clear.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg" },
{ id: "4", name: "David Kim", role: "Manager", testimonial: "An essential tool for my daily mindfulness routine.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-portrait_23-2149051749.jpg" },
{ id: "5", name: "Jessica Lee", role: "Writer", testimonial: "Finally, a tracker that understands my daily routine.", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg" },
]}
title="Loved by Beta Testers"
description="Hear what early adopters have to say about Vylx."
@@ -143,12 +131,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "Is Vylx free?", content: "The basic version is free, with premium features available via subscription."},
{
id: "f2", title: "When is launch?", content: "We are targeting a Q3 2025 release."},
{
id: "f3", title: "Can I refer friends?", content: "Yes, sharing your link earns you priority access on the waitlist."},
{ id: "f1", title: "Is Vylx free?", content: "The basic version is free, with premium features available via subscription." },
{ id: "f2", title: "When is launch?", content: "We are targeting a Q3 2025 release." },
{ id: "f3", title: "Can I refer friends?", content: "Yes, sharing your link earns you priority access on the waitlist." },
]}
title="Common Questions"
description="Answers to your questions about Vylx."
@@ -159,8 +144,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
tag="Waitlist"
title="Get Early Access"
description="Join thousands of others starting their journey with Vylx."
@@ -173,18 +157,14 @@ export default function LandingPage() {
columns={[
{
title: "Product", items: [
{
label: "Features", href: "#features"},
{
label: "Early Access", href: "#contact"},
{ label: "Features", href: "#features" },
{ label: "Early Access", href: "#contact" },
],
},
{
title: "Company", items: [
{
label: "About", href: "#about"},
{
label: "Privacy Policy", href: "#"},
{ label: "About", href: "#about" },
{ label: "Privacy Policy", href: "#" },
],
},
]}