From 78bdf9db9a26f51e145e8a3674e880a503940c6a Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 04:59:03 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 219 +++++++++++++---------------------------------- 1 file changed, 58 insertions(+), 161 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index bddc731..0e364ec 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,33 +32,19 @@ export default function LandingPage() { @@ -122,7 +87,7 @@ export default function LandingPage() { icon={Sparkles} imageSrc="http://img.b2bpic.net/free-photo/side-view-smiley-man-working-laptop_23-2149936199.jpg" imageAlt="Muhammadamin portreti" - mediaAnimation="entrance-slide" + mediaAnimation="slide-up" /> @@ -132,23 +97,14 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - 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", + 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" }, { - 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", + 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" }, { - 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", - }, + 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" + } ]} title="Mening Ko'nikmalarim" description="Dasturlashda ishlatadigan asosiy texnologiyalarim va ulardagi bilamlarim." @@ -162,49 +118,26 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" useInvertedBackground={true} carouselMode="buttons" + animationType="slide-up" products={[ { - 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", + 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" }, { - 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", + 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" }, { - 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", + 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" }, { - 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", + 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" }, { - 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", + 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" }, { - 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", - }, + 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" + } ]} title="Loyihalarim" 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} faqs={[ { - 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.", + 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." }, { - 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.", + 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." }, { - 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.", + 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." }, { - 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.", - }, + 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." + } ]} sideTitle="Mening Qiziqishlarim" sideDescription="Ishdan tashqari vaqtlarimni qanday o'tkazaman va nimalarga qiziqaman. Bu mening shaxsiyatimning bir qismi." buttonAnimation="none" - faqsAnimation="entrance-slide" + faqsAnimation="slide-up" textPosition="left" showCard={true} /> @@ -252,28 +177,17 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" useInvertedBackground={true} carouselMode="buttons" + animationType="slide-up" members={[ { - 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", + 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" }, { - 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", + 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" }, { - 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", - }, + 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" + } ]} title="Mening Oilam" 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." inputs={[ { - name: "name", - type: "text", - placeholder: "Ismingiz", - required: true, + name: "name", type: "text", placeholder: "Ismingiz", required: true }, { - name: "email", - type: "email", - placeholder: "Elektron pochta manzilingiz", - required: true, - }, + name: "email", type: "email", placeholder: "Elektron pochta manzilingiz", required: true + } ]} textarea={{ - name: "message", - placeholder: "Xabaringiz", - rows: 5, - required: true, + name: "message", placeholder: "Xabaringiz", rows: 5, + required: true }} imageSrc="http://img.b2bpic.net/free-photo/mature-woman-dialing-phone-number-make-inquiries-about-productivity_482257-120194.jpg" imageAlt="Aloqa shakli rasmi" - mediaAnimation="entrance-slide" + mediaAnimation="slide-up" mediaPosition="right" buttonText="Yuborish" /> @@ -318,43 +224,34 @@ export default function LandingPage() {