193 lines
11 KiB
TypeScript
193 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { CheckCircle, Shield, Target } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Asosiy", id: "hero" },
|
|
{ name: "Kurslar", id: "courses" },
|
|
{ name: "Mentorlar", id: "mentors" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
brandName="MTrade Academy"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
title="Kelajak treyderlarini shu yerdan yetishtiramiz"
|
|
description="Halol treydingni 0 dan o'rganing. 5 yillik tajriba, 400+ o'quvchi aksiya treyderi bo'lishdi."
|
|
buttons={[
|
|
{ text: "Bepul start darsi", href: "#" },
|
|
{ text: "Kurslarni ko'rish", href: "#courses" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "0 dan Professional darajagacha", description: "Siz oldin treydingni bilmaysizmi? Hech qisi yo'q. Kurslarimizni boshlab, 0 dan professional treyder darajasiga yetishingiz mumkin.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-executive-working-with-his-tablet_1134-575.jpg", imageAlt: "finance growth icon" },
|
|
items: [{ icon: CheckCircle, text: "Tizimli darslar" }],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Halol treyding tamoyillari", description: "Biz faqat halol va shariatga muvofiq treyding strategiyalarini o'rgatamiz. Moliyaviy savodxonlik va ishonchli vositalar bilan.", media: { imageSrc: "http://img.b2bpic.net/free-photo/united-arab-emirates-flag-with-banner_187299-35589.jpg", imageAlt: "finance growth icon" },
|
|
items: [{ icon: Shield, text: "Shariatga muvofiq" }],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Amaliy tajriba", description: "Nafaqat nazariya, balki real bozorda amaliy savdo qilishni o'rganasiz. Shaxsiy mentorlik va jonli sessiyalar bilan.", media: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg?_wi=1", imageAlt: "finance growth icon" },
|
|
items: [{ icon: Target, text: "Real bozor tajribasi" }],
|
|
reverse: false
|
|
}
|
|
]}
|
|
title="Nima uchun aynan MTrade Academy?"
|
|
description="Biz sizga nafaqat nazariy bilim, balki real bozorda ishlatiladigan amaliy ko'nikmalarni beramiz."
|
|
/>
|
|
</div>
|
|
|
|
<div id="courses" data-section="courses">
|
|
<PricingCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{ id: "online-premium", badge: "ENG MASHHUR", price: "$250", subtitle: "4 oy (3 oy + 1 bonus)", features: ["10 bo'lim, 51 ta mavzu", "Shaxsiy mentor nazorati", "24/7 AI bot", "Zakrit kommyuniti"] },
|
|
{ id: "masofaviy-gibrid", badge: "INTENSIV", price: "$600", subtitle: "9 hafta", features: ["Live + Online format", "5 kishilik guruh", "Bepul signal kanali", "1:1 mentor sessiyasi"] }
|
|
]}
|
|
title="Kurslarimiz"
|
|
description="O'zingizga mos kursni tanlang va halol treyding yo'lida birinchi qadamni qo'ying. Eslatma: Intensiv guruh joylari juda cheklangan, shoshiling!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="stats" data-section="stats">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "66%", description: "Birinchi oyda profitga chiqqanlar" },
|
|
{ id: "m2", value: "400+", description: "O'quvchilar soni" },
|
|
{ id: "m3", value: "5+", description: "Yillik tajriba" },
|
|
{ id: "m4", value: "50+", description: "Video darslar" }
|
|
]}
|
|
title="Statistika"
|
|
description="Muvaffaqiyatli o'quvchilar natijalari"
|
|
/>
|
|
</div>
|
|
|
|
<div id="mentors" data-section="mentors">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
groups={[
|
|
{
|
|
id: "team1", groupTitle: "Mentorlar", members: [
|
|
{ id: "mentor-1", title: "Odilbek", subtitle: "CEO & Asoschisi", detail: "4 yillik tajriba, halol treyding yo'nalishi asoschisi." },
|
|
{ id: "mentor-2", title: "Bunyodbek", subtitle: "Mentor", detail: "3+ yillik tajriba, 100+ o'quvchi." },
|
|
{ id: "mentor-3", title: "Jamshid", subtitle: "Analitik", detail: "Texnik tahlil mutaxassisi." }
|
|
]
|
|
}
|
|
]}
|
|
title="Bizning mentorlarimiz"
|
|
description="Tajribali professional treyderlar sizga yo'l boshlaydi."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Azizbekjon", handle: "O'quvchi", testimonial: "Kursdan so'ng daromadim 3 barobarga oshdi, $500 start kapital bilan hozirda oyiga $1200+ daromad qilayapman!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg?_wi=2" },
|
|
{ id: "2", name: "Mironshoh Mirzayev", handle: "O'quvchi", testimonial: "Akademiya yordamida 3 oy ichida 40% lik daromadlilik ko'rsatkichiga erishdim. Mentorlar professional!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-bandana-studying-cafe_273609-13066.jpg" },
|
|
{ id: "3", name: "Alijon Valiyev", handle: "O'quvchi", testimonial: "Professional treydingni o'rganib, portfelimni 6 oy ichida 2 barobar o'stirishga muvaffaq bo'ldim.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-holding-folder_74855-5075.jpg" },
|
|
{ id: "4", name: "Sardor Tolipov", handle: "O'quvchi", testimonial: "Professional akademiya, o'rganish juda qulay. Hozirda oyiga stabil 20% sof foyda qilyapman.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-successful-young-male-entrepreneur-dressed-blue-shirt-smiling-developing-new-start-up-business-project-his-workplace-having-great-ideas-plans-using-modern-electronic-devices_343059-1582.jpg" },
|
|
{ id: "5", name: "Azizbekjon", handle: "O'quvchi", testimonial: "Tizim juda aniq va foydali. 2 oyda $1000 lik depozitni $1800 ga chiqardim!", imageSrc: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg" }
|
|
]}
|
|
title="O'quvchilarimiz fikri"
|
|
description="Bizning o'quvchilarimizning haqiqiy fikrlari va tajribalari."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "q1", title: "Treydingni noldan o'rganish mumkinmi?", content: "Ha, bizning kurslar 0 dan boshlab o'rganish uchun mo'ljallangan va barcha bosqichlarda sizga ko'maklashadi." },
|
|
{ id: "q2", title: "Kurslar online yoki offline?", content: "Darslarimiz onlayn platformada hamda ma'lum guruhlar uchun gibrid formatda tashkil etiladi." },
|
|
{ id: "q3", title: "Sertifikat beriladimi?", content: "Albatta, kurs yakunida barcha o'quvchilarimizga bilim va ko'nikmalarini tasdiqlovchi sertifikat taqdim etiladi." },
|
|
{ id: "q4", title: "Qanday qo'llab-quvvatlash tizimi bor?", content: "Bizning 24/7 AI botimiz doimiy bozorni kuzatib boradi va savollaringizga javob beradi, shuningdek, jonli mentorlarimiz har qanday murakkab vaziyatda sizga yordam berishga tayyor." }
|
|
]}
|
|
title="Ko'p so'raladigan savollar"
|
|
description="Eng ko'p beriladigan savollarga javoblar."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Aloqa"
|
|
title="Bugun boshlang — halol treyding yo'lida"
|
|
description="Professional treyderlar safiga qo'shiling."
|
|
buttons={[{ text: "Ro'yxatdan o'tish", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "MTrade Academy", items: [{ label: "Biz haqimizda", href: "#" }, { label: "Blog", href: "#" }] },
|
|
{ title: "Tez havolalar", items: [{ label: "Kurslar", href: "#" }, { label: "FAQ", href: "#" }] },
|
|
{ title: "Kontakt", items: [{ label: "+998 77 373 12 48", href: "tel:+998773731248" }] }
|
|
]}
|
|
bottomLeftText="© 2026 MTRADE Academy."
|
|
bottomRightText="Investitsiya maslahati emas."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|