|
|
|
|
@@ -9,7 +9,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
|
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
import { Code, Users, Award, Globe, Sparkles, Briefcase, Mail, BookOpen, ShoppingCart, BarChart3, Settings, Database, Lock, Palette, Smartphone, Zap, Layers, Github, Linkedin, MessageSquare, Heart } from 'lucide-react';
|
|
|
|
|
import { Code, Users, Award, Globe, Sparkles, Briefcase, Mail, BookOpen, ShoppingCart, BarChart3, Settings, Database, Lock, Palette, Smartphone, Zap, Layers, Github, Linkedin, MessageSquare, ArrowRight } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -34,7 +34,7 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Blog", id: "blog" },
|
|
|
|
|
{ name: "Boglanish", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
brandName="Hasanboy"
|
|
|
|
|
brandName="Bobur "
|
|
|
|
|
bottomLeftText="Chust, Fergana"
|
|
|
|
|
bottomRightText="hasanboyleo97@gmail.com"
|
|
|
|
|
/>
|
|
|
|
|
@@ -42,7 +42,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDoubleCarousel
|
|
|
|
|
title="Men Nurmuhammadov Hasanboy"
|
|
|
|
|
title="Men Xomidjonov Boburjon"
|
|
|
|
|
description="Front-end developer va mentor. React, JavaScript, va modern web technologies bilan ishlaymadam. Chust shahrida o'z kompaniyamni boshqaraman va dars bera daman."
|
|
|
|
|
tag="Portfolio"
|
|
|
|
|
tagIcon={Code}
|
|
|
|
|
@@ -75,8 +75,8 @@ export default function LandingPage() {
|
|
|
|
|
metrics={[
|
|
|
|
|
{ icon: Code, label: "Tugallangan Loyihalar", value: "50+" },
|
|
|
|
|
{ icon: Users, label: "O'quvchilar va Hamkorlar", value: "100+" },
|
|
|
|
|
{ icon: Award, label: "Tajriba Yillari", value: "5+" },
|
|
|
|
|
{ icon: Heart, label: "Hamjamiyat Qoniqarsi", value: "98%" }
|
|
|
|
|
{ icon: Award, label: "Tajriba Yillari", value: "3+" },
|
|
|
|
|
{ icon: Globe, label: "React Projects", value: "10+" }
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
@@ -144,7 +144,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureBento
|
|
|
|
|
title="Mening Hizmatlar"
|
|
|
|
|
title="Mening Hizmatlarim"
|
|
|
|
|
description="Faqat web-sayt yaratish emas, balki to'liq digital solution. Custom development, mentoring, va long-term support bilan sizning business-ingizni o'stiramiz."
|
|
|
|
|
tag="Xizmatlar"
|
|
|
|
|
tagIcon={Briefcase}
|
|
|
|
|
@@ -178,7 +178,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="blog" data-section="blog">
|
|
|
|
|
<BlogCardTwo
|
|
|
|
|
title="Mening Blog"
|
|
|
|
|
title="Mening Blogim"
|
|
|
|
|
description="Frontend development, JavaScript tips, React tutorials va web development best practices haqida maqolalar."
|
|
|
|
|
tag="Blog"
|
|
|
|
|
tagIcon={BookOpen}
|
|
|
|
|
@@ -189,15 +189,15 @@ export default function LandingPage() {
|
|
|
|
|
blogs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", category: ["React", "JavaScript"],
|
|
|
|
|
title: "React Hooks: Beginners Guide", excerpt: "React hooks bilan ishlashning asoslari, useState, useEffect va custom hooks qanday qilib foydalanish haqida.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-content-management-system-concept_23-2148818636.jpg?_wi=2", imageAlt: "React hooks tutorial", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/talking-work_1098-13062.jpg", date: "15 Jan 2025"
|
|
|
|
|
title: "React Hooks: Beginners Guide", excerpt: "React hooks bilan ishlashning asoslari, useState, useEffect va custom hooks qanday qilib foydalanish haqida.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-content-management-system-concept_23-2148818636.jpg?_wi=2", imageAlt: "React hooks tutorial", authorName: "Hasanboy", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcDue4Q5MkJj7Me70vwpIaxPPK/uploaded-1772885414684-oe8w2d92.png", date: "15 Jan 2025"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", category: ["JavaScript", "Performance"],
|
|
|
|
|
title: "JavaScript Performance Tips", excerpt: "Web-saytlar tezligini oshirish uchun muhim JavaScript optimization texnikalarinig haqida amaliy maslahatlar.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_23-2149056162.jpg", imageAlt: "Performance optimization", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/talking-work_1098-13062.jpg", date: "10 Jan 2025"
|
|
|
|
|
title: "JavaScript Performance Tips", excerpt: "Web-saytlar tezligini oshirish uchun muhim JavaScript optimization texnikalarinig haqida amaliy maslahatlar.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_23-2149056162.jpg", imageAlt: "Performance optimization", authorName: "Hasanboy", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcDue4Q5MkJj7Me70vwpIaxPPK/uploaded-1772885414684-oe8w2d92.png", date: "10 Jan 2025"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", category: ["CSS", "Design"],
|
|
|
|
|
title: "Responsive Design Best Practices", excerpt: "Modern responsive web design principles, mobile-first approach va CSS Grid/Flexbox mastery.", imageSrc: "http://img.b2bpic.net/free-vector/shopping-online-landing-page-illustrated_23-2148518997.jpg", imageAlt: "Responsive design tips", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/talking-work_1098-13062.jpg", date: "05 Jan 2025"
|
|
|
|
|
title: "Responsive Design Best Practices", excerpt: "Modern responsive web design principles, mobile-first approach va CSS Grid/Flexbox mastery.", imageSrc: "http://img.b2bpic.net/free-vector/shopping-online-landing-page-illustrated_23-2148518997.jpg", imageAlt: "Responsive design tips", authorName: "Hasanboy", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcDue4Q5MkJj7Me70vwpIaxPPK/uploaded-1772885414684-oe8w2d92.png", date: "05 Jan 2025"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
carouselMode="buttons"
|
|
|
|
|
@@ -209,11 +209,10 @@ export default function LandingPage() {
|
|
|
|
|
tag="Bog'lanish"
|
|
|
|
|
tagIcon={Mail}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="Murojaat Qiling va Loyihani Boshlaylik"
|
|
|
|
|
description="Sizning web-sayt yoki application loyihasi haqida gaplashishga tayyor. Qisqa vaqt ichida siz bilan bog'lanamiz va tafsil bilan majburiyatlarni muhokama qilamiz."
|
|
|
|
|
title="Loyihangizni Boshlaylik"
|
|
|
|
|
description="Qisqa vaqt ichida siz bilan bog'lanamiz va tafsil bilan majburiyatlarni muhokama qilamiz."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Email: hasanboyleo97@gmail.com", href: "mailto:hasanboyleo97@gmail.com" },
|
|
|
|
|
{ text: "Telefon: +998 88 371 52 71", href: "tel:+998883715271" }
|
|
|
|
|
{ text: "Loyihani Boshlash", href: "mailto:hasanboyleo97@gmail.com" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
@@ -223,8 +222,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterCard
|
|
|
|
|
logoText="Hasanboy"
|
|
|
|
|
copyrightText="© 2025 Hasanboy. Barcha huquqlar himoyalangan."
|
|
|
|
|
logoText="Bobur "
|
|
|
|
|
copyrightText="© 2025 Hasanboy. Barcha huquqlar himoyalangan. Email: hasanboyleo97@gmail.com | Telefon: +998 88 371 52 71"
|
|
|
|
|
socialLinks={[
|
|
|
|
|
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
|
|
|
|
|
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
|
|
|
|
|