Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-11 18:15:08 +00:00

View File

@@ -17,363 +17,175 @@ import { CheckCircle, Shield, Target } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
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="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?_wi=1"
/>
</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",
},
items: [
{
icon: CheckCircle,
text: "Tizimli darslar",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg?_wi=2",
imageAlt: "finance growth icon",
},
{
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",
},
items: [
{
icon: Shield,
text: "Shariatga muvofiq",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123993.jpg",
imageAlt: "finance growth icon",
},
{
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",
},
items: [
{
icon: Target,
text: "Real bozor tajribasi",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-bandana-studying-cafe_273609-13066.jpg?_wi=1",
imageAlt: "finance growth icon",
},
]}
title="Nima uchun aynan MTrade Academy?"
description="Biz sizga nafaqat nazariy bilim, balki real bozorda ishlatiladigan amaliy ko'nikmalarni beramiz."
/>
</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", 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."
/>
</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."
/>
</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="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.",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-sci-fi-techno-lights-futuristic-backgrounds_181624-11934.jpg",
imageAlt: "Cool futuristic sci-fi techno lights for futuristic backgrounds",
},
]}
title="Bizning mentorlarimiz"
description="Tajribali professional treyderlar sizga yo'l boshlaydi."
/>
</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: "Menga juda yoqdi. Bot signalini olaman. Rahmat katta!",
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: "Rahmat katta ustoz. Bu akademiya ajoyib.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-bandana-studying-cafe_273609-13066.jpg?_wi=2",
},
{
id: "3",
name: "Alijon Valiyev",
handle: "O'quvchi",
testimonial: "Hammaga tavsiya qilaman! Eng yaxshi tanlov.",
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.",
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.",
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="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Azizbekjon", handle: "O'quvchi", testimonial: "Menga juda yoqdi. Bot signalini olaman. Rahmat katta!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg" },
{ id: "2", name: "Mironshoh Mirzayev", handle: "O'quvchi", testimonial: "Rahmat katta ustoz. Bu akademiya ajoyib.", 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: "Hammaga tavsiya qilaman! Eng yaxshi tanlov.", 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.", 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.", 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.",
},
{
id: "q2",
title: "Kurslar online yoki offline?",
content: "Online va Gibrid formatlarda mavjud.",
},
{
id: "q3",
title: "Sertifikat beriladimi?",
content: "Ha, muvaffaqiyatli tugatgandan so'ng.",
},
{
id: "q4",
title: "Qanday qo'llab-quvvatlash tizimi bor?",
content: "24/7 AI bot, mentorlar va kommyuniti.",
},
]}
title="Ko'p so'raladigan savollar"
description="Eng ko'p beriladigan savollarga javoblar."
faqsAnimation="slide-up"
/>
</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." },
{ id: "q2", title: "Kurslar online yoki offline?", content: "Online va Gibrid formatlarda mavjud." },
{ id: "q3", title: "Sertifikat beriladimi?", content: "Ha, muvaffaqiyatli tugatgandan so'ng." },
{ id: "q4", title: "Qanday qo'llab-quvvatlash tizimi bor?", content: "24/7 AI bot, mentorlar va kommyuniti." }
]}
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="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>
<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>
);