diff --git a/src/app/page.tsx b/src/app/page.tsx index 15a14b3..5f2619e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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, Layers as LayersIcon } from 'lucide-react'; +import { Code, Users, Award, Globe, Sparkles, Briefcase, Mail, BookOpen, ShoppingCart, BarChart3, Settings, Database, Lock, Palette, Smartphone, Zap, Layers, Github, Linkedin, MessageSquare } from 'lucide-react'; export default function LandingPage() { return ( @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="largeSmall" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="shadow" secondaryButtonStyle="solid" @@ -52,18 +52,18 @@ export default function LandingPage() { { text: "Bog'lanish", href: "#contact" } ]} buttonAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "plain" }} leftCarouselItems={[ - { imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-app_23-2148557907.jpg?_wi=1", imageAlt: "Portfolio project one" }, - { imageSrc: "http://img.b2bpic.net/free-psd/e-commerce-furniture-landing-page_197582-336.jpg?_wi=1", imageAlt: "Portfolio project two" }, - { imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-app-interface_23-2148655701.jpg?_wi=1", imageAlt: "Portfolio project three" }, + { imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-manager-examines-infographics-oversee-business-operations_482257-128607.jpg", imageAlt: "Portfolio project one" }, + { imageSrc: "http://img.b2bpic.net/free-psd/e-commerce-furniture-landing-page_197582-336.jpg", imageAlt: "Portfolio project two" }, + { imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-app-interface_23-2148655701.jpg", imageAlt: "Portfolio project three" }, { imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-manager-examines-infographics-oversee-business-operations_482257-128607.jpg", imageAlt: "Developer workspace" } ]} rightCarouselItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/talking-work_1098-13062.jpg", imageAlt: "Developer portrait" }, - { imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-app_23-2148557907.jpg?_wi=2", imageAlt: "Portfolio showcase" }, - { imageSrc: "http://img.b2bpic.net/free-psd/e-commerce-furniture-landing-page_197582-336.jpg?_wi=2", imageAlt: "Project example" }, - { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-content-management-system-concept_23-2148818636.jpg?_wi=1", imageAlt: "Blog content" } + { imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-app_23-2148557907.jpg", imageAlt: "Portfolio showcase" }, + { imageSrc: "http://img.b2bpic.net/free-psd/e-commerce-furniture-landing-page_197582-336.jpg", imageAlt: "Project example" }, + { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-content-management-system-concept_23-2148818636.jpg", imageAlt: "Blog content" } ]} carouselPosition="right" /> @@ -135,9 +135,9 @@ export default function LandingPage() { useInvertedBackground={true} gridVariant="three-columns-all-equal-width" products={[ - { id: "1", name: "E-Commerce Platform", price: "2024", imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-app_23-2148557907.jpg?_wi=3", imageAlt: "E-commerce project" }, - { id: "2", name: "React Dashboard", price: "2024", imageSrc: "http://img.b2bpic.net/free-psd/e-commerce-furniture-landing-page_197582-336.jpg?_wi=3", imageAlt: "Dashboard project" }, - { id: "3", name: "Corporate Website", price: "2023", imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-app-interface_23-2148655701.jpg?_wi=2", imageAlt: "Corporate website" } + { id: "1", name: "E-Commerce Platform", price: "2024", imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-app_23-2148557907.jpg", imageAlt: "E-commerce project" }, + { id: "2", name: "React Dashboard", price: "2024", imageSrc: "http://img.b2bpic.net/free-psd/e-commerce-furniture-landing-page_197582-336.jpg", imageAlt: "Dashboard project" }, + { id: "3", name: "Corporate Website", price: "2023", imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-app-interface_23-2148655701.jpg", imageAlt: "Corporate website" } ]} /> @@ -158,7 +158,7 @@ export default function LandingPage() { variant: "icon", icons: [Code, Zap, Globe, Settings, Database] }, { - title: "Training Program", description: "Individual va group mentoring sessions, code review, va professional development.", bentoComponent: "3d-task-list", title: "Training Program", items: [ + title: "Training Program", description: "Individual va group mentoring sessions, code review, va professional development.", bentoComponent: "3d-task-list", items: [ { icon: BookOpen, label: "Foundations", time: "8 hours" }, { icon: Code, label: "Advanced Topics", time: "16 hours" }, { icon: Zap, label: "Project Work", time: "12 hours" } @@ -189,7 +189,7 @@ 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", imageAlt: "React hooks tutorial", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/talking-work_1098-13062.jpg", date: "15 Jan 2025" }, { id: "2", category: ["JavaScript", "Performance"], @@ -216,7 +216,7 @@ export default function LandingPage() { { text: "Telefon: +998 88 371 52 71", href: "tel:+998883715271" } ]} buttonAnimation="slide-up" - background={{ variant: "glowing-orb" }} + background={{ variant: "plain" }} useInvertedBackground={false} />