Merge version_1 into main #2
427
src/app/page.tsx
427
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user