bender/72010bd6-431f-41d2-b7bd-3e6d7f219a6c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-17 12:49:19 +00:00
parent df6f898595 2280c61dc4
commit f391d24e45
1 changed files with 37 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
src/app/page.tsx
View File

@@ -30,101 +30,45 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "INTRO",
id: "hero",
},
{
name: "LEGO",
id: "lego",
},
{
name: "ХИВС",
id: "decor",
},
{
name: "ТАВИУР",
id: "furniture",
},
{ name: "INTRO", id: "hero" },
{ name: "LEGO", id: "lego" },
{ name: "ХИВС", id: "decor" },
{ name: "ТАВИУР", id: "furniture" },
]}
brandName="M&I"
button={{ text: "SHOP NOW", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="M&I ONLINE"
description="Your ultimate destination for curated toys and premium home decor. Experience the ocean."
kpis={[
{
value: "2025",
label: "YEAR",
},
{
value: "100+",
label: "PRODUCTS",
},
{
value: "MONGOLIA",
label: "HQ",
},
{ value: "2025", label: "YEAR" },
{ value: "100+", label: "PRODUCTS" },
{ value: "MONGOLIA", label: "HQ" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "SHOP NOW",
href: "#products",
},
]}
buttons={[{ text: "SHOP NOW", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/view-archeological-underwater-building-ruins_23-2150886906.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/user-profile-icon-left-side_187299-44963.jpg",
alt: "User Profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197841.jpg",
alt: "User Profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-snapchat-icon_23-2147849430.jpg",
alt: "User Profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-man-thumbs-up-new-innovation_140725-34753.jpg",
alt: "User Profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722559.jpg",
alt: "User Profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/user-profile-icon-left-side_187299-44963.jpg", alt: "User Profile 1" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197841.jpg", alt: "User Profile 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-snapchat-icon_23-2147849430.jpg", alt: "User Profile 3" },
{ src: "http://img.b2bpic.net/free-photo/front-view-young-man-thumbs-up-new-innovation_140725-34753.jpg", alt: "User Profile 4" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722559.jpg", alt: "User Profile 5" },
]}
avatarText="Trusted by 500+ collectors"
marqueeItems={[
{
type: "text",
text: "DEEP OCEAN AESTHETICS",
},
{
type: "text",
text: "PREMIUM QUALITY",
},
{
type: "text",
text: "FAST DELIVERY",
},
{
type: "text",
text: "MONGOLIA WIDE",
},
{
type: "text",
text: "24/7 SUPPORT",
},
{ type: "text", text: "DEEP OCEAN AESTHETICS" },
{ type: "text", text: "PREMIUM QUALITY" },
{ type: "text", text: "FAST DELIVERY" },
{ type: "text", text: "MONGOLIA WIDE" },
{ type: "text", text: "24/7 SUPPORT" },
]}
/>
</div>
@@ -135,45 +79,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "LEGO",
name: "City Police",
price: "99,000 ₮",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-gummy-bears_23-2149870782.jpg",
},
{
id: "p2",
brand: "LEGO",
name: "Star Wars X-Wing",
price: "299,000 ₮",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5445.jpg",
},
{
id: "p3",
brand: "LEGO",
name: "Technic Truck",
price: "399,000 ₮",
rating: 4,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-kid-with-toys-floor_23-2149311331.jpg",
},
{
id: "p4",
brand: "LEGO",
name: "Creator Tree",
price: "149,000 ₮",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-surprising-by-his-robotic-innovation_140725-34744.jpg",
},
]}
title="LEGO SETS"
description="Top-tier LEGO collections for all ages."
products={[
{ id: "p1", brand: "LEGO", name: "City Police", price: "99,000 ₮", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-gummy-bears_23-2149870782.jpg" },
{ id: "p2", brand: "LEGO", name: "Star Wars X-Wing", price: "299,000 ₮", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5445.jpg" },
{ id: "p3", brand: "LEGO", name: "Technic Truck", price: "399,000 ₮", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-kid-with-toys-floor_23-2149311331.jpg" },
{ id: "p4", brand: "LEGO", name: "Creator Tree", price: "149,000 ₮", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-surprising-by-his-robotic-innovation_140725-34744.jpg" },
]}
/>
</div>
@@ -184,21 +97,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Traditional Rug",
description: "Beautiful handcrafted Mongolian rugs.",
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-home-arrangement_23-2149135745.jpg",
},
{
title: "Velvet Pillows",
description: "Comfort meets style in your living room.",
imageSrc: "http://img.b2bpic.net/free-vector/geometric-pattern-design_1175-153.jpg",
},
{
title: "Floor Decor",
description: "Unique accents for modern spaces.",
imageSrc: "http://img.b2bpic.net/free-photo/pampas-grass-arrangement-modern-interior_23-2152007067.jpg",
},
{ title: "Traditional Rug", description: "Beautiful handcrafted Mongolian rugs.", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-home-arrangement_23-2149135745.jpg" },
{ title: "Velvet Pillows", description: "Comfort meets style in your living room.", imageSrc: "http://img.b2bpic.net/free-vector/geometric-pattern-design_1175-153.jpg" },
{ title: "Floor Decor", description: "Unique accents for modern spaces.", imageSrc: "http://img.b2bpic.net/free-photo/pampas-grass-arrangement-modern-interior_23-2152007067.jpg" },
]}
title="ХИВС & ДЭР"
description="Premium home decor inspired by the elements."
@@ -207,158 +108,17 @@ export default function LandingPage() {
<div id="furniture" data-section="furniture">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "f1",
brand: "M&I Home",
name: "Designer Sofa",
price: "1,299,000 ₮",
rating: 5,
reviewCount: "2",
imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361914.jpg",
},
{
id: "f2",
brand: "M&I Home",
name: "Minimalist Shelf",
price: "450,000 ₮",
rating: 4,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/modern-sliding-drawers-with-stone-cladding-exquisite-furniture-design-living-room_169016-72774.jpg",
},
]}
title="ТАВИУР & БУЙДАН"
description="Design-focused furniture for your home."
/>
</div>
<div id="music" data-section="music">
<BlogCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="INSTAGRAM FEED & VIBES"
blogs={[
{
id: "m1",
category: "VIBE",
title: "Drake - Time Flies",
excerpt: "Listen now.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197938.jpg",
authorName: "M&I",
authorAvatar: "http://img.b2bpic.net/free-vector/triangle-gradient-logo-colorful_361591-1607.jpg",
date: "2025",
},
{
id: "m2",
category: "VIBE",
title: "Travis Scott - Highest",
excerpt: "Listen now.",
imageSrc: "http://img.b2bpic.net/free-photo/trophy-covered-neon-lights_53876-33910.jpg",
authorName: "M&I",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-pointing-twitter-icon_23-2147849586.jpg",
date: "2025",
},
{
id: "m3",
category: "VIBE",
title: "Lil Tecca - Ransom",
excerpt: "Listen now.",
imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005088.jpg",
authorName: "M&I",
authorAvatar: "http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-8044.jpg",
date: "2025",
},
products={[
{ id: "f1", brand: "M&I Home", name: "Designer Sofa", price: "1,299,000 ₮", rating: 5, reviewCount: "2", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361914.jpg" },
{ id: "f2", brand: "M&I Home", name: "Minimalist Shelf", price: "450,000 ₮", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/modern-sliding-drawers-with-stone-cladding-exquisite-furniture-design-living-room_169016-72774.jpg" },
{ id: "f3", brand: "M&I Home", name: "Wooden Table", price: "650,000 ₮", rating: 5, reviewCount: "4", imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-artificial-flowers-vase-home-decor-items-wooden-light-table_169016-3979.jpg" }
]}
description="Curated tracks and social vibes."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1200",
title: "Orders fulfilled",
items: [
"Toys",
"Home Decor",
"Furniture",
],
},
{
id: "m2",
value: "500",
title: "Happy Clients",
items: [
"Returns",
"Reviews",
"Loyal",
],
},
{
id: "m3",
value: "99%",
title: "Satisfaction",
items: [
"Quality",
"Speed",
"Service",
],
},
]}
title="OUR SUCCESS"
description="Driven by excellence and customer loyalty."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Төлбөр",
content: "Бид бэлэн мөнгө болон банкны шилжүүлгээр төлбөр авдаг.",
},
{
id: "2",
title: "Хүргэлт",
content: "Хүргэлт 24 цагийн дотор явагддаг.",
},
{
id: "3",
title: "Буцаалт",
content: "Барааг 14 хоногийн дотор буцаах боломжтой.",
},
]}
title="Түгээмэл асуултууд"
faqsAnimation="slide-up"
description="Бидний үйлчилгээний талаарх мэдээлэл."
imageSrc="http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-archeological-building-ruins_23-2151571652.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="CONTACT"
title="Холбоо барих"
description="Бидэнтэй холбогдохын тулд имэйлээ үлдээнэ үү."
mediaAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/women-looking-man-drawing-whatsup-graph-flipchart_23-2147847459.jpg"
/>
</div>
@@ -366,30 +126,10 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Дэлгүүр",
items: [
{
label: "Lego",
href: "#lego",
},
{
label: "Хивс",
href: "#decor",
},
],
title: "Дэлгүүр", items: [{ label: "Lego", href: "#lego" }, { label: "Хивс", href: "#decor" }],
},
{
title: "Холбоос",
items: [
{
label: "Нүүр",
href: "#hero",
},
{
label: "Холбоо барих",
href: "#contact",
},
],
title: "Холбоос", items: [{ label: "Нүүр", href: "#hero" }, { label: "Холбоо барих", href: "#contact" }],
},
]}
logoText="M&I"