Update src/app/page.tsx
This commit is contained in:
502
src/app/page.tsx
502
src/app/page.tsx
@@ -17,378 +17,158 @@ import { ShoppingBag, TrendingUp, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Боломжууд",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Дэлгүүрүүд",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Үнэ",
|
||||
id: "pricing",
|
||||
},
|
||||
]}
|
||||
brandName="KHURELY"
|
||||
button={{
|
||||
text: "Үнэгүй эхлэх",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Боломжууд", id: "features" },
|
||||
{ name: "Дэлгүүрүүд", id: "products" },
|
||||
{ name: "Үнэ", id: "pricing" },
|
||||
]}
|
||||
brandName="KHURELY"
|
||||
button={{ text: "Үнэгүй эхлэх" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Өөрийн Дэлгүүрийг Минутын Дотор Байгуул."
|
||||
description="AI хэрэгслүүдийн тусламжтай брэндээ бүтээж, өсгөж, хөгжүүл. Монголын цахим худалдааны ирээдүй."
|
||||
buttons={[
|
||||
{
|
||||
text: "Зарж эхлэх",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Дэлгүүр харах",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-urban-office-used-as-insurance-agency-headquarters-help-people_482257-100071.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg",
|
||||
alt: "Portrait of confident young businesswoman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-hipster-entrepreneur-it-expert-software-developer_74855-3635.jpg",
|
||||
alt: "Positive hipster entrepreneur",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
alt: "Portrait of smiling businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera_74855-9743.jpg",
|
||||
alt: "Confident beautiful young business woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg",
|
||||
alt: "Portrait of smiling female employee",
|
||||
},
|
||||
]}
|
||||
avatarText="10,000+ Монгол бизнес эрхлэгчид"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Өөрийн Дэлгүүрийг Минутын Дотор Байгуул."
|
||||
description="AI хэрэгслүүдийн тусламжтай брэндээ бүтээж, өсгөж, хөгжүүл. Монголын цахим худалдааны ирээдүй."
|
||||
buttons={[{ text: "Зарж эхлэх", href: "#pricing" }, { text: "Дэлгүүр харах", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-urban-office-used-as-insurance-agency-headquarters-help-people_482257-100071.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg", alt: "Portrait of confident young businesswoman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-hipster-entrepreneur-it-expert-software-developer_74855-3635.jpg", alt: "Positive hipster entrepreneur" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg", alt: "Portrait of smiling businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera_74855-9743.jpg", alt: "Confident beautiful young business woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg", alt: "Portrait of smiling female employee" },
|
||||
]}
|
||||
avatarText="10,000+ Монгол бизнес эрхлэгчид"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Онлайнаар зарахад хэрэгтэй бүх зүйл"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout useInvertedBackground={true} title="Онлайнаар зарахад хэрэгтэй бүх зүйл" />
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Гол боломжууд"
|
||||
description="AI дэлгүүр байгуулахаас дэвшилтэт аналитик хүртэл — амжилтад хүрэхэд хэрэгтэй бүгдийг санал болгоно."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AI Дэлгүүр Байгуулагч",
|
||||
content: "AI ухаалаг загвараар дэлгүүрийг минутын дотор зохион байгуул.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Бүтээгдэхүүн Удирдлага",
|
||||
content: "Бүтээгдэхүүний каталогийг хялбархан байршуулж, зохион байгуул.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Аналитик Систем",
|
||||
content: "Орлого, захиалга, үйлчлүүлэгчийн өсөлтийг бодит цаг хугацаанд хяна.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-using-horizontal-greenscreen-smartphone-sitting-desk-freelancer-looking-blank-mockup-background-with-isolated-copyspace-chroma-key-template-telephone-display_482257-47715.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Гол боломжууд"
|
||||
description="AI дэлгүүр байгуулахаас дэвшилтэт аналитик хүртэл — амжилтад хүрэхэд хэрэгтэй бүгдийг санал болгоно."
|
||||
accordionItems={[
|
||||
{ id: "f1", title: "AI Дэлгүүр Байгуулагч", content: "AI ухаалаг загвараар дэлгүүрийг минутын дотор зохион байгуул." },
|
||||
{ id: "f2", title: "Бүтээгдэхүүн Удирдлага", content: "Бүтээгдэхүүний каталогийг хялбархан байршуулж, зохион байгуул." },
|
||||
{ id: "f3", title: "Аналитик Систем", content: "Орлого, захиалга, үйлчлүүлэгчийн өсөлтийг бодит цаг хугацаанд хяна." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-using-horizontal-greenscreen-smartphone-sitting-desk-freelancer-looking-blank-mockup-background-with-isolated-copyspace-chroma-key-template-telephone-display_482257-47715.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "₮1.2M",
|
||||
title: "Орлого",
|
||||
description: "Өнгөрсөн сараас +24.5%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "3,284",
|
||||
title: "Захиалга",
|
||||
description: "Өнгөрсөн сараас +18.2%",
|
||||
icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12,847",
|
||||
title: "Үйлчлүүлэгч",
|
||||
description: "Өнгөрсөн сараас +32.1%",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Таны бизнесийн Хяналтын Самбар"
|
||||
description="Бизнесээ нэг харцаар бүрэн хянах боломж олгодог дэлгэрэнгүй самбар."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "₮1.2M", title: "Орлого", description: "Өнгөрсөн сараас +24.5%", icon: TrendingUp },
|
||||
{ id: "m2", value: "3,284", title: "Захиалга", description: "Өнгөрсөн сараас +18.2%", icon: ShoppingBag },
|
||||
{ id: "m3", value: "12,847", title: "Үйлчлүүлэгч", description: "Өнгөрсөн сараас +32.1%", icon: Users },
|
||||
]}
|
||||
title="Таны бизнесийн Хяналтын Самбар"
|
||||
description="Бизнесээ нэг харцаар бүрэн хянах боломж олгодог дэлгэрэнгүй самбар."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nomad Cashmere",
|
||||
price: "₮24,000/сар",
|
||||
variant: "Загвар & Хувцас",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-suit-working-with-shakers-making-drink-white-wall-male-night-club-dance-drink-bar_140725-121785.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mongolian Tea House",
|
||||
price: "₮18,000/сар",
|
||||
variant: "Хоол & Ундаа",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Steppe Jewelry",
|
||||
price: "₮42,000/сар",
|
||||
variant: "Гоёл чимэглэл",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-looking-jewelry_23-2149536937.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "UB Tech Store",
|
||||
price: "₮67,000/сар",
|
||||
variant: "Электроник",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Fashion",
|
||||
price: "₮15,000/сар",
|
||||
variant: "Загвар",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-grey-suit-smiling-camera-background-stylish-cafe-with-lights_291650-637.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisan Goods",
|
||||
price: "₮12,000/сар",
|
||||
variant: "Гэр ахуй",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-self-made-jug_1098-14307.jpg",
|
||||
},
|
||||
]}
|
||||
title="KHURELY-р байгуулсан дэлгүүрүүд"
|
||||
description="Манай платформд аль хэдийн амжилттай ажиллаж буй олон мянган Монгол бизнес эрхлэгчтэй нэгдээрэй."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Nomad Cashmere", price: "₮24,000/сар", variant: "Загвар & Хувцас", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-suit-working-with-shakers-making-drink-white-wall-male-night-club-dance-drink-bar_140725-121785.jpg" },
|
||||
{ id: "p2", name: "Mongolian Tea House", price: "₮18,000/сар", variant: "Хоол & Ундаа", imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg" },
|
||||
{ id: "p3", name: "Steppe Jewelry", price: "₮42,000/сар", variant: "Гоёл чимэглэл", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-looking-jewelry_23-2149536937.jpg" },
|
||||
{ id: "p4", name: "UB Tech Store", price: "₮67,000/сар", variant: "Электроник", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg" },
|
||||
{ id: "p5", name: "Modern Fashion", price: "₮15,000/сар", variant: "Загвар", imageSrc: "http://img.b2bpic.net/free-photo/lady-grey-suit-smiling-camera-background-stylish-cafe-with-lights_291650-637.jpg" },
|
||||
{ id: "p6", name: "Artisan Goods", price: "₮12,000/сар", variant: "Гэр ахуй", imageSrc: "http://img.b2bpic.net/free-photo/painting-self-made-jug_1098-14307.jpg" },
|
||||
]}
|
||||
title="KHURELY-р байгуулсан дэлгүүрүүд"
|
||||
description="Манай платформд аль хэдийн амжилттай ажиллаж буй олон мянган Монгол бизнес эрхлэгчтэй нэгдээрэй."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Эхлэл багц",
|
||||
price: "₮29,990/сар",
|
||||
features: [
|
||||
"15 бүтээгдэхүүн",
|
||||
"Үндсэн аналитик",
|
||||
"И-мэйл дэмжлэг",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Эхлэх",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Про багц",
|
||||
price: "₮49,990/сар",
|
||||
features: [
|
||||
"35 бүтээгдэхүүн",
|
||||
"Дэвшилтэт аналитик",
|
||||
"AI Chatbot (хязгаартай)",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Эхлэх",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
name: "Бизнес багц",
|
||||
price: "₮99,990/сар",
|
||||
features: [
|
||||
"Хязгааргүй бүтээгдэхүүн",
|
||||
"Хувийн менежер",
|
||||
"AI Chatbot (хязгааргүй)",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Эхлэх",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Үнэ"
|
||||
description="Үнэгүй эхэлж, бизнесийн өсөлттэйгөө хамт өргөж. Нуугдмал хураамжгүй."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "starter", name: "Эхлэл багц", price: "₮29,990/сар", features: ["15 бүтээгдэхүүн", "Үндсэн аналитик", "И-мэйл дэмжлэг"], buttons: [{ text: "Эхлэх" }] },
|
||||
{ id: "pro", name: "Про багц", price: "₮49,990/сар", features: ["35 бүтээгдэхүүн", "Дэвшилтэт аналитик", "AI Chatbot (хязгаартай)"], buttons: [{ text: "Эхлэх" }] },
|
||||
{ id: "business", name: "Бизнес багц", price: "₮99,990/сар", features: ["Хязгааргүй бүтээгдэхүүн", "Хувийн менежер", "AI Chatbot (хязгааргүй)"], buttons: [{ text: "Эхлэх" }] },
|
||||
]}
|
||||
title="Үнэ"
|
||||
description="Үнэгүй эхэлж, бизнесийн өсөлттэйгөө хамт өргөж. Нуугдмал хураамжгүй."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Батаа Д.",
|
||||
handle: "Nomad Cashmere",
|
||||
testimonial: "Khurely-ийн тусламжтай дэлгүүрээ хурдан нээж, орлогоо нэмэгдүүлсэн.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman_23-2149007441.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ану Т.",
|
||||
handle: "Fashion Store",
|
||||
testimonial: "AI хэрэгслүүд нь миний ажлыг маш хөнгөвчилж байна.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/i-m-waiting-delivery-fresh-ingredients_329181-2910.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Болд Б.",
|
||||
handle: "Tech Store",
|
||||
testimonial: "Хяналтын самбар нь бизнесийн шийдвэр гаргахад маш хэрэгтэй.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Сарнай О.",
|
||||
handle: "Artisan Shop",
|
||||
testimonial: "Хэрэглэхэд маш хялбар бөгөөд ойлгомжтой платформ.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wearing-trench-coat_23-2149729303.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Тэмүүжин Г.",
|
||||
handle: "Jewelry Design",
|
||||
testimonial: "Худалдан авагчид маань дэлгүүрийг маань маш их сонирхдог болсон.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Үйлчлүүлэгчдийн сэтгэгдэл"
|
||||
description="Бидний үйлчилгээг ашиглаж буй бизнес эрхлэгчид."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Батаа Д.", handle: "Nomad Cashmere", testimonial: "Khurely-ийн тусламжтай дэлгүүрээ хурдан нээж, орлогоо нэмэгдүүлсэн.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman_23-2149007441.jpg" },
|
||||
{ id: "t2", name: "Ану Т.", handle: "Fashion Store", testimonial: "AI хэрэгслүүд нь миний ажлыг маш хөнгөвчилж байна.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/i-m-waiting-delivery-fresh-ingredients_329181-2910.jpg" },
|
||||
{ id: "t3", name: "Болд Б.", handle: "Tech Store", testimonial: "Хяналтын самбар нь бизнесийн шийдвэр гаргахад маш хэрэгтэй.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg" },
|
||||
{ id: "t4", name: "Сарнай О.", handle: "Artisan Shop", testimonial: "Хэрэглэхэд маш хялбар бөгөөд ойлгомжтой платформ.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wearing-trench-coat_23-2149729303.jpg" },
|
||||
{ id: "t5", name: "Тэмүүжин Г.", handle: "Jewelry Design", testimonial: "Худалдан авагчид маань дэлгүүрийг маань маш их сонирхдог болсон.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Үйлчлүүлэгчдийн сэтгэгдэл"
|
||||
description="Бидний үйлчилгээг ашиглаж буй бизнес эрхлэгчид."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Холбоо барих"
|
||||
description="Танд асуух зүйл байна уу? Бид танд туслахад бэлэн байна."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Нэр",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Имэйл",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-near-stationery-supermarket-basket_23-2147958115.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Холбоо барих"
|
||||
description="Танд асуух зүйл байна уу? Бид танд туслахад бэлэн байна."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Нэр", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Имэйл", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-near-stationery-supermarket-basket_23-2147958115.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Бүтээгдэхүүн",
|
||||
items: [
|
||||
{
|
||||
label: "Боломжууд",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Үнэ",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Компани",
|
||||
items: [
|
||||
{
|
||||
label: "Бидний тухай",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Блог",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Хуулийн",
|
||||
items: [
|
||||
{
|
||||
label: "Нууцлалын бодлого",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Үйлчилгээний нөхцөл",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2026 KHURELY. Бүх эрх хуулиар хамгаалагдсан."
|
||||
bottomRightText="Монголд бүтээгдсэн."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Бүтээгдэхүүн", items: [{ label: "Боломжууд", href: "#features" }, { label: "Үнэ", href: "#pricing" }] },
|
||||
{ title: "Компани", items: [{ label: "Бидний тухай", href: "#" }, { label: "Блог", href: "#" }] },
|
||||
{ title: "Хуулийн", items: [{ label: "Нууцлалын бодлого", href: "#" }, { label: "Үйлчилгээний нөхцөл", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2026 KHURELY. Бүх эрх хуулиар хамгаалагдсан."
|
||||
bottomRightText="Монголд бүтээгдсэн."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user