Update src/app/page.tsx

This commit is contained in:
2026-06-11 05:34:51 +00:00
parent a3066d2270
commit 290a1431af

View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Bosh sahifa", name: "Bosh sahifa", id: "#home"},
id: "#home",
},
{ {
name: "Men haqimda", name: "Men haqimda", id: "#about"},
id: "#about",
},
{ {
name: "Ko'nikmalar", name: "Ko'nikmalar", id: "#skills"},
id: "#skills",
},
{ {
name: "Loyihalar", name: "Loyihalar", id: "#projects"},
id: "#projects",
},
{ {
name: "Bog'lanish", name: "Bog'lanish", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Alijon" brandName="Alijon"
/> />
@@ -59,42 +49,21 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Salom, men Alijon, yangi boshlovchi Frontend dasturchiman." title="Salom, men Alijon, yangi boshlovchi Frontend dasturchiman."
description="Veb-ilovalar yaratishga ishtiyoqmand, foydalanuvchi interfeyslari va tajribasiga e'tibor qarataman. Keling, birgalikda ajoyib narsalarni yarataylik!" description="Veb-ilovalar yaratishga ishtiyoqmand, foydalanuvchi interfeyslari va tajribasiga e'tibor qarataman. Keling, birgalikda ajoyib narsalarni yarataylik!"
tag="Xush kelibsiz!" tag="Xush kelibsiz!"
buttons={[ buttons={[
{ {
text: "Loyihalarni ko'rish", text: "Loyihalarni ko'rish", href: "#projects"},
href: "#projects",
},
{ {
text: "Bog'lanish", text: "Bog'lanish", href: "#contact"},
href: "#contact",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg", imageAlt: "Ish stolida kod yozayotgan dasturchi"},
imageAlt: "Ish stolida kod yozayotgan dasturchi",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-technology-background-with-particle-waves_1048-17881.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-network-technology-background-with-particle-waves_1048-17881.jpg", imageAlt: "Raqamli oqimni aks ettiruvchi mavhum vizual"}
imageAlt: "Raqamli oqimni aks ettiruvchi mavhum vizual",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171119.jpg",
imageAlt: "Medium shot woman working late at night",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-analyzing-financial-growth-report-typing-company-strategy-computer-keyboard-executive-manager-working-late-night-marketing-project-startup-office-close-up_482257-74982.jpg",
imageAlt: "Businesswoman analyzing financial growth report typing company strategy on computer keyboard Executive manager working late at night at marketing project in startup office Close up",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-from-home-typing-laptop-keyboard-close-up_482257-128497.jpg",
imageAlt: "Freelancer working from home typing on laptop keyboard close up",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -107,17 +76,12 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ {
type: "text", type: "text", content: "Men haqimda"},
content: "Men haqimda",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Mening hikoyam", text: "Mening hikoyam", href: "#"},
href: "#",
},
]} ]}
description="Men Alijon, yangi boshlovchi frontend dasturchiman. Zamonaviy veb-texnologiyalar yordamida chiroyli va funksional veb-ilovalar yaratishga intilaman. Har doim yangi narsalarni o'rganishga va o'zimni rivojlantirishga tayyorman. Fikrlarimni kodga aylantirishdan zavqlanaman va foydalanuvchi tajribasini optimallashtirishga katta e'tibor beraman."
/> />
</div> </div>
@@ -127,53 +91,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
tag: "Asos", tag: "Asos", title: "HTML, CSS, JavaScript", subtitle: "Veb-saytlar yaratishning asosiy bloklari.", description: "Toza va samarali kod yozishga e'tibor qaratib, veb-kontentni tuzish, uslublash va interaktiv qilish.", imageSrc: "http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-133682.jpg", imageAlt: "HTML, CSS, JavaScript logotiplari"},
title: "HTML, CSS, JavaScript",
subtitle: "Veb-saytlar yaratishning asosiy bloklari.",
description: "Toza va samarali kod yozishga e'tibor qaratib, veb-kontentni tuzish, uslublash va interaktiv qilish.",
imageSrc: "http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-133682.jpg",
imageAlt: "HTML, CSS, JavaScript logotiplari",
},
{ {
tag: "Ramkalar", tag: "Ramkalar", title: "React & Next.js", subtitle: "Zamonaviy va dinamik ilovalarni yaratish.", description: "Yuqori samarali va kengaytiriladigan foydalanuvchi interfeyslarini qurish uchun ushbu kuchli kutubxonalar va ramkadan foydalanish.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates_23-2148809490.jpg", imageAlt: "React va Next.js logotiplari"},
title: "React & Next.js",
subtitle: "Zamonaviy va dinamik ilovalarni yaratish.",
description: "Yuqori samarali va kengaytiriladigan foydalanuvchi interfeyslarini qurish uchun ushbu kuchli kutubxonalar va ramkadan foydalanish.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates_23-2148809490.jpg",
imageAlt: "React va Next.js logotiplari",
},
{ {
tag: "Hamkorlik", tag: "Hamkorlik", title: "Git & GitHub", subtitle: "Manba kodini samarali boshqarish va hamkorlik qilish.", description: "Loyihalar ustida hamkorlik qilish, versiyalarni kuzatish va kod sifatini ta'minlash uchun Git va GitHub'dan foydalanish.", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901787.jpg", imageAlt: "Git va GitHub logotiplari"},
title: "Git & GitHub",
subtitle: "Manba kodini samarali boshqarish va hamkorlik qilish.",
description: "Loyihalar ustida hamkorlik qilish, versiyalarni kuzatish va kod sifatini ta'minlash uchun Git va GitHub'dan foydalanish.",
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901787.jpg",
imageAlt: "Git va GitHub logotiplari",
},
{ {
tag: "UX", tag: "UX", title: "Responsive Dizayn", subtitle: "Har qanday qurilmada mukammal foydalanuvchi tajribasi.", description: "Veb-saytlarning barcha qurilmalarda, jumladan mobil telefonlar va planshetlarda ajoyib ko'rinishi va ishlashini ta'minlash.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16802.jpg", imageAlt: "Turli qurilmalardagi responsive dizayn"},
title: "Responsive Dizayn",
subtitle: "Har qanday qurilmada mukammal foydalanuvchi tajribasi.",
description: "Veb-saytlarning barcha qurilmalarda, jumladan mobil telefonlar va planshetlarda ajoyib ko'rinishi va ishlashini ta'minlash.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16802.jpg",
imageAlt: "Turli qurilmalardagi responsive dizayn",
},
{ {
tag: "Qiziqish", tag: "Qiziqish", title: "Kitob o'qish", subtitle: "Doimiy ravishda o'rganish va kengaytirish.", description: "Texnologiya, shaxsiy rivojlanish va fantastika bo'yicha kitoblar orqali bilim va ijodkorlikni oshirish.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-cereal-milk-bed_169016-18519.jpg", imageAlt: "Ochiq kitob va kofe"},
title: "Kitob o'qish",
subtitle: "Doimiy ravishda o'rganish va kengaytirish.",
description: "Texnologiya, shaxsiy rivojlanish va fantastika bo'yicha kitoblar orqali bilim va ijodkorlikni oshirish.",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-cereal-milk-bed_169016-18519.jpg",
imageAlt: "Ochiq kitob va kofe",
},
{ {
tag: "Qiziqish", tag: "Qiziqish", title: "Tabiatda sayr", subtitle: "Kuch olish va diqqatni jamlash.", description: "Yangilanish va yangi g'oyalarni topish uchun tabiatda sayr qilish, ayniqsa tog'li joylarda.", imageSrc: "http://img.b2bpic.net/free-photo/hiker-standing-huge-tree_23-2147683112.jpg", imageAlt: "Tabiatda sayr qiluvchi yo'l"},
title: "Tabiatda sayr",
subtitle: "Kuch olish va diqqatni jamlash.",
description: "Yangilanish va yangi g'oyalarni topish uchun tabiatda sayr qilish, ayniqsa tog'li joylarda.",
imageSrc: "http://img.b2bpic.net/free-photo/hiker-standing-huge-tree_23-2147683112.jpg",
imageAlt: "Tabiatda sayr qiluvchi yo'l",
},
]} ]}
title="Ko'nikmalarim va Qiziqishlarim" title="Ko'nikmalarim va Qiziqishlarim"
description="Mening asosiy frontend ko'nikmalarim va shaxsiy qiziqishlarim." description="Mening asosiy frontend ko'nikmalarim va shaxsiy qiziqishlarim."
@@ -188,53 +116,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "1", id: "1", name: "Interaktiv Dashboard", price: "Bepul", variant: "Veb-ilova", imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg", imageAlt: "Interaktiv dashboard maketi"},
name: "Interaktiv Dashboard",
price: "Bepul",
variant: "Veb-ilova",
imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg",
imageAlt: "Interaktiv dashboard maketi",
},
{ {
id: "2", id: "2", name: "E-commerce do'koni", price: "Bepul", variant: "Veb-sayt", imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-commerce-graphic-symbol-icon_53876-120167.jpg", imageAlt: "E-commerce do'koni mahsulot sahifasi"},
name: "E-commerce do'koni",
price: "Bepul",
variant: "Veb-sayt",
imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-commerce-graphic-symbol-icon_53876-120167.jpg",
imageAlt: "E-commerce do'koni mahsulot sahifasi",
},
{ {
id: "3", id: "3", name: "Shaxsiy Blog", price: "Bepul", variant: "Veb-sayt", imageSrc: "http://img.b2bpic.net/free-photo/networking-media-sharing-icons-graphic-concept_53876-120836.jpg", imageAlt: "Shaxsiy blog maketi"},
name: "Shaxsiy Blog",
price: "Bepul",
variant: "Veb-sayt",
imageSrc: "http://img.b2bpic.net/free-photo/networking-media-sharing-icons-graphic-concept_53876-120836.jpg",
imageAlt: "Shaxsiy blog maketi",
},
{ {
id: "4", id: "4", name: "Portfolio sayti", price: "Bepul", variant: "Veb-sayt", imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg", imageAlt: "Portfolio saytining bosh sahifasi"},
name: "Portfolio sayti",
price: "Bepul",
variant: "Veb-sayt",
imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
imageAlt: "Portfolio saytining bosh sahifasi",
},
{ {
id: "5", id: "5", name: "Mahsulot Landing Page", price: "Bepul", variant: "Veb-sahifa", imageSrc: "http://img.b2bpic.net/free-photo/glasses-lie-laptop-reflecting-light-from-screen-dark_169016-53056.jpg", imageAlt: "Mahsulot landing page maketi"},
name: "Mahsulot Landing Page",
price: "Bepul",
variant: "Veb-sahifa",
imageSrc: "http://img.b2bpic.net/free-photo/glasses-lie-laptop-reflecting-light-from-screen-dark_169016-53056.jpg",
imageAlt: "Mahsulot landing page maketi",
},
{ {
id: "6", id: "6", name: "Retseptlar ilovasi", price: "Bepul", variant: "Veb-ilova", imageSrc: "http://img.b2bpic.net/free-photo/woman-bending-kitchen-counter-with-smartphone-looking-healthy-recipe-online-mobile-phone_1258-204718.jpg", imageAlt: "Retseptlar ilovasi interfeysi"},
name: "Retseptlar ilovasi",
price: "Bepul",
variant: "Veb-ilova",
imageSrc: "http://img.b2bpic.net/free-photo/woman-bending-kitchen-counter-with-smartphone-looking-healthy-recipe-online-mobile-phone_1258-204718.jpg",
imageAlt: "Retseptlar ilovasi interfeysi",
},
]} ]}
title="Loyihalarim" title="Loyihalarim"
description="Mening so'nggi ishimni ko'rib chiqing. Har bir loyiha mening bilimlarim va ijodkorligimni aks ettiradi." description="Mening so'nggi ishimni ko'rib chiqing. Har bir loyiha mening bilimlarim va ijodkorligimni aks ettiradi."
@@ -248,25 +140,13 @@ export default function LandingPage() {
tag="Sayohatim" tag="Sayohatim"
metrics={[ metrics={[
{ {
id: "1", id: "1", value: "10+", description: "Loyihalar yakunlangan"},
value: "10+",
description: "Loyihalar yakunlangan",
},
{ {
id: "2", id: "2", value: "500+", description: "Kodlash soatlari"},
value: "500+",
description: "Kodlash soatlari",
},
{ {
id: "3", id: "3", value: "5+", description: "O'rganilgan texnologiyalar"},
value: "5+",
description: "O'rganilgan texnologiyalar",
},
{ {
id: "4", id: "4", value: "2+", description: "Mentorlik tajribasi"},
value: "2+",
description: "Mentorlik tajribasi",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -278,60 +158,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Akmaljon Valiyev", date: "2023 yil dekabr", title: "Mentor, Tech Solutions", quote: "Alijon juda tez o'rganuvchi va har bir loyihaga katta ishtiyoq bilan yondashadi. Uning ishi doimo sifatli va ijodiy bo'ladi.", tag: "Tez o'rganuvchi", avatarSrc: "http://img.b2bpic.net/free-photo/los-reyes-magos-epiphany-cartoon-illustration_23-2151047746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-sitting-office-coworking-using-laptop_171337-17689.jpg", imageAlt: "Mentor va Alijon kodni muhokama qilmoqda"},
name: "Akmaljon Valiyev",
date: "2023 yil dekabr",
title: "Mentor, Tech Solutions",
quote: "Alijon juda tez o'rganuvchi va har bir loyihaga katta ishtiyoq bilan yondashadi. Uning ishi doimo sifatli va ijodiy bo'ladi.",
tag: "Tez o'rganuvchi",
avatarSrc: "http://img.b2bpic.net/free-photo/los-reyes-magos-epiphany-cartoon-illustration_23-2151047746.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-sitting-office-coworking-using-laptop_171337-17689.jpg",
imageAlt: "Mentor va Alijon kodni muhokama qilmoqda",
},
{ {
id: "2", id: "2", name: "Nigina Karimova", date: "2024 yil yanvar", title: "Hamkasb dasturchi", quote: "U bilan ishlash juda yoqimli. Uning jamoaviy ishlash ko'nikmalari va muammolarni hal qilish qobiliyati hayratlanarli.", tag: "Jamoaviy o'yinchi", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-having-lunch-office_273609-6916.jpg", imageAlt: "Alijon hamkasbi bilan birgalikda kod yozmoqda"},
name: "Nigina Karimova",
date: "2024 yil yanvar",
title: "Hamkasb dasturchi",
quote: "U bilan ishlash juda yoqimli. Uning jamoaviy ishlash ko'nikmalari va muammolarni hal qilish qobiliyati hayratlanarli.",
tag: "Jamoaviy o'yinchi",
avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-having-lunch-office_273609-6916.jpg",
imageAlt: "Alijon hamkasbi bilan birgalikda kod yozmoqda",
},
{ {
id: "3", id: "3", name: "Sanjar Ibrohimov", date: "2024 yil fevral", title: "Kurs instruktori", quote: "Alijon mening kursimning eng yaxshi talabalaridan biri edi. Uning dasturlash asoslarini tushunishi juda mustahkam.", tag: "Iqtidorli talaba", avatarSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg", imageSrc: "http://img.b2bpic.net/free-photo/back-view-two-women-working-by-table_171337-16602.jpg", imageAlt: "Alijon instruktoriga loyihani taqdim etmoqda"},
name: "Sanjar Ibrohimov",
date: "2024 yil fevral",
title: "Kurs instruktori",
quote: "Alijon mening kursimning eng yaxshi talabalaridan biri edi. Uning dasturlash asoslarini tushunishi juda mustahkam.",
tag: "Iqtidorli talaba",
avatarSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/back-view-two-women-working-by-table_171337-16602.jpg",
imageAlt: "Alijon instruktoriga loyihani taqdim etmoqda",
},
{ {
id: "4", id: "4", name: "Feruza Saidova", date: "2024 yil mart", title: "Loyihalash menejeri", quote: "Alijonning loyihalarga bo'lgan ijodiy yondashuvi har doim ajoyib natijalarga olib keladi. U har qanday jamoaga qimmatli qo'shimcha.", tag: "Ijodkor", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-working-digital-tablet-office_329181-12088.jpg", imageSrc: "http://img.b2bpic.net/free-photo/meeting-room_1098-19954.jpg", imageAlt: "Loyihaning boshlang'ich uchrashuvida Alijon"},
name: "Feruza Saidova",
date: "2024 yil mart",
title: "Loyihalash menejeri",
quote: "Alijonning loyihalarga bo'lgan ijodiy yondashuvi har doim ajoyib natijalarga olib keladi. U har qanday jamoaga qimmatli qo'shimcha.",
tag: "Ijodkor",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-working-digital-tablet-office_329181-12088.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/meeting-room_1098-19954.jpg",
imageAlt: "Loyihaning boshlang'ich uchrashuvida Alijon",
},
{ {
id: "5", id: "5", name: "Jasur Abdullayev", date: "2024 yil aprel", title: "Dasturchi hamkasb", quote: "Alijon bilan birgalikda ishlash juda samarali. U doim yordamga tayyor va yangi g'oyalarga ochiq.", tag: "Fidoiy", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-76403.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-relaxing-with-game-celebrating-successful-deal-young-office-workers-sitting-near-table-with-alcohol_146671-13640.jpg", imageAlt: "Alijon va Jasur kodni muvaffaqiyatli tuzatishmoqda"},
name: "Jasur Abdullayev",
date: "2024 yil aprel",
title: "Dasturchi hamkasb",
quote: "Alijon bilan birgalikda ishlash juda samarali. U doim yordamga tayyor va yangi g'oyalarga ochiq.",
tag: "Fidoiy",
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-76403.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-relaxing-with-game-celebrating-successful-deal-young-office-workers-sitting-near-table-with-alcohol_146671-13640.jpg",
imageAlt: "Alijon va Jasur kodni muvaffaqiyatli tuzatishmoqda",
},
]} ]}
title="Mentorlarim va hamkasblarim fikri" title="Mentorlarim va hamkasblarim fikri"
description="Mening ishim va salohiyatim haqidagi ba'zi fikrlar." description="Mening ishim va salohiyatim haqidagi ba'zi fikrlar."
@@ -342,16 +177,13 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
tag="Bog'lanish" tag="Bog'lanish"
title="Keling, birgalikda loyiha yarataylik!" title="Keling, birgalikda loyiha yarataylik!"
description="Agar sizda g'oya bo'lsa yoki shunchaki salomlashmoqchi bo'lsangiz, men bilan bog'laning. Men har doim yangi imkoniyatlarga ochiqman." description="Agar sizda g'oya bo'lsa yoki shunchaki salomlashmoqchi bo'lsangiz, men bilan bog'laning. Men har doim yangi imkoniyatlarga ochiqman."
buttons={[ buttons={[
{ {
text: "Menga xabar yuborish", text: "Menga xabar yuborish", href: "mailto:your.email@example.com"},
href: "mailto:your.email@example.com",
},
]} ]}
/> />
</div> </div>
@@ -363,19 +195,13 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Linkedin, icon: Linkedin,
href: "https://linkedin.com/in/alijon", href: "https://linkedin.com/in/alijon", ariaLabel: "LinkedIn profili"},
ariaLabel: "LinkedIn profili",
},
{ {
icon: Github, icon: Github,
href: "https://github.com/alijon", href: "https://github.com/alijon", ariaLabel: "GitHub profili"},
ariaLabel: "GitHub profili",
},
{ {
icon: Send, icon: Send,
href: "https://t.me/alijon_dev", href: "https://t.me/alijon_dev", ariaLabel: "Telegram profili"},
ariaLabel: "Telegram profili",
},
]} ]}
/> />
</div> </div>