bender/3be14f08-7c19-41b3-af36-354b7fd6adb7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

2 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
a43e7d2891 Update src/app/page.tsx 2026-04-01 11:59:12 +00:00
bender
17a3a1790e Merge version_1 into main 
Merge version_1 into main
 2026-04-01 11:56:44 +00:00
1 changed files with 53 additions and 187 deletions
Expand all files Collapse all files

240
src/app/page.tsx
View File

@@ -31,29 +31,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Bosh sahifa",
id: "hero",
},
name: "Bosh sahifa", id: "hero"},
{
name: "Men haqimda",
id: "about",
},
name: "Men haqimda", id: "about"},
{
name: "Ko'nikmalar",
id: "skills",
},
name: "Ko'nikmalar", id: "skills"},
{
name: "Loyihalar",
id: "projects",
},
name: "Loyihalar", id: "projects"},
{
name: "Kurslar",
id: "courses",
},
name: "Kurslar", id: "courses"},
{
name: "Bog'lanish",
id: "contact",
},
name: "Bog'lanish", id: "contact"},
]}
brandName="Qoshboqov Mahmudjon"
/>
@@ -62,108 +50,63 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "plain"}}
title="Qoshboqov Mahmudjon"
description="Zamonaviy va scalable web ilovalar yarataman hamda dasturlashni o‘rgataman."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=1",
imageAlt: "Code editor interface",
},
imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=1", imageAlt: "Code editor interface"},
{
imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=1",
imageAlt: "Dashboard overview",
},
imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=1", imageAlt: "Dashboard overview"},
{
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=1",
imageAlt: "E-commerce view",
},
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=1", imageAlt: "E-commerce view"},
{
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=1",
imageAlt: "Financial analytics",
},
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=1", imageAlt: "Financial analytics"},
{
imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=2",
imageAlt: "Tech infrastructure",
},
imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=2", imageAlt: "Tech infrastructure"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=2",
imageAlt: "Mobile app view",
},
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=2", imageAlt: "Mobile app view"},
{
imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=2",
imageAlt: "Dark mode dashboard",
},
imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=2", imageAlt: "Dark mode dashboard"},
{
imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=3",
imageAlt: "Programming environment",
},
imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=3", imageAlt: "Programming environment"},
{
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=2",
imageAlt: "Data visualization",
},
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=2", imageAlt: "Data visualization"},
{
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=3",
imageAlt: "Web store mockup",
},
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=3", imageAlt: "Web store mockup"},
]}
buttons={[
{
text: "Loyihalarni ko'rish",
href: "#projects",
},
text: "Loyihalarni ko'rish", href: "#projects"},
{
text: "Bog'lanish",
href: "#contact",
},
text: "Bog'lanish", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg", alt: "Client 5"},
]}
avatarText="100+ Loyihalar va mamnun mijozlar"
marqueeItems={[
{
type: "text",
text: "React",
},
type: "text", text: "React"},
{
type: "text",
text: "Next.js",
},
type: "text", text: "Next.js"},
{
type: "text",
text: "Node.js",
},
type: "text", text: "Node.js"},
{
type: "text",
text: "TypeScript",
},
type: "text", text: "TypeScript"},
{
type: "text",
text: "PostgreSQL",
},
type: "text", text: "PostgreSQL"},
]}
/>
</div>
@@ -189,40 +132,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "1",
title: "Frontend",
description: "React.js, Next.js, TypeScript, Tailwind CSS",
imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=5",
imageAlt: "3d computer icon tech",
},
id: "1", title: "Frontend", description: "React.js, Next.js, TypeScript, Tailwind CSS", imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=5", imageAlt: "3d computer icon tech"},
{
id: "2",
title: "Backend",
description: "Node.js, REST API, Prisma, PostgreSQL",
imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=3",
imageAlt: "dashboard ui design dark",
},
id: "2", title: "Backend", description: "Node.js, REST API, Prisma, PostgreSQL", imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=3", imageAlt: "dashboard ui design dark"},
{
id: "3",
title: "Tools",
description: "Docker, Postman, Git",
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=4",
imageAlt: "ecommerce app UI",
},
id: "3", title: "Tools", description: "Docker, Postman, Git", imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=4", imageAlt: "ecommerce app UI"},
{
id: "4",
title: "Design",
description: "Figma, UI/UX asoslari",
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=3",
imageAlt: "fintech dashboard UI",
},
id: "4", title: "Design", description: "Figma, UI/UX asoslari", imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=3", imageAlt: "fintech dashboard UI"},
{
id: "5",
title: "Cloud",
description: "AWS, Vercel, Firebase",
imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=6",
imageAlt: "3d computer icon tech",
},
id: "5", title: "Cloud", description: "AWS, Vercel, Firebase", imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=6", imageAlt: "3d computer icon tech"},
]}
title="Texnik Ko'nikmalar"
description="Zamonaviy texnologiyalar yordamida sifatli mahsulotlar yarataman."
@@ -237,35 +155,15 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "SaaS Platform",
price: "Next.js + Node.js",
imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=4",
},
id: "p1", name: "SaaS Platform", price: "Next.js + Node.js", imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=4"},
{
id: "p2",
name: "E-commerce",
price: "React + PostgreSQL",
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=5",
},
id: "p2", name: "E-commerce", price: "React + PostgreSQL", imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=5"},
{
id: "p3",
name: "Analytics Tool",
price: "Next.js + Tailwind",
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=4",
},
id: "p3", name: "Analytics Tool", price: "Next.js + Tailwind", imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=4"},
{
id: "p4",
name: "Education Portal",
price: "Node.js + Prisma",
imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=5",
},
id: "p4", name: "Education Portal", price: "Node.js + Prisma", imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=5"},
{
id: "p5",
name: "Fintech App",
price: "React + Typescript",
imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=5",
},
id: "p5", name: "Fintech App", price: "React + Typescript", imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=5"},
]}
title="Loyihalar"
description="Amalga oshirilgan real loyihalar."
@@ -279,39 +177,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "c1",
badge: "Frontend",
price: "Boshlanuvchilar uchun",
subtitle: "React va Next.js asoslari",
features: [
"HTML/CSS",
"JavaScript",
"React",
"Next.js",
],
id: "c1", badge: "Frontend", price: "Boshlanuvchilar uchun", subtitle: "React va Next.js asoslari", features: [
"HTML/CSS", "JavaScript", "React", "Next.js"],
buttons: [
{
text: "Kursga yozilish",
href: "#contact",
},
text: "Kursga yozilish", href: "#contact"},
],
},
{
id: "c2",
badge: "Backend",
price: "Professional daraja",
subtitle: "Node.js va Database",
features: [
"Node.js",
"PostgreSQL",
"Prisma",
"Docker",
],
id: "c2", badge: "Backend", price: "Professional daraja", subtitle: "Node.js va Database", features: [
"Node.js", "PostgreSQL", "Prisma", "Docker"],
buttons: [
{
text: "Kursga yozilish",
href: "#contact",
},
text: "Kursga yozilish", href: "#contact"},
],
},
]}
@@ -324,18 +202,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "plain"}}
text="Keling birga ishlaymiz! Meni ijtimoiy tarmoqlarda kuzating yoki elektron pochta orqali bog'laning."
buttons={[
{
text: "Telegram orqali yozish",
href: "https://t.me/mahmudjon",
},
text: "Telegram orqali yozish", href: "https://t.me/mahmudjon"},
{
text: "Email yuborish",
href: "mailto:email@example.com",
},
text: "Email yuborish", href: "mailto:email@example.com"},
]}
/>
</div>
@@ -344,20 +217,13 @@ export default function LandingPage() {
<FooterBaseReveal
columns={[
{
title: "Sahifalar",
items: [
title: "Sahifalar", items: [
{
label: "Bosh sahifa",
href: "#hero",
},
label: "Bosh sahifa", href: "#hero"},
{
label: "Loyihalar",
href: "#projects",
},
label: "Loyihalar", href: "#projects"},
{
label: "Bog'lanish",
href: "#contact",
},
label: "Bog'lanish", href: "#contact"},
],
},
]}
@@ -367,4 +233,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}