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