Merge version_1 into main #2
477
src/app/page.tsx
477
src/app/page.tsx
@@ -26,345 +26,156 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Paths",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EnglishFluency"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Paths", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EnglishFluency"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Unlock Your Potential with English Fluency"
|
||||
description="Customized learning paths for every goal. From casual conversation to corporate mastery and exam prep—we make learning joyful and effective."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-young-businessman-with-santa-claus-hat-working_140725-119652.jpg?_wi=1"
|
||||
imageAlt="Professional English Tutoring"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-stylish-businesswoman-coat-with-laptop-dreamily-looking-away-outdoor_574295-2169.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-teaching-english-lessons-home_23-2149019835.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-jacket-jeans_176474-49404.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "IELTS Prep",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Business English",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversational Fluency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "TOEFL Mastery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Corporate Training",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Unlock Your Potential with English Fluency"
|
||||
description="Customized learning paths for every goal. From casual conversation to corporate mastery and exam prep—we make learning joyful and effective."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-young-businessman-with-santa-claus-hat-working_140725-119652.jpg"
|
||||
imageAlt="Professional English Tutoring"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-stylish-businesswoman-coat-with-laptop-dreamily-looking-away-outdoor_574295-2169.jpg", alt: "Student 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-woman-teaching-english-lessons-home_23-2149019835.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-woman-jacket-jeans_176474-49404.jpg", alt: "Student 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg", alt: "Student 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied students"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "IELTS Prep" },
|
||||
{ type: "text", text: "Business English" },
|
||||
{ type: "text", text: "Conversational Fluency" },
|
||||
{ type: "text", text: "TOEFL Mastery" },
|
||||
{ type: "text", text: "Corporate Training" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "beige",
|
||||
title: "Post-Course Support",
|
||||
description: "Solidify your knowledge with dedicated post-course coaching to ensure long-term mastery.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chess-pieces-circle-shape_23-2148621015.jpg?_wi=1",
|
||||
imageAlt: "Course Completion",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Continuous feedback",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Personalized goal tracking",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-businessman-with-santa-claus-hat-working_140725-119652.jpg?_wi=2",
|
||||
imageAlt: "online english tutor classroom digital",
|
||||
},
|
||||
{
|
||||
id: "blue",
|
||||
title: "Conversational Fluency",
|
||||
description: "Talk your way to confidence with our natural, immersive conversation sessions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gamification-motivation-flat-elements-set_1284-24974.jpg?_wi=1",
|
||||
imageAlt: "Conversation",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: MessageCircle,
|
||||
text: "Real-world scenarios",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Interactive daily practice",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chess-pieces-circle-shape_23-2148621015.jpg?_wi=2",
|
||||
imageAlt: "beige circle icon study progress",
|
||||
},
|
||||
{
|
||||
id: "green",
|
||||
title: "Test Prep Intensive",
|
||||
description: "Master every question type and ace your exams with proven strategies.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inserting-card-cash-machine_1339-3021.jpg?_wi=1",
|
||||
imageAlt: "Test Prep",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "High score strategies",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Full exam simulations",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gamification-motivation-flat-elements-set_1284-24974.jpg?_wi=2",
|
||||
imageAlt: "blue talking bubble circle icon",
|
||||
},
|
||||
{
|
||||
id: "burgundy",
|
||||
title: "Corporate Training",
|
||||
description: "Professional language skills tailored for business success and team development.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sports-event-postponed-assortment_23-2148596841.jpg?_wi=1",
|
||||
imageAlt: "Corporate Training",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Business etiquette",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Executive presentation skills",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inserting-card-cash-machine_1339-3021.jpg?_wi=2",
|
||||
imageAlt: "green test prep circle icon",
|
||||
},
|
||||
]}
|
||||
title="Tailored Paths to Mastery"
|
||||
description="Choose your journey with our specialized tracks designed for every unique goal."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "beige", title: "Post-Course Support", description: "Solidify your knowledge with dedicated post-course coaching to ensure long-term mastery.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chess-pieces-circle-shape_23-2148621015.jpg", imageAlt: "Course Completion"},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Continuous feedback" },
|
||||
{ icon: Star, text: "Personalized goal tracking" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "blue", title: "Conversational Fluency", description: "Talk your way to confidence with our natural, immersive conversation sessions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gamification-motivation-flat-elements-set_1284-24974.jpg", imageAlt: "Conversation"},
|
||||
items: [
|
||||
{ icon: MessageCircle, text: "Real-world scenarios" },
|
||||
{ icon: Zap, text: "Interactive daily practice" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "green", title: "Test Prep Intensive", description: "Master every question type and ace your exams with proven strategies.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inserting-card-cash-machine_1339-3021.jpg", imageAlt: "Test Prep"},
|
||||
items: [
|
||||
{ icon: Award, text: "High score strategies" },
|
||||
{ icon: CheckCircle, text: "Full exam simulations" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "burgundy", title: "Corporate Training", description: "Professional language skills tailored for business success and team development.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sports-event-postponed-assortment_23-2148596841.jpg", imageAlt: "Corporate Training"},
|
||||
items: [
|
||||
{ icon: Shield, text: "Business etiquette" },
|
||||
{ icon: Zap, text: "Executive presentation skills" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Tailored Paths to Mastery"
|
||||
description="Choose your journey with our specialized tracks designed for every unique goal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Conversational",
|
||||
price: "$49",
|
||||
period: "/month",
|
||||
features: [
|
||||
"Weekly sessions",
|
||||
"Community access",
|
||||
"Resource library",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Basic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chess-pieces-circle-shape_23-2148621015.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Professional",
|
||||
price: "$129",
|
||||
period: "/month",
|
||||
features: [
|
||||
"Unlimited sessions",
|
||||
"Career mentoring",
|
||||
"Priority support",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Pro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gamification-motivation-flat-elements-set_1284-24974.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Corporate",
|
||||
price: "$299",
|
||||
period: "/month",
|
||||
features: [
|
||||
"Team management",
|
||||
"Custom curriculum",
|
||||
"Reports",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Corporate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sports-event-postponed-assortment_23-2148596841.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Flexible Learning Plans"
|
||||
description="Choose the path that fits your lifestyle and aspirations."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Conversational", price: "$49", period: "/month", features: ["Weekly sessions", "Community access", "Resource library"],
|
||||
button: { text: "Choose Basic" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chess-pieces-circle-shape_23-2148621015.jpg"},
|
||||
{
|
||||
id: "pro", title: "Professional", price: "$129", period: "/month", features: ["Unlimited sessions", "Career mentoring", "Priority support"],
|
||||
button: { text: "Choose Pro" },
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gamification-motivation-flat-elements-set_1284-24974.jpg"},
|
||||
{
|
||||
id: "enterprise", title: "Corporate", price: "$299", period: "/month", features: ["Team management", "Custom curriculum", "Reports"],
|
||||
button: { text: "Choose Corporate" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sports-event-postponed-assortment_23-2148596841.jpg"},
|
||||
]}
|
||||
title="Flexible Learning Plans"
|
||||
description="Choose the path that fits your lifestyle and aspirations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Confidence Boost",
|
||||
quote: "The conversation practice helped me speak fluently in my daily life.",
|
||||
name: "Anna",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-stylish-businesswoman-coat-with-laptop-dreamily-looking-away-outdoor_574295-2169.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Business Success",
|
||||
quote: "The corporate training was vital for my recent promotion.",
|
||||
name: "Marcus",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Prep",
|
||||
quote: "I passed my exam on the first try thanks to the intensive prep!",
|
||||
name: "Elena",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-teaching-english-lessons-home_23-2149019835.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Flexible",
|
||||
quote: "Perfect for my busy schedule, highly recommended.",
|
||||
name: "David",
|
||||
role: "Employee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-jacket-jeans_176474-49404.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Professional",
|
||||
quote: "I've learned so much about business English in just a few weeks.",
|
||||
name: "Sarah",
|
||||
role: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg",
|
||||
},
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Hear from those who have transformed their lives and careers with us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Confidence Boost", quote: "The conversation practice helped me speak fluently in my daily life.", name: "Anna", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-stylish-businesswoman-coat-with-laptop-dreamily-looking-away-outdoor_574295-2169.jpg" },
|
||||
{ id: "t2", title: "Business Success", quote: "The corporate training was vital for my recent promotion.", name: "Marcus", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg" },
|
||||
{ id: "t3", title: "Great Prep", quote: "I passed my exam on the first try thanks to the intensive prep!", name: "Elena", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-teaching-english-lessons-home_23-2149019835.jpg" },
|
||||
{ id: "t4", title: "Flexible", quote: "Perfect for my busy schedule, highly recommended.", name: "David", role: "Employee", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-jacket-jeans_176474-49404.jpg" },
|
||||
{ id: "t5", title: "Professional", quote: "I've learned so much about business English in just a few weeks.", name: "Sarah", role: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg" },
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Hear from those who have transformed their lives and careers with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do classes work?",
|
||||
content: "Classes are held via live video calls at times that suit you.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, our plans are flexible and can be cancelled at any time.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer group classes?",
|
||||
content: "We offer both one-on-one and group session options.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Ready to get started?"
|
||||
ctaDescription="Join our growing community and reach your English goals today. Reach out for a consultation."
|
||||
ctaButton={{
|
||||
text: "Message Us",
|
||||
}}
|
||||
ctaIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do classes work?", content: "Classes are held via live video calls at times that suit you." },
|
||||
{ id: "q2", title: "Can I cancel anytime?", content: "Yes, our plans are flexible and can be cancelled at any time." },
|
||||
{ id: "q3", title: "Do you offer group classes?", content: "We offer both one-on-one and group session options." },
|
||||
]}
|
||||
ctaTitle="Ready to get started?"
|
||||
ctaDescription="Join our growing community and reach your English goals today. Reach out for a consultation."
|
||||
ctaButton={{ text: "Message Us" }}
|
||||
ctaIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EnglishFluency"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EnglishFluency"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user