Merge version_2 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user