306 lines
18 KiB
TypeScript
306 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, Briefcase, Clock, Globe, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Bosh Sahifa", id: "#hero"},
|
|
{
|
|
name: "Afzalliklar", id: "#features"},
|
|
{
|
|
name: "Kurslar", id: "#products"},
|
|
{
|
|
name: "Narxlar", id: "#pricing"},
|
|
{
|
|
name: "Fikrlar", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Kontakt", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pntulf"
|
|
logoAlt="TESOL & TEFL Academy logo"
|
|
brandName="TESOL & TEFL Academy"
|
|
bottomLeftText="Xalqaro O'qituvchilar Jamiyati"
|
|
bottomRightText="info@tesolteflacademy.uz"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Xalqaro TEFL va TESOL sertifikatini oling"
|
|
description="2 oy ichida xalqaro darajadagi sertifikatga ega bo'ling va professional ustoz sifatida faoliyat yuriting."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-black-youngster-sitting-cafeteria-speaking-smart-phone-having-broad-smile-good-mood-while-having-rest_273609-7466.jpg", alt: "O'qituvchi 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-showing-thumbs-up-young-female-teacher-sitting-desk-with-school-tools-classroom_141793-133843.jpg", alt: "O'qituvchi 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27933.jpg", alt: "O'qituvchi 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", alt: "O'qituvchi 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-caucasian-female-wearing-polo-shirt-rectangular-glasses-smiling-happily-while-posing-isolated_273609-1875.jpg", alt: "O'qituvchi 5"},
|
|
]}
|
|
avatarText="Bizning bitiruvchilarimizga qo'shiling!"
|
|
buttons={[
|
|
{
|
|
text: "Bepul konsultatsiya", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Xalqaro Akkreditatsiya", icon: Award,
|
|
},
|
|
{
|
|
type: "text-icon", text: "100+ Mamlakatlarda Ish", icon: Globe,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Tajribali Mentorlar", icon: Users,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Moslashuvchan Jadval", icon: Clock,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Ishga Joylashishga Ko'mak", icon: Briefcase,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Ish joylari uchun keng imkoniyatlar", description: "TEFL/TESOL sertifikati bilan siz butun dunyo bo'ylab ingliz tili o'qituvchisi sifatida ishlash imkoniyatiga ega bo'lasiz.", tag: "Global ish", imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-girl-holding-her-diploma_23-2148201861.jpg", imageAlt: "Global sertifikat tan olinishi"},
|
|
{
|
|
id: "f2", title: "Yuqori malaka va mahorat", description: "Kurslarimiz sizni zamonaviy o'qitish metodologiyalari va amaliy ko'nikmalar bilan qurollantiradi.", tag: "Professional rivojlanish", imageSrc: "http://img.b2bpic.net/free-photo/hello-welcome-back-our-virtual-classroom_637285-9388.jpg", imageAlt: "O'qituvchi kar'era o'sishi"},
|
|
{
|
|
id: "f3", title: "Moslashuvchan o'qish", description: "Online va gibrid kurs formatlari orqali o'qish jadvalingizga moslashtirishingiz mumkin.", tag: "Qulaylik", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-female-student-sits-outdoors-front-opened-laptop-computer-writes-down-notes-notepad-prepares-lesson-poses-against-modern-city-building-e-learning-concept_273609-62296.jpg", imageAlt: "Moslashuvchan onlayn o'qish"},
|
|
]}
|
|
title="Sertifikatning asosiy afzalliklari"
|
|
description="TESOL va TEFL sertifikatlari sizga dunyo bo'ylab eshiklarni ochadi va yuqori darajadagi o'qituvchi bo'lishga yordam beradi."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Global Education", "Language Link", "EduConnect", "World Teachers", "Future Skills", "Learn Abroad", "Career Boost"]}
|
|
title="Bizning sertifikatlarimiz dunyo tan olinadi"
|
|
description="Minglab bitiruvchilarimiz va hamkorlarimiz bilan xalqaro miqyosda e'tirof etilgan sifatni kafolatlaymiz."
|
|
speed={40}
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "p1", brand: "TEFL Online", name: "Asosiy TEFL Kursi", price: "600$", rating: 5,
|
|
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/man-working-kitchen-home-quarantine-with-laptop_23-2148740917.jpg", imageAlt: "Online TEFL kurs"},
|
|
{
|
|
id: "p2", brand: "TESOL Hybrid", name: "Gibrid TESOL Kursi", price: "850$", rating: 5,
|
|
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/student-online-cute-girl-glasses-sweater-studying-computer-taking-down-notes_140725-164149.jpg", imageAlt: "Gibrid TESOL kurs"},
|
|
{
|
|
id: "p3", brand: "Advanced", name: "Malaka oshirish (Advanced)", price: "450$", rating: 5,
|
|
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/english-teacher-doing-her-class-with-whiteboard_23-2148999502.jpg", imageAlt: "Malaka oshirish kurs"},
|
|
{
|
|
id: "p4", brand: "Exam Prep", name: "Imtihonga tayyorlov", price: "300$", rating: 4,
|
|
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314038.jpg", imageAlt: "Imtihonga tayyorlov"},
|
|
{
|
|
id: "p5", brand: "Practical", name: "Amaliyot mashg'ulotlari", price: "500$", rating: 5,
|
|
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171342.jpg", imageAlt: "Amaliyot mashg'ulotlari"},
|
|
{
|
|
id: "p6", brand: "Career Support", name: "Ishga joylashishga yordam", price: "200$", rating: 4,
|
|
reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/girl-computer-class-with-classmates_23-2147663638.jpg", imageAlt: "Ishga joylashishga yordam"},
|
|
]}
|
|
title="Kurs dasturi va moduli"
|
|
description="Har bir modul sizni TEFL/TESOL sertifikati imtihonlariga to'liq tayyorlash uchun mo'ljallangan."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic", title: "Standard", price: "600$", period: "/kurs", features: [
|
|
"Asosiy TEFL/TESOL", "1 oy kirish", "Elektron materiallar", "Online darslar"],
|
|
button: {
|
|
text: "Hoziroq sotib oling", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-tag_23-2148657726.jpg", imageAlt: "Standard tarif reja"},
|
|
{
|
|
id: "premium", title: "Premium", price: "850$", period: "/kurs", features: [
|
|
"Standard +", "Gibrid o'qitish", "2 oy kirish", "Mentorlik dasturi"],
|
|
button: {
|
|
text: "Hoziroq sotib oling", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/education-growth-concept-arrangement_23-2148721290.jpg", imageAlt: "Premium tarif reja"},
|
|
{
|
|
id: "pro", title: "Professional", price: "1200$", period: "/kurs", features: [
|
|
"Premium +", "Amaliyot", "Ishga joylashishga yordam", "3 oy kirish"],
|
|
button: {
|
|
text: "Hoziroq sotib oling", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teacher-cute-instructor-suit-classrom-with-computer-whiteboard-holding-coffee-cup_140725-163309.jpg", imageAlt: "Professional tarif reja"},
|
|
]}
|
|
title="O'zingizga mos tarifni tanlang"
|
|
description="TEFL va TESOL kurslarimiz uchun moslashuvchan narxlar. To'lov rejalari mavjud."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Dilshodbek T.", date: "2023 yil sentyabr", title: "A'lo darajadagi ta'lim", quote: "TESOL & TEFL Academy'dagi kurslar menga o'qitish mahoratimni sezilarli darajada oshirishga yordam berdi. Darslar juda interaktiv va amaliy edi.", tag: "O'qituvchi", avatarSrc: "http://img.b2bpic.net/free-photo/black-young-woman-clenching-her-fists_197531-33127.jpg", avatarAlt: "Dilshodbek T. avatari", imageSrc: "http://img.b2bpic.net/free-photo/that-s-all-today-see-you-tomorrow_637285-8918.jpg", imageAlt: "Dilshodbek T."},
|
|
{
|
|
id: "t2", name: "Sarvinoz R.", date: "2024 yil yanvar", title: "Xalqaro darajadagi sertifikat", quote: "Men har doim xalqaro sertifikatga ega bo'lishni orzu qilardim. Bu akademiya orqali orzularimga erishdim va hozir chet elda ishlayapman.", tag: "Talaba", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", avatarAlt: "Sarvinoz R. avatari", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-high-protocol-event_23-2150951349.jpg", imageAlt: "Sarvinoz R."},
|
|
{
|
|
id: "t3", name: "Jasur A.", date: "2023 yil noyabr", title: "Professional yondashuv", quote: "O'qituvchilarning professionalizmi va kurs dasturining sifati meni hayratda qoldirdi. Har bir dars qiziqarli va tushunarli edi.", tag: "O'quv markazi xodimi", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-correcting-grammar-mistakes_23-2150171360.jpg", avatarAlt: "Jasur A. avatari", imageSrc: "http://img.b2bpic.net/free-photo/classmates-writing-learning-study-session_23-2149265741.jpg", imageAlt: "Jasur A."},
|
|
{
|
|
id: "t4", name: "Madina K.", date: "2024 yil aprel", title: "Kelajak uchun investitsiya", quote: "TEFL sertifikatini olish o'z kelajagimga qo'ygan eng yaxshi investitsiyam bo'ldi. Yangi imkoniyatlar ochildi va daromadim oshdi.", tag: "Universitet talabasi", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-pretty-female-office-worker-sitting-desk-with-office-tools-showing-okey-gesture-her-thumb-up-isolated-olive-background_141793-63293.jpg", avatarAlt: "Madina K. avatari", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-businessman-using-computer-while-working-office_637285-740.jpg", imageAlt: "Madina K."},
|
|
{
|
|
id: "t5", name: "Farxod M.", date: "2023 yil avgust", title: "Onlayn ta'lim sifati", quote: "Onlayn kurs formatiga shubha bilan qaragandim, ammo TESOL & TEFL Academy bunga misol bo'ldi. Sifatli va interaktiv onlayn ta'limdan minnatdorman.", tag: "O'qituvchi", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14946.jpg", avatarAlt: "Farxod M. avatari", imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-with-gadgets_23-2147664147.jpg", imageAlt: "Farxod M."},
|
|
]}
|
|
title="Bizning bitiruvchilarimiz nima deydi?"
|
|
description="TESOL & TEFL Academy'da o'qish tajribasi haqida talabalarimizning fikrlari."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "TEFL va TESOL nima?", content: "TEFL (Teaching English as a Foreign Language) va TESOL (Teaching English to Speakers of Other Languages) ingliz tilini chet elda yoki ingliz tilida so'zlashuvchilar bo'lmaganlarga o'rgatish uchun mo'ljallangan xalqaro sertifikatlardir."},
|
|
{
|
|
id: "q2", title: "Sertifikat muddati qancha?", content: "Kurs davomiyligi siz tanlagan dasturga bog'liq. Odatda, kurslarimiz 2 oydan 4 oygacha davom etadi, ammo moslashuvchan variantlar ham mavjud."},
|
|
{
|
|
id: "q3", title: "To'lov usullari qanday?", content: "Biz to'lovning bir nechta usullarini taklif qilamiz: bir martalik to'lov, bo'lib-bo'lib to'lash imkoniyati va kredit kartalar orqali to'lov. Bepul konsultatsiyada batafsil ma'lumot olishingiz mumkin."},
|
|
{
|
|
id: "q4", title: "Sertifikat qaerda tan olinadi?", content: "Bizning sertifikatlarimiz xalqaro miqyosda tan olingan va dunyoning ko'plab mamlakatlarida ingliz tili o'qituvchisi sifatida ishlash imkoniyatini beradi."},
|
|
{
|
|
id: "q5", title: "Kursni tugatgandan so'ng ish topishga yordam berasizmi?", content: "Ha, biz bitiruvchilarimizga ishga joylashishga yordam berish xizmatlarini taklif qilamiz, jumladan rezyume tayyorlash, intervyuga tayyorlanish va ish joylashuvini topishda ko'mak berish."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/excited-adult-students-sharing-ideas-project_74855-1822.jpg"
|
|
imageAlt="O'qituvchi savollarga javob beradi"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="Tez-tez beriladigan savollar"
|
|
description="TEFL va TESOL sertifikatlari haqida ko'p beriladigan savollarga javoblar."
|
|
faqsAnimation="slide-up"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Bog'lanish va Ro'yxatdan O'tish"
|
|
title="Bepul konsultatsiya oling va ro'yxatdan o'ting"
|
|
description="Sizning barcha savollaringizga javob beramiz, eng yaxshi kursni tanlashga yordam beramiz va ro'yxatdan o'tish imkoniyatini taqdim etamiz."
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-happy-woman-taking-notes_23-2148704201.jpg"
|
|
imageAlt="Aloqa va ro'yxatdan o'tish formasi"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Email manzilingizni kiriting"
|
|
buttonText="Ro'yxatdan o'tish"
|
|
termsText="Ro'yxatdan o'tish tugmasini bosish orqali siz shartlar va sharoitlarimizga rozilik bildirasiz."
|
|
onSubmit={() => alert('Ro\'yxatdan o\'tish muvaffaqiyatli!')}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="TESOL & TEFL Academy"
|
|
columns={[
|
|
{
|
|
title: "Xizmatlar", items: [
|
|
{
|
|
label: "TEFL Kursi", href: "#products"},
|
|
{
|
|
label: "TESOL Kursi", href: "#products"},
|
|
{
|
|
label: "Narxlar", href: "#pricing"},
|
|
{
|
|
label: "Ishga joylashish", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Kompaniya", items: [
|
|
{
|
|
label: "Biz haqimizda", href: "#"},
|
|
{
|
|
label: "Fikrlar", href: "#testimonials"},
|
|
{
|
|
label: "Bog'lanish", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Manbalar", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Qoidalar", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 TESOL & TEFL Academy. Barcha huquqlar himoyalangan."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|