Update src/app/page.tsx
This commit is contained in:
144
src/app/page.tsx
144
src/app/page.tsx
@@ -11,7 +11,7 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Headphones, DoorOpen, Users, Sparkles, TrendingUp, Zap, Shield, Clock, Rocket, Quote, Zap as ZapIcon, Sparkles as SparklesIcon } from "lucide-react";
|
||||
import { Headphones, DoorOpen, Users, Sparkles, TrendingUp, Zap, Shield, Clock, Rocket } from "lucide-react";
|
||||
|
||||
const HomePage = () => {
|
||||
const navItems = [
|
||||
@@ -47,7 +47,7 @@ const HomePage = () => {
|
||||
{ text: "Explore Klyvor", href: "https://klyvor.com" },
|
||||
{ text: "Watch Demo", href: "#features" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-vibrant-pixelart-virtual-office-world--1772484223063-6a28978a.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-vibrant-pixelart-virtual-office-world--1772484223063-6a28978a.png"
|
||||
imageAlt="Klyvor pixelart virtual office world with avatars"
|
||||
showDimOverlay={false}
|
||||
/>
|
||||
@@ -69,67 +69,43 @@ const HomePage = () => {
|
||||
tag="Capabilities"
|
||||
features={[
|
||||
{
|
||||
title: "Proximity-Based Communication",
|
||||
description:
|
||||
"Talk naturally when nearby. Voice activates automatically as avatars approach each other, reducing meeting fatigue.",
|
||||
icon: Headphones,
|
||||
title: "Proximity-Based Communication", description:
|
||||
"Talk naturally when nearby. Voice activates automatically as avatars approach each other, reducing meeting fatigue.", icon: Headphones,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-close-up-showing-two-avatars--1772484223622-f500c5dc.png?_wi=1",
|
||||
imageAlt: "Proximity-based chat interaction",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-close-up-showing-two-avatars--1772484223622-f500c5dc.png", imageAlt: "Proximity-based chat interaction"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-visualization-showing-multipl-1772484222691-30f1f90b.png?_wi=1",
|
||||
imageAlt: "Team unified in one space",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-visualization-showing-multipl-1772484222691-30f1f90b.png", imageAlt: "Team unified in one space"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Instant Rooms",
|
||||
description:
|
||||
"Join meetings instantly without links or bookings. One-click room creation for spontaneous collaboration and team sync.",
|
||||
icon: DoorOpen,
|
||||
title: "Instant Rooms", description:
|
||||
"Join meetings instantly without links or bookings. One-click room creation for spontaneous collaboration and team sync.", icon: DoorOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-scene-of-avatars-entering-a-m-1772484223688-91311406.png?_wi=1",
|
||||
imageAlt: "Instant room creation",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-scene-of-avatars-entering-a-m-1772484223688-91311406.png", imageAlt: "Instant room creation"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-vibrant-pixelart-virtual-office-world--1772484223063-6a28978a.png?_wi=2",
|
||||
imageAlt: "Virtual office rooms",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-vibrant-pixelart-virtual-office-world--1772484223063-6a28978a.png", imageAlt: "Virtual office rooms"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unified Presence",
|
||||
description:
|
||||
"One shared world replaces scattered video calls, Slack threads, and email. See who's online, what they're working on, and connect naturally.",
|
||||
icon: Users,
|
||||
title: "Unified Presence", description:
|
||||
"One shared world replaces scattered video calls, Slack threads, and email. See who's online, what they're working on, and connect naturally.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-visualization-showing-multipl-1772484222691-30f1f90b.png?_wi=2",
|
||||
imageAlt: "Unified team presence",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-visualization-showing-multipl-1772484222691-30f1f90b.png", imageAlt: "Unified team presence"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-vibrant-pixelart-virtual-office-world--1772484223063-6a28978a.png?_wi=3",
|
||||
imageAlt: "Shared virtual workspace",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-vibrant-pixelart-virtual-office-world--1772484223063-6a28978a.png", imageAlt: "Shared virtual workspace"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Gamified Engagement",
|
||||
description:
|
||||
"Pixelart avatars, achievements, and low-friction interactions make work feel less obligatory and more engaging for the entire team.",
|
||||
icon: Sparkles,
|
||||
title: "Gamified Engagement", description:
|
||||
"Pixelart avatars, achievements, and low-friction interactions make work feel less obligatory and more engaging for the entire team.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-vibrant-pixelart-virtual-office-world--1772484223063-6a28978a.png?_wi=4",
|
||||
imageAlt: "Gamified avatar system",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-vibrant-pixelart-virtual-office-world--1772484223063-6a28978a.png", imageAlt: "Gamified avatar system"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-close-up-showing-two-avatars--1772484223622-f500c5dc.png?_wi=2",
|
||||
imageAlt: "Engaging interactions",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/a-pixelart-close-up-showing-two-avatars--1772484223622-f500c5dc.png", imageAlt: "Engaging interactions"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -146,32 +122,16 @@ const HomePage = () => {
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "85",
|
||||
title: "% reduction",
|
||||
description: "in meeting fatigue among team leads",
|
||||
icon: TrendingUp,
|
||||
id: "1", value: "85", title: "% reduction", description: "in meeting fatigue among team leads", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "3",
|
||||
title: "x more",
|
||||
description: "organic interactions per day vs. traditional video conferencing",
|
||||
icon: Zap,
|
||||
id: "2", value: "3", title: "x more", description: "organic interactions per day vs. traditional video conferencing", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99",
|
||||
title: "% uptime",
|
||||
description: "for always-on virtual office infrastructure",
|
||||
icon: Shield,
|
||||
id: "3", value: "99", title: "% uptime", description: "for always-on virtual office infrastructure", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "5",
|
||||
title: "min setup",
|
||||
description: "Time to get entire team on Klyvor and productive",
|
||||
icon: Clock,
|
||||
id: "4", value: "5", title: "min setup", description: "Time to get entire team on Klyvor and productive", icon: Clock,
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -188,59 +148,23 @@ const HomePage = () => {
|
||||
tag="Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "VP of People Operations",
|
||||
testimonial:
|
||||
"Klyvor transformed how our distributed team connects. The proximity-based chat feels so natural—it's like having the office vibe without anyone having to commute.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222510-4ab8e0ab.png?_wi=1",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "VP of People Operations", testimonial:
|
||||
"Klyvor transformed how our distributed team connects. The proximity-based chat feels so natural—it's like having the office vibe without anyone having to commute.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222510-4ab8e0ab.png", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Rodriguez",
|
||||
role: "CEO & Founder",
|
||||
testimonial:
|
||||
"We cut our video call fatigue in half. Employees actually enjoy logging into Klyvor now instead of dreading another Zoom meeting.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222544-1c50356f.png?_wi=1",
|
||||
imageAlt: "Marcus Rodriguez",
|
||||
},
|
||||
id: "2", name: "Marcus Rodriguez", role: "CEO & Founder", testimonial:
|
||||
"We cut our video call fatigue in half. Employees actually enjoy logging into Klyvor now instead of dreading another Zoom meeting.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222544-1c50356f.png", imageAlt: "Marcus Rodriguez"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Petrov",
|
||||
role: "Engineering Manager",
|
||||
testimonial:
|
||||
"The instant rooms feature alone saves our team 10+ hours per week. No more hunting for meeting links or dealing with calendar conflicts.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222432-45e74f1a.png?_wi=1",
|
||||
imageAlt: "Elena Petrov",
|
||||
},
|
||||
id: "3", name: "Elena Petrov", role: "Engineering Manager", testimonial:
|
||||
"The instant rooms feature alone saves our team 10+ hours per week. No more hunting for meeting links or dealing with calendar conflicts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222432-45e74f1a.png", imageAlt: "Elena Petrov"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Whitfield",
|
||||
role: "Operations Director",
|
||||
testimonial:
|
||||
"Replacing five different communication tools with one cohesive platform was a game-changer for our enterprise. Security, integration, and ease of use are all top-notch.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484221930-03800668.png",
|
||||
imageAlt: "James Whitfield",
|
||||
},
|
||||
id: "4", name: "James Whitfield", role: "Operations Director", testimonial:
|
||||
"Replacing five different communication tools with one cohesive platform was a game-changer for our enterprise. Security, integration, and ease of use are all top-notch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484221930-03800668.png", imageAlt: "James Whitfield"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya Kapoor",
|
||||
role: "Remote Work Advocate",
|
||||
testimonial:
|
||||
"Finally, a tool that gets remote work culture. Klyvor brings back the serendipitous conversations and team bonds that we thought we'd lost.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222290-e2d66eaf.png",
|
||||
imageAlt: "Priya Kapoor",
|
||||
},
|
||||
id: "5", name: "Priya Kapoor", role: "Remote Work Advocate", testimonial:
|
||||
"Finally, a tool that gets remote work culture. Klyvor brings back the serendipitous conversations and team bonds that we thought we'd lost.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222290-e2d66eaf.png", imageAlt: "Priya Kapoor"},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Kim",
|
||||
role: "HR Manager",
|
||||
testimonial:
|
||||
"Our new hires onboard faster and feel more connected to the team within their first week on Klyvor. It's a huge cultural win.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222078-be639fdc.png",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "6", name: "David Kim", role: "HR Manager", testimonial:
|
||||
"Our new hires onboard faster and feel more connected to the team within their first week on Klyvor. It's a huge cultural win.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APB5UalHMSIeHJRmgN2Si9gvpB/professional-pixelart-avatar-portrait-of-1772484222078-be639fdc.png", imageAlt: "David Kim"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
|
||||
Reference in New Issue
Block a user