bender/7aa700ad-abe4-402f-9ae0-7a823c1477bf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-07 07:06:34 +00:00
Conversation 0 Commits 2 Files Changed 2 +91 -132
2 changed files with 91 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/layout.tsx
View File

@@ -1,51 +1,23 @@
import type { Metadata } from "next";
import { Public_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const publicSans = Public_Sans({
variable: "--font-public-sans", subsets: ["latin"],
});
import "./styles/base.css";
import "./styles/variables.css";
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Kompyuter Design | Strategic Design Studio", description: "Kompyuter Design creates compelling brand identities, digital experiences, and strategic design solutions that transform businesses and engage audiences.", keywords: "design studio, brand identity, web design, digital design, creative agency, UI/UX design, branding", metadataBase: new URL("https://www.kompyuterdesign.com"),
alternates: {
canonical: "https://www.kompyuterdesign.com"},
openGraph: {
title: "Kompyuter Design | Strategic Design Studio", description: "Transform your brand with strategic design solutions that connect, engage, and inspire.", url: "https://www.kompyuterdesign.com", siteName: "Kompyuter Design", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/lovely-female-working-art-studio_23-2148372141.jpg", alt: "Kompyuter Design Studio Work"},
],
},
twitter: {
card: "summary_large_image", title: "Kompyuter Design | Strategic Design Studio", description: "Award-winning design studio creating brand identities and digital experiences.", images: ["http://img.b2bpic.net/free-photo/lovely-female-working-art-studio_23-2148372141.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "Kiber Xavfsizlik", description: "Cybersecurity solutions and services"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${publicSans.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1413,7 +1385,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

180
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Sparkles, Award, Zap, Users, Star, Mail, Palette, Layout, Lightbulb, Smartphone, Briefcase, TrendingUp, Linkedin, Twitter, Globe, Github } from "lucide-react";
import { Sparkles, Award, Zap, Users, Star, Mail, Shield, Lock, Eye, AlertCircle, BarChart3, Code } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,41 +28,46 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Kompyuter Design"
brandName="Kiber Xavfsizlik"
navItems={[
{ name: "About", id: "about" },
{ name: "Work", id: "work" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
{ name: "Haqida", id: "about" },
{ name: "Xizmatlar", id: "services" },
{ name: "Jamoamiz", id: "team" },
{ name: "Fikrlar", id: "testimonials" },
{ name: "Bog'lanish", id: "contact" },
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Design That Transforms Ideas Into Reality"
description="Kompyuter Design creates compelling visual experiences that connect brands with their audiences. We specialize in strategic design, digital innovation, and creative excellence."
tag="Design Studio"
title="Raqamli Xavfsizlik Uchun Kuchli Himoya"
description="Kiber Xavfsizlik - sizning biznesini zamonaviy kibertahdidlardan saqlaydi. Biz mukammal xavfsizlik yechimlarini taqdim etamiz va sizning tizimlarini qo'llab-quvvatlaymiz."
tag="Xavfsizlik Soliha"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/lovely-female-working-art-studio_23-2148372141.jpg", imageAlt: "Design studio workspace"},
imageSrc: "http://img.b2bpic.net/free-photo/binary-code-computer-monitor_1017-2046.jpg", imageAlt: "Cybersecurity dashboard"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379213.jpg", imageAlt: "Design portfolio showcase"},
imageSrc: "http://img.b2bpic.net/free-photo/data-protection-privacy-concept-lock-icon_1017-25532.jpg", imageAlt: "Security lock protection"
},
{
imageSrc: "http://img.b2bpic.net/free-vector/crowdfunding-app-collection-template_23-2148637235.jpg", imageAlt: "Digital design interface"},
imageSrc: "http://img.b2bpic.net/free-photo/cyber-attack-prevention-concept_1017-24897.jpg", imageAlt: "Cyber attack prevention"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-argueing-discussing-drawings-new-ideas-office_176420-1692.jpg", imageAlt: "Design team collaboration"},
imageSrc: "http://img.b2bpic.net/free-photo/network-security-technology_1017-20234.jpg", imageAlt: "Network security"
},
{
imageSrc: "http://img.b2bpic.net/free-vector/artistic-background_1017-5796.jpg", imageAlt: "Finished design project"},
imageSrc: "http://img.b2bpic.net/free-photo/firewall-protection-system_1017-19456.jpg", imageAlt: "Firewall technology"
},
]}
mediaAnimation="slide-up"
buttons={[
{ text: "View Our Work", href: "work" },
{ text: "Let's Talk", href: "contact" },
{ text: "Xizmatlarni Ko'ring", href: "services" },
{ text: "Biz Bilan Bog'lanish", href: "contact" },
]}
buttonAnimation="slide-up"
/>
@@ -70,51 +75,26 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MediaAbout
title="Crafting Digital Excellence Since 2015"
description="We believe great design is more than aesthetics—it's strategic thinking combined with creative execution. Our team of award-winning designers and strategists work collaboratively with brands to create meaningful experiences that drive results."
tag="About Kompyuter"
title="Kibernet Xavfsizligiga Ixtisoslashgan Yetakchi Kompaniya"
description="Biz 2015-yildan beri raqamli xavfsizlik sohasida faoliyat ko'rsatib kelayotgan yetakchi kompaniya. Bizning mutaxassislar sizning tizimlarga potensial xavflarni aniqlaydi va ularni to'liq qo'llab-quvvatlaydi."
tag="Kiber Xavfsizlik Haqida"
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-people-working-together_23-2149721893.jpg"
imageAlt="Kompyuter Design studio team"
imageSrc="http://img.b2bpic.net/free-photo/cybersecurity-experts-working_1017-28934.jpg"
imageAlt="Cybersecurity team working together"
useInvertedBackground={false}
buttons={[
{ text: "Our Story", href: "#" },
{ text: "Work With Us", href: "contact" },
{ text: "Bizning Hikoyamiz", href: "#" },
{ text: "Biz Bilan Ishlash", href: "contact" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="work" data-section="work">
<ProductCardTwo
title="Featured Work"
description="Recent projects that showcase our expertise in branding, digital design, and creative strategy."
tag="Case Studies"
tagIcon={Award}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1", brand: "TechCorp", name: "Complete Brand Identity", price: "Brand Strategy", rating: 5,
reviewCount: "12.5k", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440905.jpg", imageAlt: "TechCorp brand identity design"},
{
id: "2", brand: "Innovate Labs", name: "Website Redesign", price: "Digital Design", rating: 5,
reviewCount: "9.2k", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-halfopen-screen-dark-background_169016-63572.jpg", imageAlt: "Innovate Labs website design"},
{
id: "3", brand: "NextGen App", name: "Mobile App Design", price: "App Interface", rating: 5,
reviewCount: "15.8k", imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-template-collection_23-2148592855.jpg", imageAlt: "NextGen app interface design"},
]}
/>
</div>
<div id="services" data-section="services">
<FeatureHoverPattern
title="Our Services"
description="Comprehensive design solutions tailored to your brand's unique needs and business objectives."
tag="What We Offer"
title="Xavfsizlik Xizmatlarimiz"
description="Sizning kompaniyaning xavfsizligini ta'minlash uchun eng yangi texnologiyalar va metodlardan foydalanamiz."
tag="Biz Taklif Etamiz"
tagIcon={Zap}
tagAnimation="slide-up"
textboxLayout="default"
@@ -122,32 +102,38 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
icon: Palette,
title: "Brand Identity", description: "Strategic brand development, logo design, and comprehensive visual identity systems that define your brand's essence."},
icon: Shield,
title: "Xavfsizlik Audit", description: "Sizning tizimining barcha zafiyatlarini aniqlash va ularni tuzatish bo'yicha tavsiyalar beramiz."
},
{
icon: Layout,
title: "Digital Design", description: "Website and app design focused on user experience, responsive design, and digital innovation."},
icon: Lock,
title: "Data Encryption", description: "Barcha ma'lumotlarni eng kuchli shifrlash protokollari orqali himoyalaymiz."
},
{
icon: Lightbulb,
title: "Design Strategy", description: "Strategic design thinking and planning that aligns with your business goals and market positioning."},
icon: Eye,
title: "Monitoring & Detection", description: "24/7 tizim monitoring va shubhali faoliyatni darhol aniqlash xizmati."
},
{
icon: Smartphone,
title: "Mobile Experience", description: "Native and cross-platform mobile app design with intuitive interfaces and seamless interactions."},
icon: AlertCircle,
title: "Incident Response", description: "Xavfli vaziyatlarni tezda bartaraf etish va zararsizlash bo'yicha darhol javob beramiz."
},
{
icon: Briefcase,
title: "Design Consultation", description: "Expert guidance and consultation to elevate your existing design systems and brand communications."},
icon: BarChart3,
title: "Compliance Management", description: "Xalqaro xavfsizlik standartlariga (ISO 27001, GDPR) muvofiqlikni ta'minlaymiz."
},
{
icon: TrendingUp,
title: "Brand Evolution", description: "Refresh and modernize your brand identity while maintaining core values and market recognition."},
icon: Code,
title: "Penetration Testing", description: "Tizimning zafiyatlarini aniqlash uchun professional penetration testing o'tkazamiz."
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
title="Meet The Team"
description="Talented designers, strategists, and innovators dedicated to creating exceptional design experiences."
tag="Our People"
title="Bizning Mutaxassis Jamoa"
description="Xavfsizlik sohasining eng yetakchi mutaxassislari vosita bilan sizning kompaniyani himoyalaymiz."
tag="Jamoamiz"
tagIcon={Users}
tagAnimation="slide-up"
textboxLayout="default"
@@ -156,27 +142,23 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
members={[
{
id: "1", name: "Marcus Chen", role: "Creative Director", description: "Visionary leader with 15+ years in design strategy and creative direction for Fortune 500 companies.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg", imageAlt: "Marcus Chen", socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Twitter, url: "https://twitter.com" },
id: "1", name: "Alisher Karimov", role: "Xavfsizlik Rahbari", description: "15+ yillik tajriba bilan kibernet xavfsizlik va strategik reja-tadbir bo'yicha mutaxassis.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg", imageAlt: "Alisher Karimov", socialLinks: [
{ icon: Mail, url: "mailto:alisher@example.com" },
],
},
{
id: "2", name: "Sophia Rodriguez", role: "Brand Strategist", description: "Expert in brand positioning and design strategy with a passion for creating meaningful brand narratives.", imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg", imageAlt: "Sophia Rodriguez", socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Globe, url: "https://example.com" },
id: "2", name: "Nodira Rakhmatova", role: "Xavfsizlik Arxitekturi", description: "Xavfsizlik tizimlarining architekturasi va texnik implimentatsiyasi bo'yicha mutaxassis.", imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg", imageAlt: "Nodira Rakhmatova", socialLinks: [
{ icon: Mail, url: "mailto:nodira@example.com" },
],
},
{
id: "3", name: "Alex Thompson", role: "UI/UX Designer", description: "Passionate about creating intuitive digital experiences and elegant user interfaces with exceptional usability.", imageSrc: "http://img.b2bpic.net/free-photo/company-director-looking-through-documents-laptop_482257-8064.jpg", imageAlt: "Alex Thompson", socialLinks: [
{ icon: Github, url: "https://github.com" },
{ icon: Linkedin, url: "https://linkedin.com" },
id: "3", name: "Sardor Mirzayev", role: "Penetration Tester", description: "Tizimlarning zafiyatlarini aniqlash va etakchi penetration testing bo'yicha mutaxassis.", imageSrc: "http://img.b2bpic.net/free-photo/company-director-looking-through-documents-laptop_482257-8064.jpg", imageAlt: "Sardor Mirzayev", socialLinks: [
{ icon: Mail, url: "mailto:sardor@example.com" },
],
},
{
id: "4", name: "Jordan Pierce", role: "Project Manager", description: "Ensures seamless project execution and client collaboration, keeping every project on track and exceeding expectations.", imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg", imageAlt: "Jordan Pierce", socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Mail, url: "mailto:jordan@example.com" },
id: "4", name: "Mehriban Yusupova", role: "Loyihalar Direktori", description: "Loyihalarni boshqarish va mijozlar bilan hamkorlikni ta'minlaydigan tajribali direktr.", imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg", imageAlt: "Mehriban Yusupova", socialLinks: [
{ icon: Mail, url: "mailto:mehriban@example.com" },
],
},
]}
@@ -185,9 +167,9 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="Client Success Stories"
description="Hear from brands who've transformed their visual presence through our strategic design approach."
tag="Testimonials"
title="Mijozlarimiz Nima Aytmoqda"
description="Biz bilan ishlagan kompaniyalardan ularning muvaffaqiyat hikoyalari."
tag="Fikrlar"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="default"
@@ -195,31 +177,37 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Jennifer Walsh", handle: "@jwalsh_CEO", testimonial: "Kompyuter Design transformed our brand completely. Their strategic approach and creative execution exceeded all our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-posing-outdoors_1262-16431.jpg", imageAlt: "Jennifer Walsh"},
id: "1", name: "Javohir Salimov", handle: "@jsalimov_CEO", testimonial: "Kiber Xavfsizlik kompaniyasi bizning tizimga to'liq xavfsizlik ta'minladi. Juda professional va ishonchli jamoalar.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-posing-outdoors_1262-16431.jpg", imageAlt: "Javohir Salimov"
},
{
id: "2", name: "David Kumar", handle: "@dkumar_Founder", testimonial: "Working with Kompyuter Design was a game-changer for our startup. They understood our vision and brought it to life brilliantly.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "David Kumar"},
id: "2", name: "Farida Abdullayeva", handle: "@fabdullayeva_CTO", testimonial: "Ularning penetration testing xizmati bizga juda ko'p muhim zafiyatlarni aniqlashga yordam berdi.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "Farida Abdullayeva"
},
{
id: "3", name: "Emily Laurent", handle: "@elaurent_Design", testimonial: "The team's design expertise and attention to detail is unmatched. They delivered a comprehensive brand identity that perfectly represents our values.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19602.jpg", imageAlt: "Emily Laurent"},
id: "3", name: "Rustam Xasanov", handle: "@rxasanov_Director", testimonial: "24/7 monitoring xizmati bizning tizimlarimizi har doim himoyalaydi. Juda ishonchli hamkorimiz.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19602.jpg", imageAlt: "Rustam Xasanov"
},
{
id: "4", name: "Michael Stevens", handle: "@mstevens_CMO", testimonial: "Kompyuter Design's digital solutions have significantly improved our customer engagement and brand perception in the market.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg", imageAlt: "Michael Stevens"},
id: "4", name: "Olga Volkova", handle: "@ovolkova_Manager", testimonial: "Kiber Xavfsizlik - bizning kompaniyaning xavfsizligi uchun sog'om va ishonchli hamkor.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg", imageAlt: "Olga Volkova"
},
{
id: "5", name: "Lisa Anderson", handle: "@landerson_Director", testimonial: "Outstanding design work and exceptional project management. The entire experience was professional, collaborative, and results-driven.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-businesswoman_329181-13396.jpg", imageAlt: "Lisa Anderson"},
id: "5", name: "Kamila Mirova", handle: "@kmirova_Specialist", testimonial: "Ularning compliance management xizmati bizga GDPR va ISO 27001 talablariga muvofiq bo'lishga yordam berdi.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-businesswoman_329181-13396.jpg", imageAlt: "Kamila Mirova"
},
{
id: "6", name: "Robert Martinez", handle: "@rmartinez_VP", testimonial: "Their strategic design thinking combined with creative excellence has set a new standard for our brand across all touchpoints.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg", imageAlt: "Robert Martinez"},
id: "6", name: "Ahmed Ismailov", handle: "@aismailov_VP", testimonial: "Professional, tezkor va samarali - bu Kiber Xavfsizlik kompaniyasining barcha faoliyati haqida ayt ishini mumkin.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg", imageAlt: "Ahmed Ismailov"
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Let's Create Together"
tag="Keling, Hamkorlik Qilaylik"
tagIcon={Mail}
tagAnimation="slide-up"
title="Ready to Transform Your Brand?"
description="Let's collaborate on your next design project. Contact us to discuss your vision, goals, and how Kompyuter Design can help bring them to life."
title="Xavfsizlik Uchun Qo'ng'iroq Qiling"
description="Bizning mutaxassislari sizning kompaniyaning xavfsizlik talablarini baholash va sizga eng yaxshi yechim taklif etishga tayyor."
buttons={[
{ text: "Start a Project", href: "mailto:hello@kompyuterdesign.com" },
{ text: "Schedule a Call", href: "#" },
{ text: "Loyiha Boshlash", href: "mailto:hello@cybersecurity.com" },
{ text: "Konsultasiya Olish", href: "#" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
@@ -229,9 +217,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Kompyuter"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
logoText="Kiber Xavfsizlik"
leftLink={{ text: "Maxfiylik Siyosati", href: "#" }}
rightLink={{ text: "Xizmat Shartlari", href: "#" }}
/>
</div>
</ThemeProvider>