bender/bd13f1e2-b1af-49cd-afcc-458de22026d1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 20:48:29 +00:00
parent 6e7cbbd089
commit a6dfc80e64
1 changed files with 59 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
src/app/page.tsx
View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Bosh sahifa",
id: "#hero",
},
name: "Bosh sahifa", id: "#hero"},
{
name: "Park haqida",
id: "#about",
},
name: "Park haqida", id: "#about"},
{
name: "Attraksionlar",
id: "#features-magic-areas",
},
name: "Attraksionlar", id: "#features-magic-areas"},
{
name: "Faktlar",
id: "#metrics",
},
name: "Faktlar", id: "#metrics"},
{
name: "Sharhlar",
id: "#testimonials",
},
name: "Sharhlar", id: "#testimonials"},
{
name: "Bog'lanish",
id: "#contact",
},
name: "Bog'lanish", id: "#contact"},
]}
brandName="Magic City"
/>
@@ -63,23 +51,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
title="Toshkentning Qalbida Sehrli Sarguzashtlar"
description="Magic City – Markaziy Osiyodagi eng yirik ko'ngilochar park bo'lib, sizni 21 gektar maydonda yil bo'yi ajoyib olamga chorlaydi. Keling va sehrga sho'ng'ing!"
kpis={[
{
value: "21+",
label: "Gektar maydon",
},
value: "21+", label: "Gektar maydon"},
{
value: "2021",
label: "Yilda ochilgan",
},
value: "2021", label: "Yilda ochilgan"},
{
value: "1-O'rin",
label: "Eng yirik park",
},
value: "1-O'rin", label: "Eng yirik park"},
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/couple-theme-park_23-2148011792.jpg"
@@ -87,52 +68,32 @@ export default function LandingPage() {
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2090.jpg",
alt: "Happy visitor at Magic City",
},
src: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2090.jpg", alt: "Happy visitor at Magic City"},
{
src: "http://img.b2bpic.net/free-photo/portrait-man-having-great-time_23-2149443762.jpg",
alt: "Satisfied guest at Magic City",
},
src: "http://img.b2bpic.net/free-photo/portrait-man-having-great-time_23-2149443762.jpg", alt: "Satisfied guest at Magic City"},
{
src: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2088.jpg",
alt: "Joyful young visitor",
},
src: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2088.jpg", alt: "Joyful young visitor"},
{
src: "http://img.b2bpic.net/free-photo/close-up-shot-handsome-caucasian-man-with-beard-dressed-t-shirt-looking-smiling-with-happy-cheerful-expression-sitting-sidewalk-restaurant-sunny-day-waiting-friends_273609-6600.jpg",
alt: "Experienced park-goer",
},
src: "http://img.b2bpic.net/free-photo/close-up-shot-handsome-caucasian-man-with-beard-dressed-t-shirt-looking-smiling-with-happy-cheerful-expression-sitting-sidewalk-restaurant-sunny-day-waiting-friends_273609-6600.jpg", alt: "Experienced park-goer"},
{
src: "http://img.b2bpic.net/free-photo/low-angle-couple-enjoying-time-together_23-2148287877.jpg",
alt: "Family having fun at Magic City",
},
src: "http://img.b2bpic.net/free-photo/low-angle-couple-enjoying-time-together_23-2148287877.jpg", alt: "Family having fun at Magic City"},
]}
avatarText="1M+ Baxtiyor tashrif buyuruvchilar"
marqueeItems={[
{
type: "text-icon",
text: "Ertak Qal'asi",
icon: Crown,
type: "text-icon", text: "Ertak Qal'asi", icon: Crown,
},
{
type: "text-icon",
text: "Raqob Favvora Shou",
icon: Droplets,
type: "text-icon", text: "Raqob Favvora Shou", icon: Droplets,
},
{
type: "text-icon",
text: "Magic Cinema",
icon: Film,
type: "text-icon", text: "Magic Cinema", icon: Film,
},
{
type: "text-icon",
text: "Virtual Haqiqat",
icon: Star,
type: "text-icon", text: "Virtual Haqiqat", icon: Star,
},
{
type: "text-icon",
text: "Bolalar Shaharchasi",
icon: Users,
type: "text-icon", text: "Bolalar Shaharchasi", icon: Users,
},
]}
/>
@@ -145,19 +106,13 @@ export default function LandingPage() {
metrics={[
{
icon: MapPin,
label: "Toshkent markazi",
value: "Joylashuv",
},
label: "Toshkent markazi", value: "Joylashuv"},
{
icon: Calendar,
label: "2021-yil",
value: "Ochilgan",
},
label: "2021-yil", value: "Ochilgan"},
{
icon: Trophy,
label: "21 gektar",
value: "Markaziy Osiyoning eng yirik",
},
label: "21 gektar", value: "Markaziy Osiyoning eng yirik"},
]}
metricsAnimation="slide-up"
/>
@@ -171,23 +126,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Jozibali Yevropa Ko'chalari",
description: "Parij, London, Berlin va Barselona shaharlarining betakror atmosferasidan bahramand bo'ling. Har bir burchakda yangi kashfiyotlar sizni kutadi.",
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-793.jpg",
imageAlt: "Magic City'dagi Yevropa ko'chasi",
},
title: "Jozibali Yevropa Ko'chalari", description: "Parij, London, Berlin va Barselona shaharlarining betakror atmosferasidan bahramand bo'ling. Har bir burchakda yangi kashfiyotlar sizni kutadi.", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-793.jpg", imageAlt: "Magic City'dagi Yevropa ko'chasi"},
{
title: "60 metrlik Ertak Qal'asi",
description: "Ulug'vor ertak qal'asi o'zining me'moriy go'zalligi va sirli atmosferasi bilan tashrif buyuruvchilarni hayratga soladi. Bu yerda siz o'zingizni ertaklar qahramoni sifatida his qilasiz.",
imageSrc: "http://img.b2bpic.net/free-photo/casa-loma-toronto-with-blue-sky_649448-494.jpg",
imageAlt: "Magic City'dagi ertak qal'asi",
},
title: "60 metrlik Ertak Qal'asi", description: "Ulug'vor ertak qal'asi o'zining me'moriy go'zalligi va sirli atmosferasi bilan tashrif buyuruvchilarni hayratga soladi. Bu yerda siz o'zingizni ertaklar qahramoni sifatida his qilasiz.", imageSrc: "http://img.b2bpic.net/free-photo/casa-loma-toronto-with-blue-sky_649448-494.jpg", imageAlt: "Magic City'dagi ertak qal'asi"},
{
title: "Raqob Favvora Shou",
description: "Har oqshom jonlanadigan hayratlanarli raqs favvora shousi bilan kechingizni yorqinroq qiling. Rang-barang chiroqlar va musiqaning uyg'unligi qalbingizni rom etadi.",
imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-fall_1121-49.jpg",
imageAlt: "Magic City'dagi raqs favvora shousi",
},
title: "Raqob Favvora Shou", description: "Har oqshom jonlanadigan hayratlanarli raqs favvora shousi bilan kechingizni yorqinroq qiling. Rang-barang chiroqlar va musiqaning uyg'unligi qalbingizni rom etadi.", imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-fall_1121-49.jpg", imageAlt: "Magic City'dagi raqs favvora shousi"},
]}
title="Dunyo Sehrini His Qiling"
description="Magic City shaharlarining betakror ko'chalari bo'ylab sayr qiling va ertaklar olamiga sho'ng'ing. Har bir burchakda yangi kashfiyotlar sizni kutadi."
@@ -199,31 +142,16 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Magic Cinema",
description: "O'zbekistondagi birinchi lazer kinoteatrida 6 ta zamonaviy zal va 430 o'rinda eng yangi filmlarni yuqori sifatda tomosha qiling.",
imageSrc: "http://img.b2bpic.net/free-photo/interior-dark-hall-cinema_23-2147768003.jpg",
imageAlt: "Magic City'dagi Magic Cinema kinoteatri",
},
title: "Magic Cinema", description: "O'zbekistondagi birinchi lazer kinoteatrida 6 ta zamonaviy zal va 430 o'rinda eng yangi filmlarni yuqori sifatda tomosha qiling.", imageSrc: "http://img.b2bpic.net/free-photo/interior-dark-hall-cinema_23-2147768003.jpg", imageAlt: "Magic City'dagi Magic Cinema kinoteatri"},
{
title: "Rim Kolizeyi Amfiteatri",
description: "Qadimgi Rim me'morchiligidan ilhomlanib qurilgan amfiteatrda turli kontsertlar va tadbirlardan bahramand bo'ling.",
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-roman-colosseum-arena_23-2151224390.jpg",
imageAlt: "Magic City'dagi Rim Kolizeyi amfiteatri",
},
title: "Rim Kolizeyi Amfiteatri", description: "Qadimgi Rim me'morchiligidan ilhomlanib qurilgan amfiteatrda turli kontsertlar va tadbirlardan bahramand bo'ling.", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-roman-colosseum-arena_23-2151224390.jpg", imageAlt: "Magic City'dagi Rim Kolizeyi amfiteatri"},
{
title: "Bolalar Shaharchasi",
description: "Kichkintoylar uchun maxsus yaratilgan xavfsiz va qiziqarli o'yin maydonchalari, turli attraksionlar bilan to'la bolalar shaharchasi.",
imageSrc: "http://img.b2bpic.net/free-photo/childhood-preschooler-caucasian-sweet-playground_1157-3126.jpg",
imageAlt: "Magic City'dagi bolalar shaharchasi",
},
title: "Bolalar Shaharchasi", description: "Kichkintoylar uchun maxsus yaratilgan xavfsiz va qiziqarli o'yin maydonchalari, turli attraksionlar bilan to'la bolalar shaharchasi.", imageSrc: "http://img.b2bpic.net/free-photo/childhood-preschooler-caucasian-sweet-playground_1157-3126.jpg", imageAlt: "Magic City'dagi bolalar shaharchasi"},
{
title: "Virtual Haqiqat Attraksionlari",
description: "Eng yangi VR texnologiyalari yordamida unutilmas virtual sarguzashtlarga sho'ng'ing.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-playing-vr-with-winner-cup-dark-wall_179666-39937.jpg",
imageAlt: "Magic City'dagi VR attraksionlari",
},
title: "Virtual Haqiqat Attraksionlari", description: "Eng yangi VR texnologiyalari yordamida unutilmas virtual sarguzashtlarga sho'ng'ing.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-playing-vr-with-winner-cup-dark-wall_179666-39937.jpg", imageAlt: "Magic City'dagi VR attraksionlari"},
]}
title="Ko'ngilochar Imkoniyatlar Cheksiz"
description="Eng so'nggi texnologiyalar va jahon standartlaridagi ko'ngilochar dasturlar sizni Magic City'da kutmoqda."
@@ -237,20 +165,11 @@ export default function LandingPage() {
tag="Asosiy Faktlar"
metrics={[
{
id: "m1",
value: "21+",
description: "Gektar maydon",
},
id: "m1", value: "21+", description: "Gektar maydon"},
{
id: "m2",
value: "2021",
description: "Yilda ochilgan",
},
id: "m2", value: "2021", description: "Yilda ochilgan"},
{
id: "m3",
value: "1-O'rin",
description: "Markaziy Osiyodagi eng yirik park",
},
id: "m3", value: "1-O'rin", description: "Markaziy Osiyodagi eng yirik park"},
]}
metricsAnimation="slide-up"
/>
@@ -264,25 +183,15 @@ export default function LandingPage() {
author="Dilfuza Ahmedova"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-teenage-girl_23-2148105608.jpg",
alt: "Dilfuza Ahmedova",
},
src: "http://img.b2bpic.net/free-photo/portrait-teenage-girl_23-2148105608.jpg", alt: "Dilfuza Ahmedova"},
{
src: "http://img.b2bpic.net/free-photo/sportsman-with-t-shirt-stuck_1187-3312.jpg",
alt: "Alijon Karimov",
},
src: "http://img.b2bpic.net/free-photo/sportsman-with-t-shirt-stuck_1187-3312.jpg", alt: "Alijon Karimov"},
{
src: "http://img.b2bpic.net/free-photo/woman-portrait-walking-street_1328-3263.jpg",
alt: "Gulnora Saidova",
},
src: "http://img.b2bpic.net/free-photo/woman-portrait-walking-street_1328-3263.jpg", alt: "Gulnora Saidova"},
{
src: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg",
alt: "Javohir O'ktamov",
},
src: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg", alt: "Javohir O'ktamov"},
{
src: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg",
alt: "Baxtiyor Ergashov",
},
src: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg", alt: "Baxtiyor Ergashov"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -294,30 +203,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "Magic Cityga kirish pullikmi?",
content: "Yo'q, Magic Cityga kirish mutlaqo bepul. Siz parkda sayr qilishingiz, shoular va favvora tomoshalaridan bahramand bo'lishingiz mumkin. Faqatgina attraksionlar, kinoteatr va VR o'yinlari uchun to'lov talab qilinadi.",
},
id: "faq1", title: "Magic Cityga kirish pullikmi?", content: "Yo'q, Magic Cityga kirish mutlaqo bepul. Siz parkda sayr qilishingiz, shoular va favvora tomoshalaridan bahramand bo'lishingiz mumkin. Faqatgina attraksionlar, kinoteatr va VR o'yinlari uchun to'lov talab qilinadi."},
{
id: "faq2",
title: "Attraksionlar qancha turadi?",
content: "Attraksionlar narxlari ularning turiga qarab farq qiladi. Har bir attraksion oldida narxlar haqida ma'lumot beruvchi tablolar joylashtirilgan. Shuningdek, maxsus paketlar ham mavjud bo'lishi mumkin.",
},
id: "faq2", title: "Attraksionlar qancha turadi?", content: "Attraksionlar narxlari ularning turiga qarab farq qiladi. Har bir attraksion oldida narxlar haqida ma'lumot beruvchi tablolar joylashtirilgan. Shuningdek, maxsus paketlar ham mavjud bo'lishi mumkin."},
{
id: "faq3",
title: "Park yil bo'yi ochiqmi?",
content: "Ha, Magic City ko'ngilochar parki yilning to'rt faslida ham o'z eshiklarini tashrif buyuruvchilar uchun ochiq tutadi. Har bir faslning o'ziga xos jozibasi bor.",
},
id: "faq3", title: "Park yil bo'yi ochiqmi?", content: "Ha, Magic City ko'ngilochar parki yilning to'rt faslida ham o'z eshiklarini tashrif buyuruvchilar uchun ochiq tutadi. Har bir faslning o'ziga xos jozibasi bor."},
{
id: "faq4",
title: "Oziq-ovqat va ichimliklar olib kirish mumkinmi?",
content: "Park hududida turli kafelar, restoranlar va tez ovqatlanish joylari mavjud. Tashqaridan oziq-ovqat va ichimliklar olib kirish qoidalarimizga ko'ra cheklangan bo'lishi mumkin.",
},
id: "faq4", title: "Oziq-ovqat va ichimliklar olib kirish mumkinmi?", content: "Park hududida turli kafelar, restoranlar va tez ovqatlanish joylari mavjud. Tashqaridan oziq-ovqat va ichimliklar olib kirish qoidalarimizga ko'ra cheklangan bo'lishi mumkin."},
{
id: "faq5",
title: "Mashinalar uchun to'xtash joyi bormi?",
content: "Ha, tashrif buyuruvchilar uchun avtoturargoh mavjud. To'xtash joylari narxlari va qoidalari haqida kirishda ma'lumot olishingiz mumkin.",
},
id: "faq5", title: "Mashinalar uchun to'xtash joyi bormi?", content: "Ha, tashrif buyuruvchilar uchun avtoturargoh mavjud. To'xtash joylari narxlari va qoidalari haqida kirishda ma'lumot olishingiz mumkin."},
]}
sideTitle="Tez-tez so'raladigan savollar"
sideDescription="Magic City ga tashrifingizdan oldin bilishingiz kerak bo'lgan ma'lumotlar."
@@ -333,28 +227,17 @@ export default function LandingPage() {
description="Savollaringizga javob berishdan, takliflaringizni tinglashdan xursandmiz. Bizga yozing!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Ismingiz",
required: true,
name: "name", type: "text", placeholder: "Ismingiz", required: true,
},
{
name: "email",
type: "email",
placeholder: "Elektron pochta manzilingiz",
required: true,
name: "email", type: "email", placeholder: "Elektron pochta manzilingiz", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Telefon raqamingiz",
required: false,
name: "phone", type: "tel", placeholder: "Telefon raqamingiz", required: false,
},
]}
textarea={{
name: "message",
placeholder: "Xabaringiz",
rows: 4,
name: "message", placeholder: "Xabaringiz", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916570.jpg"
@@ -370,50 +253,31 @@ export default function LandingPage() {
logoText="Magic City"
columns={[
{
title: "Park",
items: [
title: "Park", items: [
{
label: "Park haqida",
href: "#about",
},
label: "Park haqida", href: "#about"},
{
label: "Attraksionlar",
href: "#features-magic-areas",
},
label: "Attraksionlar", href: "#features-magic-areas"},
{
label: "Ko'ngilochar",
href: "#features-entertainment",
},
label: "Ko'ngilochar", href: "#features-entertainment"},
],
},
{
title: "Ma'lumot",
items: [
title: "Ma'lumot", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Bog'lanish",
href: "#contact",
},
label: "Bog'lanish", href: "#contact"},
],
},
{
title: "Ijtimoiy tarmoqlar",
items: [
title: "Ijtimoiy tarmoqlar", items: [
{
label: "Instagram",
href: "https://www.instagram.com/magiccityuz",
},
label: "Instagram", href: "https://www.instagram.com/magiccityuz"},
{
label: "Telegram",
href: "https://t.me/magiccityuz",
},
label: "Telegram", href: "https://t.me/magiccityuz"},
{
label: "Facebook",
href: "https://www.facebook.com/magiccityuz",
},
label: "Facebook", href: "https://www.facebook.com/magiccityuz"},
],
},
]}