Merge version_1 into main #2
196
src/app/page.tsx
196
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Harmonize"
|
||||
/>
|
||||
@@ -53,18 +41,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build Bridges, Not Walls"
|
||||
description="Master the art of effective communication and resolve conflicts with empathy, clarity, and confidence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-discussing_23-2149039820.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Learning", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-discussing_23-2149039820.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -72,15 +53,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Understanding Human Dynamics",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-studying-together-group-study_23-2149211087.jpg",
|
||||
alt: "People communicating",
|
||||
},
|
||||
{ type: "text", content: "Understanding Human Dynamics" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/colleagues-studying-together-group-study_23-2149211087.jpg", alt: "People communicating" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,64 +66,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Active Listening",
|
||||
description: "Learn to hear beyond the words and understand the underlying needs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-mixed-race-black-women-talking-park-surrounded-by-flowers-morning-sunlight-film-colors-soft-focus_633478-436.jpg",
|
||||
title: "Active Listening", description: "Learn to hear beyond the words and understand the underlying needs.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-mixed-race-black-women-talking-park-surrounded-by-flowers-morning-sunlight-film-colors-soft-focus_633478-436.jpg", imageAlt: "peaceful communication people talking"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Empathy exercises",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
text: "Reflection techniques",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ text: "Empathy exercises", icon: Sparkles },
|
||||
{ text: "Reflection techniques", icon: CheckCircle },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-discussing_23-2149039820.jpg?_wi=2",
|
||||
imageAlt: "peaceful communication people talking",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Non-Violent Language",
|
||||
description: "Express your feelings without triggering defensiveness in others.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting_23-2149370582.jpg",
|
||||
title: "Non-Violent Language", description: "Express your feelings without triggering defensiveness in others.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting_23-2149370582.jpg", imageAlt: "peaceful communication people talking"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "I-statements",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
text: "Validation methods",
|
||||
icon: Zap,
|
||||
},
|
||||
{ text: "I-statements", icon: Shield },
|
||||
{ text: "Validation methods", icon: Zap },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-group-study_23-2149211087.jpg",
|
||||
imageAlt: "peaceful communication people talking",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Mediation Strategy",
|
||||
description: "Facilitate productive outcomes in team or personal disputes.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-debate-while-looking-computer_23-2149389736.jpg",
|
||||
title: "Mediation Strategy", description: "Facilitate productive outcomes in team or personal disputes.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-debate-while-looking-computer_23-2149389736.jpg", imageAlt: "peaceful communication people talking"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Neutral phrasing",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
text: "Solution design",
|
||||
icon: Star,
|
||||
},
|
||||
{ text: "Neutral phrasing", icon: Award },
|
||||
{ text: "Solution design", icon: Star },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-aside-smiling-confident-with-arms-crossed-chest_141793-55366.jpg?_wi=1",
|
||||
imageAlt: "peaceful communication people talking",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Essential Skills for Conflict Resolution"
|
||||
@@ -163,41 +107,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna Kowalski",
|
||||
role: "Manager",
|
||||
testimonial: "This program changed how I lead my team. Conflicts are now opportunities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-aside-smiling-confident-with-arms-crossed-chest_141793-55366.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Smith",
|
||||
role: "Teacher",
|
||||
testimonial: "I use these techniques in my classroom daily. Communication is smoother.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-laughing-woman-rose-blouse_23-2148036588.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
role: "Consultant",
|
||||
testimonial: "Invaluable tools for negotiation. Highly recommended for professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chen",
|
||||
role: "Engineer",
|
||||
testimonial: "Finally, a practical approach that actually works in high-pressure situations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sara Miller",
|
||||
role: "Freelancer",
|
||||
testimonial: "Better boundaries and clearer communication have improved my personal life significantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
{ id: "1", name: "Anna Kowalski", role: "Manager", testimonial: "This program changed how I lead my team. Conflicts are now opportunities.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-aside-smiling-confident-with-arms-crossed-chest_141793-55366.jpg" },
|
||||
{ id: "2", name: "Mark Smith", role: "Teacher", testimonial: "I use these techniques in my classroom daily. Communication is smoother.", imageSrc: "http://img.b2bpic.net/free-photo/senior-laughing-woman-rose-blouse_23-2148036588.jpg" },
|
||||
{ id: "3", name: "Elena Rossi", role: "Consultant", testimonial: "Invaluable tools for negotiation. Highly recommended for professionals.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
|
||||
{ id: "4", name: "David Chen", role: "Engineer", testimonial: "Finally, a practical approach that actually works in high-pressure situations.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg" },
|
||||
{ id: "5", name: "Sara Miller", role: "Freelancer", testimonial: "Better boundaries and clearer communication have improved my personal life significantly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="See how others have transformed their relationships."
|
||||
@@ -209,21 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is this suitable for corporate teams?",
|
||||
content: "Yes, our programs are highly effective for professional environments.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long are the courses?",
|
||||
content: "Courses range from intensive workshops to longer certification tracks.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer 1-on-1 coaching?",
|
||||
content: "Yes, we provide personalized coaching for individuals seeking deep growth.",
|
||||
},
|
||||
{ id: "f1", title: "Is this suitable for corporate teams?", content: "Yes, our programs are highly effective for professional environments." },
|
||||
{ id: "f2", title: "How long are the courses?", content: "Courses range from intensive workshops to longer certification tracks." },
|
||||
{ id: "f3", title: "Do you offer 1-on-1 coaching?", content: "Yes, we provide personalized coaching for individuals seeking deep growth." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our approach and services."
|
||||
@@ -234,9 +136,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Sign up for our newsletter to get weekly tips on better communication."
|
||||
@@ -247,36 +147,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Harmonize"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user