Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-06-11 04:59:07 +00:00

View File

@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Bosh sahifa", name: "Bosh sahifa", id: "bosh-sahifa"},
id: "bosh-sahifa",
},
{ {
name: "Men haqimda", name: "Men haqimda", id: "men-haqimda"},
id: "men-haqimda",
},
{ {
name: "Ko'nikmalar", name: "Ko'nikmalar", id: "ko'nikmalar"},
id: "ko'nikmalar",
},
{ {
name: "Loyihalar", name: "Loyihalar", id: "loyihalar"},
id: "loyihalar",
},
{ {
name: "Qiziqishlar", name: "Qiziqishlar", id: "qiziqishlar"},
id: "qiziqishlar",
},
{ {
name: "Oilam", name: "Oilam", id: "oilam"},
id: "oilam",
},
{ {
name: "Bog'lanish", name: "Bog'lanish", id: "bog'lanish"},
id: "bog'lanish",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-photo/half-charged-battery-left-side-with-white-background_187299-40056.jpg" logoSrc="http://img.b2bpic.net/free-photo/half-charged-battery-left-side-with-white-background_187299-40056.jpg"
logoAlt="Uzbek Dev Logo" logoAlt="Uzbek Dev Logo"
@@ -69,44 +55,23 @@ export default function LandingPage() {
<div id="bosh-sahifa" data-section="bosh-sahifa"> <div id="bosh-sahifa" data-section="bosh-sahifa">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Salom, men Muhammadamin!" title="Salom, men Muhammadamin!"
description="Men web dasturlash olamiga endigina qadam qo'yayotgan boshlang'ich frontend dasturchisiman. Intuitiv va ijodiy interfeyslarni yaratishga ishtiyoqmandman." description="Men web dasturlash olamiga endigina qadam qo'yayotgan boshlang'ich frontend dasturchiman. Intuitiv va ijodiy interfeyslarni yaratishga ishtiyoqmandman."
tag="Dasturchilikka qiziqishim" tag="Dasturchilikka qiziqishim"
buttons={[ buttons={[
{ {
text: "Loyihalarimni ko'ring", text: "Loyihalarimni ko'ring", href: "#loyihalar"},
href: "#loyihalar",
},
{ {
text: "Men bilan bog'lanish", text: "Men bilan bog'lanish", href: "#bog'lanish"},
href: "#bog'lanish",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-with-laptop_23-2148350554.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-with-laptop_23-2148350554.jpg", imageAlt: "Muhammadamin laptopda ishlayapti"},
imageAlt: "Muhammadamin laptopda ishlayapti",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645643.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645643.jpg", imageAlt: "Abstrakt kod satrlari"}
imageAlt: "Abstrakt kod satrlari",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247252.jpg",
imageAlt: "Ixtisoslashgan fotograf studiyada ishlamoqda",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-into-laptop-sitting-desk-high-quality-photo_114579-35645.jpg",
imageAlt: "Tadbirkor noutbukga qarab, stol ustida o'tiribdi",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/adult-business-background-bearded-businessman_1303-1871.jpg",
imageAlt: "Katta yoshli biznes fonida soqolli tadbirkor",
},
]} ]}
mediaAnimation="entrance-slide" mediaAnimation="slide-up"
rating={5} rating={5}
ratingText="Kelajakdagi yulduz" ratingText="Kelajakdagi yulduz"
/> />
@@ -122,7 +87,7 @@ export default function LandingPage() {
icon={Sparkles} icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/side-view-smiley-man-working-laptop_23-2149936199.jpg" imageSrc="http://img.b2bpic.net/free-photo/side-view-smiley-man-working-laptop_23-2149936199.jpg"
imageAlt="Muhammadamin portreti" imageAlt="Muhammadamin portreti"
mediaAnimation="entrance-slide" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -132,23 +97,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Web Dasturlash Asoslari", title: "Web Dasturlash Asoslari", description: "HTML, CSS, JavaScript yordamida zamonaviy va responsiv veb-sahifalarni yaratish.", imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-systems-controlling-network-resources-closeup_482257-126065.jpg", imageAlt: "Web development icon"
description: "HTML, CSS, JavaScript yordamida zamonaviy va responsiv veb-sahifalarni yaratish.",
imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-systems-controlling-network-resources-closeup_482257-126065.jpg",
imageAlt: "Web development icon",
}, },
{ {
title: "JavaScript va ES6+", title: "JavaScript va ES6+", description: "Zamonaviy JavaScript xususiyatlaridan foydalangan holda interaktiv ilovalarni ishlab chiqish.", imageSrc: "http://img.b2bpic.net/free-photo/colon-punctuation-mark-front-side_187299-47193.jpg", imageAlt: "JavaScript icon"
description: "Zamonaviy JavaScript xususiyatlaridan foydalangan holda interaktiv ilovalarni ishlab chiqish.",
imageSrc: "http://img.b2bpic.net/free-photo/colon-punctuation-mark-front-side_187299-47193.jpg",
imageAlt: "JavaScript icon",
}, },
{ {
title: "React.js", title: "React.js", description: "Komponentlarga asoslangan arxitektura bilan yuqori samarali foydalanuvchi interfeyslarini qurish.", imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124151.jpg", imageAlt: "React.js icon"
description: "Komponentlarga asoslangan arxitektura bilan yuqori samarali foydalanuvchi interfeyslarini qurish.", }
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124151.jpg",
imageAlt: "React.js icon",
},
]} ]}
title="Mening Ko'nikmalarim" title="Mening Ko'nikmalarim"
description="Dasturlashda ishlatadigan asosiy texnologiyalarim va ulardagi bilamlarim." description="Dasturlashda ishlatadigan asosiy texnologiyalarim va ulardagi bilamlarim."
@@ -162,49 +118,26 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
carouselMode="buttons" carouselMode="buttons"
animationType="slide-up"
products={[ products={[
{ {
id: "p-1", id: "p-1", name: "Elektron Savdo Sayti", price: "React, Next.js", imageSrc: "http://img.b2bpic.net/free-photo/purchase-sale-discount-fashion-style_53876-15282.jpg", imageAlt: "Elektron savdo sayti maketi"
name: "Elektron Savdo Sayti",
price: "React, Next.js",
imageSrc: "http://img.b2bpic.net/free-photo/purchase-sale-discount-fashion-style_53876-15282.jpg",
imageAlt: "Elektron savdo sayti maketi",
}, },
{ {
id: "p-2", id: "p-2", name: "Shaxsiy Blog", price: "React, Sanity CMS", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-shiny-gold-stars_53876-128560.jpg", imageAlt: "Blog sayti maketi"
name: "Shaxsiy Blog",
price: "React, Sanity CMS",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-shiny-gold-stars_53876-128560.jpg",
imageAlt: "Blog sayti maketi",
}, },
{ {
id: "p-3", id: "p-3", name: "Portfolio Sayti", price: "Next.js, Tailwind CSS", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-desk_23-2149930959.jpg", imageAlt: "Portfolio sayti maketi"
name: "Portfolio Sayti",
price: "Next.js, Tailwind CSS",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-desk_23-2149930959.jpg",
imageAlt: "Portfolio sayti maketi",
}, },
{ {
id: "p-4", id: "p-4", name: "Admin Paneli Dashboard", price: "React, Chart.js", imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "Dashboard UI maketi"
name: "Admin Paneli Dashboard",
price: "React, Chart.js",
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
imageAlt: "Dashboard UI maketi",
}, },
{ {
id: "p-5", id: "p-5", name: "Bitta Sahifali Landing", price: "HTML, CSS, JS", imageSrc: "http://img.b2bpic.net/free-vector/abstract-colorful-design-blog-header_23-2148886967.jpg", imageAlt: "Landing sahifa maketi"
name: "Bitta Sahifali Landing",
price: "HTML, CSS, JS",
imageSrc: "http://img.b2bpic.net/free-vector/abstract-colorful-design-blog-header_23-2148886967.jpg",
imageAlt: "Landing sahifa maketi",
}, },
{ {
id: "p-6", id: "p-6", name: "Mobil Ilova UI", price: "React Native", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671564.jpg", imageAlt: "Mobil ilova UI maketi"
name: "Mobil Ilova UI", }
price: "React Native",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671564.jpg",
imageAlt: "Mobil ilova UI maketi",
},
]} ]}
title="Loyihalarim" title="Loyihalarim"
description="Mening yaratgan ba'zi ajoyib ishlarim. Har bir loyiha o'ziga xos muammolarni hal qilishga qaratilgan." description="Mening yaratgan ba'zi ajoyib ishlarim. Har bir loyiha o'ziga xos muammolarni hal qilishga qaratilgan."
@@ -217,30 +150,22 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "Musiqa tinglash", content: "Bo'sh vaqtlarimda turli janrdagi musiqalarni tinglashni yoqtiraman. Bu menga dam olishga va yangi g'oyalarni topishga yordam beradi."
title: "Musiqa tinglash",
content: "Bo'sh vaqtlarimda turli janrdagi musiqalarni tinglashni yoqtiraman. Bu menga dam olishga va yangi g'oyalarni topishga yordam beradi.",
}, },
{ {
id: "faq-2", id: "faq-2", title: "Kitob o'qish", content: "Ilmiy fantastika va shaxsiy rivojlanishga oid kitoblar meni o'ziga jalb qiladi. Kitoblar orqali dunyoqarashimni kengaytirishga harakat qilaman."
title: "Kitob o'qish",
content: "Ilmiy fantastika va shaxsiy rivojlanishga oid kitoblar meni o'ziga jalb qiladi. Kitoblar orqali dunyoqarashimni kengaytirishga harakat qilaman.",
}, },
{ {
id: "faq-3", id: "faq-3", title: "Sport bilan shug'ullanish", content: "Faol turmush tarzini sevaman. Haftada bir necha marta futbol yoki basketbol o'ynash, yugurish bilan shug'ullanaman. Bu jismoniy va ruhiy tetiklik beradi."
title: "Sport bilan shug'ullanish",
content: "Faol turmush tarzini sevaman. Haftada bir necha marta futbol yoki basketbol o'ynash, yugurish bilan shug'ullanaman. Bu jismoniy va ruhiy tetiklik beradi.",
}, },
{ {
id: "faq-4", id: "faq-4", title: "Yangi texnologiyalarni o'rganish", content: "Frontend dasturchi sifatida doimiy ravishda yangi ramkalar, kutubxonalar va dasturlash tillarini o'rganishga qiziqaman. Texnologik dunyo har kuni yangilanadi va men ham unga moslashishga harakat qilaman."
title: "Yangi texnologiyalarni o'rganish", }
content: "Frontend dasturchi sifatida doimiy ravishda yangi ramkalar, kutubxonalar va dasturlash tillarini o'rganishga qiziqaman. Texnologik dunyo har kuni yangilanadi va men ham unga moslashishga harakat qilaman.",
},
]} ]}
sideTitle="Mening Qiziqishlarim" sideTitle="Mening Qiziqishlarim"
sideDescription="Ishdan tashqari vaqtlarimni qanday o'tkazaman va nimalarga qiziqaman. Bu mening shaxsiyatimning bir qismi." sideDescription="Ishdan tashqari vaqtlarimni qanday o'tkazaman va nimalarga qiziqaman. Bu mening shaxsiyatimning bir qismi."
buttonAnimation="none" buttonAnimation="none"
faqsAnimation="entrance-slide" faqsAnimation="slide-up"
textPosition="left" textPosition="left"
showCard={true} showCard={true}
/> />
@@ -252,28 +177,17 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
carouselMode="buttons" carouselMode="buttons"
animationType="slide-up"
members={[ members={[
{ {
id: "m-1", id: "m-1", name: "Otam", role: "Mening asosiy ilhom manbai", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-living-room_329181-626.jpg", imageAlt: "Oilam a'zosi, Ota"
name: "Otam",
role: "Mening asosiy ilhom manbai",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-living-room_329181-626.jpg",
imageAlt: "Oilam a'zosi, Ota",
}, },
{ {
id: "m-2", id: "m-2", name: "Onam", role: "Mening eng katta qo'llab-quvvatlovchim", imageSrc: "http://img.b2bpic.net/free-photo/lgtbiq-family-enjoying-life-together_23-2149173419.jpg", imageAlt: "Oilam a'zosi, Ona"
name: "Onam",
role: "Mening eng katta qo'llab-quvvatlovchim",
imageSrc: "http://img.b2bpic.net/free-photo/lgtbiq-family-enjoying-life-together_23-2149173419.jpg",
imageAlt: "Oilam a'zosi, Ona",
}, },
{ {
id: "m-3", id: "m-3", name: "Ukalarim/Opalrim", role: "Doimiy do'stlarim va sirdoshlarim", imageSrc: "http://img.b2bpic.net/free-photo/headshot-tender-cute-curly-haired-20s-woman-warm-beanie-cool-sweatshirt-smiling-broadly-enjoying-awesome-sunny-chilly-days-outdoors-having-fun-posing-blue-background-copy-space_1258-81827.jpg", imageAlt: "Oilam a'zosi, Uka yoki Opa"
name: "Ukalarim/Opalrim", }
role: "Doimiy do'stlarim va sirdoshlarim",
imageSrc: "http://img.b2bpic.net/free-photo/headshot-tender-cute-curly-haired-20s-woman-warm-beanie-cool-sweatshirt-smiling-broadly-enjoying-awesome-sunny-chilly-days-outdoors-having-fun-posing-blue-background-copy-space_1258-81827.jpg",
imageAlt: "Oilam a'zosi, Uka yoki Opa",
},
]} ]}
title="Mening Oilam" title="Mening Oilam"
description="Meni doim qo'llab-quvvatlaydigan va ilhomlantiradigan insonlar." description="Meni doim qo'llab-quvvatlaydigan va ilhomlantiradigan insonlar."
@@ -288,27 +202,19 @@ export default function LandingPage() {
description="Agar sizda biror loyiha taklifi, savol yoki shunchaki suhbatlashish istagi bo'lsa, quyidagi shaklni to'ldiring." description="Agar sizda biror loyiha taklifi, savol yoki shunchaki suhbatlashish istagi bo'lsa, quyidagi shaklni to'ldiring."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Ismingiz", required: true
type: "text",
placeholder: "Ismingiz",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Elektron pochta manzilingiz", required: true
type: "email", }
placeholder: "Elektron pochta manzilingiz",
required: true,
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Xabaringiz", rows: 5,
placeholder: "Xabaringiz", required: true
rows: 5,
required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/mature-woman-dialing-phone-number-make-inquiries-about-productivity_482257-120194.jpg" imageSrc="http://img.b2bpic.net/free-photo/mature-woman-dialing-phone-number-make-inquiries-about-productivity_482257-120194.jpg"
imageAlt="Aloqa shakli rasmi" imageAlt="Aloqa shakli rasmi"
mediaAnimation="entrance-slide" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
buttonText="Yuborish" buttonText="Yuborish"
/> />
@@ -318,43 +224,34 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Sayt", title: "Sayt", items: [
items: [
{ {
label: "Bosh sahifa", label: "Bosh sahifa", href: "#bosh-sahifa"
href: "#bosh-sahifa",
}, },
{ {
label: "Men haqimda", label: "Men haqimda", href: "#men-haqimda"
href: "#men-haqimda",
}, },
{ {
label: "Loyihalar", label: "Loyihalar", href: "#loyihalar"
href: "#loyihalar",
}, },
{ {
label: "Bog'lanish", label: "Bog'lanish", href: "#bog'lanish"
href: "#bog'lanish", }
}, ]
],
}, },
{ {
title: "Ijtimoiy", title: "Ijtimoiy", items: [
items: [
{ {
label: "Telegram", label: "Telegram", href: "#"
href: "#",
}, },
{ {
label: "LinkedIn", label: "LinkedIn", href: "#"
href: "#",
}, },
{ {
label: "GitHub", label: "GitHub", href: "#"
href: "#", }
}, ]
], }
},
]} ]}
logoText="Frontend Dasturchi" logoText="Frontend Dasturchi"
copyrightText="© 2024 Muhammadamin. Barcha huquqlar himoyalangan." copyrightText="© 2024 Muhammadamin. Barcha huquqlar himoyalangan."