Merge version_2 into main #2
227
src/app/page.tsx
227
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Linguify"
|
||||
/>
|
||||
@@ -52,33 +46,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unlock the World, One Word at a Time"
|
||||
description="Master any language with interactive, bite-sized lessons tailored for beginners and adventurous travelers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "View Roadmap",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Roadmap", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg?_wi=1",
|
||||
imageAlt: "language learning app interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg?_wi=1", imageAlt: "language learning app interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-couple-looking-phone-map_23-2148619900.jpg?_wi=1",
|
||||
imageAlt: "traveler using translation app",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-couple-looking-phone-map_23-2148619900.jpg?_wi=1", imageAlt: "traveler using translation app"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104629.jpg?_wi=1",
|
||||
imageAlt: "multilingual diverse people talking",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104629.jpg?_wi=1", imageAlt: "multilingual diverse people talking"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -92,17 +75,11 @@ export default function LandingPage() {
|
||||
description="Our platform combines spaced repetition with immersive content, ensuring you actually remember what you learn."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Bite-sized Lessons",
|
||||
description: "Learn anywhere, even on a five-minute train ride.",
|
||||
},
|
||||
title: "Bite-sized Lessons", description: "Learn anywhere, even on a five-minute train ride."},
|
||||
{
|
||||
title: "Real Conversations",
|
||||
description: "Practice with speech recognition powered by AI.",
|
||||
},
|
||||
title: "Real Conversations", description: "Practice with speech recognition powered by AI."},
|
||||
{
|
||||
title: "Travel-Ready Phrases",
|
||||
description: "Focus on vocabulary that matters for your next trip.",
|
||||
},
|
||||
title: "Travel-Ready Phrases", description: "Focus on vocabulary that matters for your next trip."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2149054138.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -116,29 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Voice Coaching",
|
||||
description: "Perfect your pronunciation with live feedback.",
|
||||
tag: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/travel-infographics-set_1284-13685.jpg?_wi=1",
|
||||
imageAlt: "world travel landmarks vector",
|
||||
},
|
||||
id: "f1", title: "Voice Coaching", description: "Perfect your pronunciation with live feedback.", tag: "New", imageSrc: "http://img.b2bpic.net/free-vector/travel-infographics-set_1284-13685.jpg?_wi=1", imageAlt: "world travel landmarks vector"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cultural Insights",
|
||||
description: "Understand the context behind every phrase.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg?_wi=2",
|
||||
imageAlt: "world travel landmarks vector",
|
||||
},
|
||||
id: "f2", title: "Cultural Insights", description: "Understand the context behind every phrase.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg?_wi=2", imageAlt: "world travel landmarks vector"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Offline Mode",
|
||||
description: "Download lessons for when you are on the go.",
|
||||
tag: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-couple-looking-phone-map_23-2148619900.jpg?_wi=2",
|
||||
imageAlt: "world travel landmarks vector",
|
||||
},
|
||||
id: "f3", title: "Offline Mode", description: "Download lessons for when you are on the go.", tag: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/tourist-couple-looking-phone-map_23-2148619900.jpg?_wi=2", imageAlt: "world travel landmarks vector"},
|
||||
]}
|
||||
title="Powerful Learning Features"
|
||||
description="Tools that bridge the gap between learning and speaking."
|
||||
@@ -152,36 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Traveler",
|
||||
price: "$9",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Basic vocabulary",
|
||||
"Offline access",
|
||||
],
|
||||
id: "basic", title: "Traveler", price: "$9", period: "/mo", features: [
|
||||
"Basic vocabulary", "Offline access"],
|
||||
button: {
|
||||
text: "Start Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-learing-distance-education-icons-interface_53876-124201.jpg?_wi=1",
|
||||
imageAlt: "digital nomad passport book",
|
||||
},
|
||||
text: "Start Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-learing-distance-education-icons-interface_53876-124201.jpg?_wi=1", imageAlt: "digital nomad passport book"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Fluent",
|
||||
price: "$19",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Full curriculum",
|
||||
"Voice coaching",
|
||||
"Offline access",
|
||||
],
|
||||
id: "pro", title: "Fluent (Best for Travelers)", price: "$19", period: "/mo", features: [
|
||||
"Full curriculum", "Voice coaching", "Offline access"],
|
||||
button: {
|
||||
text: "Go Fluent",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg?_wi=3",
|
||||
imageAlt: "digital nomad passport book",
|
||||
},
|
||||
text: "Go Fluent"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg?_wi=3", imageAlt: "digital nomad passport book"},
|
||||
]}
|
||||
title="Plans That Fit Your Goals"
|
||||
description="Whether you're a casual learner or a frequent traveler, we have the right package for you."
|
||||
@@ -196,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
description: "Active Learners",
|
||||
},
|
||||
id: "m1", value: "1M+", description: "Active Learners"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
description: "Languages Supported",
|
||||
},
|
||||
id: "m2", value: "50+", description: "Languages Supported"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
description: "Success Rate",
|
||||
},
|
||||
id: "m3", value: "95%", description: "Success Rate"},
|
||||
]}
|
||||
title="Learning That Works"
|
||||
description="Proven results from our global community of language explorers."
|
||||
@@ -222,60 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Oct 2023",
|
||||
title: "Traveler",
|
||||
quote: "I learned more in two months with Linguify than in three years of school.",
|
||||
tag: "⭐⭐⭐⭐⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-striped-shirt_273609-11547.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg?_wi=4",
|
||||
imageAlt: "young woman portrait",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", date: "Oct 2023", title: "Traveler", quote: "I learned more in two months with Linguify than in three years of school.", tag: "⭐⭐⭐⭐⭐", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-striped-shirt_273609-11547.jpg", imageSrc: "http://img.b2bpic.net/free-photo/training-study-knowledge-e-learning-concept_53876-120707.jpg?_wi=4", imageAlt: "young woman portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Miller",
|
||||
date: "Sep 2023",
|
||||
title: "Beginner",
|
||||
quote: "The pronunciation tool is a game changer for my trip to France.",
|
||||
tag: "⭐⭐⭐⭐⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-traveler-enjoys-serenity-high-altitude-wilderness_482257-117989.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-couple-looking-phone-map_23-2148619900.jpg?_wi=3",
|
||||
imageAlt: "young woman portrait",
|
||||
},
|
||||
id: "2", name: "Mark Miller", date: "Sep 2023", title: "Beginner", quote: "The pronunciation tool is a game changer for my trip to France.", tag: "⭐⭐⭐⭐⭐", avatarSrc: "http://img.b2bpic.net/free-photo/young-traveler-enjoys-serenity-high-altitude-wilderness_482257-117989.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tourist-couple-looking-phone-map_23-2148619900.jpg?_wi=3", imageAlt: "young woman portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alice Wang",
|
||||
date: "Aug 2023",
|
||||
title: "Student",
|
||||
quote: "Finally, a platform that makes studying fun and truly practical.",
|
||||
tag: "⭐⭐⭐⭐⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104629.jpg?_wi=2",
|
||||
imageAlt: "young woman portrait",
|
||||
},
|
||||
id: "3", name: "Alice Wang", date: "Aug 2023", title: "Student", quote: "Finally, a platform that makes studying fun and truly practical.", tag: "⭐⭐⭐⭐⭐", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104629.jpg?_wi=2", imageAlt: "young woman portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
date: "Jul 2023",
|
||||
title: "Traveler",
|
||||
quote: "Excellent for travelers on the go. Offline mode is a life-saver.",
|
||||
tag: "⭐⭐⭐⭐⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-mixed-race-black-woman-with-textured-curly-afro-hair-bright-orange-jacket-with-natural-makeup-dark-skin-tones-smiling-wide_633478-2176.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/travel-infographics-set_1284-13685.jpg?_wi=2",
|
||||
imageAlt: "young woman portrait",
|
||||
},
|
||||
id: "4", name: "David Smith", date: "Jul 2023", title: "Traveler", quote: "Excellent for travelers on the go. Offline mode is a life-saver.", tag: "⭐⭐⭐⭐⭐", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-mixed-race-black-woman-with-textured-curly-afro-hair-bright-orange-jacket-with-natural-makeup-dark-skin-tones-smiling-wide_633478-2176.jpg", imageSrc: "http://img.b2bpic.net/free-vector/travel-infographics-set_1284-13685.jpg?_wi=2", imageAlt: "young woman portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Ross",
|
||||
date: "Jun 2023",
|
||||
title: "Designer",
|
||||
quote: "Simple, effective, and beautiful interface. A joy to use every day.",
|
||||
tag: "⭐⭐⭐⭐⭐",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-learing-distance-education-icons-interface_53876-124201.jpg?_wi=2",
|
||||
imageAlt: "young woman portrait",
|
||||
},
|
||||
id: "5", name: "Elena Ross", date: "Jun 2023", title: "Designer", quote: "Simple, effective, and beautiful interface. A joy to use every day.", tag: "⭐⭐⭐⭐⭐", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg", imageSrc: "http://img.b2bpic.net/free-photo/e-learing-distance-education-icons-interface_53876-124201.jpg?_wi=2", imageAlt: "young woman portrait"},
|
||||
]}
|
||||
title="What Our Students Say"
|
||||
description="Real feedback from travelers and learners around the world."
|
||||
@@ -287,12 +173,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GlobalGrowth",
|
||||
"TravelPro",
|
||||
"EduFuture",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GlobalGrowth", "TravelPro", "EduFuture"]}
|
||||
title="Trusted by Institutions"
|
||||
description="We partner with top global organizations to scale language proficiency."
|
||||
/>
|
||||
@@ -303,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, we offer a 7-day free trial for all premium features.",
|
||||
},
|
||||
id: "q1", title: "Is there a free trial?", content: "Yes, we offer a 7-day free trial for all premium features."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Absolutely. You are in control of your subscription.",
|
||||
},
|
||||
id: "q2", title: "Can I cancel anytime?", content: "Absolutely. You are in control of your subscription."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How many languages?",
|
||||
content: "We currently support over 50 languages with more being added weekly.",
|
||||
},
|
||||
id: "q3", title: "How many languages?", content: "We currently support over 50 languages with more being added weekly."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -327,8 +199,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Language Community"
|
||||
description="Get exclusive tips, travel hacks, and learning updates directly to your inbox."
|
||||
@@ -341,33 +212,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -377,4 +236,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user