Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-12 09:44:11 +00:00

View File

@@ -28,309 +28,146 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Support",
id: "faq",
},
]}
button={{
text: "Get Started",
href: "#contact",
}}
brandName="GlobalConnect"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Reviews", id: "testimonials" },
{ name: "Support", id: "faq" }
]}
button={{ text: "Get Started", href: "#contact" }}
brandName="GlobalConnect"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="Master Languages by Talking to Locals"
description="Connect instantly with native speakers and professional tutors worldwide. Earn money sharing your language skills or achieve fluency through real-time practice."
tag="Global Language Exchange"
buttons={[
{
text: "Start Tutoring",
href: "#contact",
},
{
text: "Find a Tutor",
href: "#pricing",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-online_23-2149110203.jpg?_wi=1",
imageAlt: "Tutor video call",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg?_wi=1",
imageAlt: "Platform interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-typing-keyboard_23-2149014075.jpg",
imageAlt: "Medium shot girl typing on keyboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-online-school-with-tablet-headphones_23-2148827466.jpg",
imageAlt: "Little girl during online school with tablet and headphones",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-meeting-with-teacher-remote-video-call-talking-about-online-class-education-lesson-student-chatting-with-man-videoconference-webinar-using-laptop-with-webcam_482257-41891.jpg",
imageAlt: "Young woman meeting with teacher on remote video call",
},
]}
mediaAnimation="blur-reveal"
rating={5}
ratingText="Rated 4.9/5 by 10,000+ happy learners."
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="Master Languages by Talking to Locals"
description="Connect instantly with native speakers and professional tutors worldwide. Earn money sharing your language skills or achieve fluency through real-time practice."
tag="Global Language Exchange"
buttons={[{ text: "Start Tutoring", href: "#contact" }, { text: "Find a Tutor", href: "#pricing" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-online_23-2149110203.jpg", imageAlt: "Tutor video call" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg", imageAlt: "Platform interface" }
]}
mediaAnimation="blur-reveal"
rating={5}
ratingText="Rated 4.9/5 by 10,000+ happy learners."
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Why GlobalConnect?"
description={[
"Experience natural language immersion through authentic, live conversations. Our platform connects you with verified speakers who help you learn fast and effectively.",
"Tutors can set their own hours and rates, providing a flexible way to earn money from anywhere in the world.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Why GlobalConnect?"
description={[
"Experience natural language immersion through authentic, live conversations. Our platform connects you with verified speakers who help you learn fast and effectively.", "Tutors can set their own hours and rates, providing a flexible way to earn money from anywhere in the world."
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Live 1-on-1 Video",
description: "High-quality video connection for immersive real-time tutoring.",
icon: Video,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/flag-countries-foreign-word-translation-concept_53876-124969.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-online_23-2149110203.jpg?_wi=2",
imageAlt: "online language tutor video call",
},
{
title: "Secure Payments",
description: "Instant payouts for tutors and secure transactions for learners.",
icon: Wallet,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-family-greeting-teacher-video-call-laptop_637285-11413.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg?_wi=2",
imageAlt: "online language tutor video call",
},
{
title: "Scheduling Tools",
description: "Easily manage your tutoring calendar and availability.",
icon: Calendar,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/language-communication-message-written_53876-127905.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/older-person-using-video-call-feature-their-device_23-2150165541.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-customer-support-representative-wearing-headset-while-working-call-center_637285-133.jpg?_wi=1",
imageAlt: "online language tutor video call",
},
]}
title="Platform Features"
description="Powerful tools designed to make language practice seamless."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Live 1-on-1 Video", description: "High-quality video connection for immersive real-time tutoring.", icon: Video,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/flag-countries-foreign-word-translation-concept_53876-124969.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg" }
]
},
{
title: "Secure Payments", description: "Instant payouts for tutors and secure transactions for learners.", icon: Wallet,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-family-greeting-teacher-video-call-laptop_637285-11413.jpg" }
]
},
{
title: "Scheduling Tools", description: "Easily manage your tutoring calendar and availability.", icon: Calendar,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/language-communication-message-written_53876-127905.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/older-person-using-video-call-feature-their-device_23-2150165541.jpg" }
]
}
]}
title="Platform Features"
description="Powerful tools designed to make language practice seamless."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "1",
title: "Basic Practice",
price: "$10",
period: "/hr",
features: [
"On-demand practice",
"Peer-to-peer",
],
button: {
text: "Join Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/preteen-boy-uses-laptop-make-video-call-with-his-teacher_158595-7520.jpg",
imageAlt: "A Preteen boy uses a laptop to make a video call with his teacher",
},
{
id: "2",
title: "Expert Tutor",
price: "$25",
period: "/hr",
features: [
"Certified instructors",
"Custom curriculum",
],
button: {
text: "Book Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-online_23-2149110203.jpg?_wi=3",
imageAlt: "A Preteen boy uses a laptop to make a video call with his teacher",
},
{
id: "3",
title: "Pro Immersion",
price: "$45",
period: "/hr",
features: [
"Native speaker focus",
"Premium support",
],
button: {
text: "Start Pro",
},
imageSrc: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg?_wi=3",
imageAlt: "A Preteen boy uses a laptop to make a video call with his teacher",
},
]}
title="Flexible Pricing Options"
description="Choose the path that fits your learning journey."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "1", title: "Basic Practice", price: "$10", period: "/hr", features: ["On-demand practice", "Peer-to-peer"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/preteen-boy-uses-laptop-make-video-call-with-his-teacher_158595-7520.jpg" },
{ id: "2", title: "Expert Tutor", price: "$25", period: "/hr", features: ["Certified instructors", "Custom curriculum"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-online_23-2149110203.jpg" },
{ id: "3", title: "Pro Immersion", price: "$45", period: "/hr", features: ["Native speaker focus", "Premium support"], button: { text: "Start Pro" }, imageSrc: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg" }
]}
title="Flexible Pricing Options"
description="Choose the path that fits your learning journey."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarahlearns",
testimonial: "I earned enough in one month to pay for my trip to Spain!",
imageSrc: "http://img.b2bpic.net/free-photo/confident-student-studying-remote-looking-laptop-screen-content-creator-with-glasses-casually-typing-sitting-home-desk-college-girl-browsing-internet-freelancer-working-from-home-sending_482257-30220.jpg",
},
{
id: "2",
name: "Mark L.",
handle: "@tutorlife",
testimonial: "The best platform for finding reliable students quickly.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-girl-sits-room-writes-down-notes-doing-homework-records-video-herself_1258-281986.jpg",
},
{
id: "3",
name: "Elena R.",
handle: "@elenafluency",
testimonial: "My language skills improved dramatically in just weeks.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-sitting-park-near-tree-working-laptop-using-computer-outdoors_1258-203688.jpg",
},
{
id: "4",
name: "Chen W.",
handle: "@chenstudies",
testimonial: "Great interface and very supportive community.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teen-girl-with-opened-book_23-2147860588.jpg",
},
{
id: "5",
name: "David M.",
handle: "@davidtutor",
testimonial: "Highly recommended for professional tutors.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-teenage-girl-showing-something-book-her-friend_23-2148093055.jpg",
},
]}
title="Success Stories"
description="See why our community loves learning with GlobalConnect."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah J.", handle: "@sarahlearns", testimonial: "I earned enough in one month to pay for my trip to Spain!", imageSrc: "http://img.b2bpic.net/free-photo/confident-student-studying-remote-looking-laptop-screen-content-creator-with-glasses-casually-typing-sitting-home-desk-college-girl-browsing-internet-freelancer-working-from-home-sending_482257-30220.jpg" },
{ id: "2", name: "Mark L.", handle: "@tutorlife", testimonial: "The best platform for finding reliable students quickly.", imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-girl-sits-room-writes-down-notes-doing-homework-records-video-herself_1258-281986.jpg" },
{ id: "3", name: "Elena R.", handle: "@elenafluency", testimonial: "My language skills improved dramatically in just weeks.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-sitting-park-near-tree-working-laptop-using-computer-outdoors_1258-203688.jpg" },
{ id: "4", name: "Chen W.", handle: "@chenstudies", testimonial: "Great interface and very supportive community.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teen-girl-with-opened-book_23-2147860588.jpg" },
{ id: "5", name: "David M.", handle: "@davidtutor", testimonial: "Highly recommended for professional tutors.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-teenage-girl-showing-something-book-her-friend_23-2148093055.jpg" }
]}
title="Success Stories"
description="See why our community loves learning with GlobalConnect."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I get paid?",
content: "Payments are processed directly to your bank account weekly.",
},
{
id: "2",
title: "Can I set my own rates?",
content: "Yes, all tutors have full control over their hourly rates.",
},
{
id: "3",
title: "Is it safe?",
content: "We use encrypted video tools and secure payment gateways.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-customer-support-representative-wearing-headset-while-working-call-center_637285-133.jpg?_wi=2"
title="Common Questions"
description="Find answers to help you get started."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "How do I get paid?", content: "Payments are processed directly to your bank account weekly." },
{ id: "2", title: "Can I set my own rates?", content: "Yes, all tutors have full control over their hourly rates." },
{ id: "3", title: "Is it safe?", content: "We use encrypted video tools and secure payment gateways." }
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-customer-support-representative-wearing-headset-while-working-call-center_637285-133.jpg"
title="Common Questions"
description="Find answers to help you get started."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Get Started Today"
description="Ready to teach or learn? Sign up now."
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/diverse-multiethnic-businesspeople-discussing-management-strategy-online-videocall_482257-7235.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Get Started Today"
description="Ready to teach or learn? Sign up now."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true }
]}
imageSrc="http://img.b2bpic.net/free-photo/diverse-multiethnic-businesspeople-discussing-management-strategy-online-videocall_482257-7235.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="GlobalConnect"
copyrightText="© 2025 GlobalConnect Inc."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="GlobalConnect"
copyrightText="© 2025 GlobalConnect Inc."
/>
</div>
</ReactLenis>
</ThemeProvider>
);