Merge version_1 into main #1
424
src/app/page.tsx
424
src/app/page.tsx
@@ -18,309 +18,149 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Эхлэл",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Бидний тухай",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Үйлчилгээ",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Ажлууд",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Холбоо барих",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Цацрал Констракшн"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Эхлэл", id: "hero" },
|
||||
{ name: "Бидний тухай", id: "about" },
|
||||
{ name: "Үйлчилгээ", id: "features" },
|
||||
{ name: "Ажлууд", id: "portfolio" },
|
||||
{ name: "Холбоо барих", id: "contact" },
|
||||
]}
|
||||
brandName="Цацрал Констракшн"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Чанартай шилэн хийц, цонхны шийдэл"
|
||||
description="Улаанбаатар хотод шил, толь ханган нийлүүлэх, чанартай шилэн хийц, бүх төрлийн шилний худалдаа."
|
||||
tag="Цацрал Констракшн ХХК"
|
||||
buttons={[
|
||||
{
|
||||
text: "Залгах",
|
||||
href: "tel:+97694115797",
|
||||
},
|
||||
{
|
||||
text: "Үнийн санал авах",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7566.jpg",
|
||||
imageAlt: "Glass installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-modern-building-interior-with-white-walls-touching-sky_181624-6738.jpg",
|
||||
imageAlt: "Window solutions",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-reflection-glass-steel-building-facade_1153-3596.jpg",
|
||||
imageAlt: "Street reflection on glass steel building facade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burj-khalifa-tower-this-skyscraper-is-tallest-man-made-structure-world-measuring-828-m-completed-2009_231208-7567.jpg",
|
||||
imageAlt: "Burj Khalifa tower",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-388.jpg",
|
||||
imageAlt: "Close-Up Of Modern Office Buildings",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="1.8K+ сэтгэл ханамжтай харилцагч"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Чанартай шилэн хийц, цонхны шийдэл"
|
||||
description="Улаанбаатар хотод шил, толь ханган нийлүүлэх, чанартай шилэн хийц, бүх төрлийн шилний худалдаа."
|
||||
tag="Цацрал Констракшн ХХК"
|
||||
buttons={[
|
||||
{ text: "Залгах", href: "tel:+97694115797" },
|
||||
{ text: "Үнийн санал авах", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7566.jpg", imageAlt: "Glass installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-modern-building-interior-with-white-walls-touching-sky_181624-6738.jpg", imageAlt: "Window solutions" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="1.8K+ сэтгэл ханамжтай харилцагч"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Бидний тухай"
|
||||
buttons={[
|
||||
{
|
||||
text: "Дэлгэрэнгүй",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Бидний тухай"
|
||||
buttons={[{ text: "Дэлгэрэнгүй", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Цонх суурилуулалт",
|
||||
description: "Бүх төрлийн цонхыг чанартай материал ашиглан суурилуулна.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530877.jpg",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=igctcu",
|
||||
buttonText: "Дэлгэрэнгүй",
|
||||
},
|
||||
{
|
||||
title: "Шилэн хаалт",
|
||||
description: "Оффис болон гэрийн зориулалттай шилэн хаалтуудыг захиалгаар хийнэ.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-building-with-glass-windows-white-atmosphere_181624-8808.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/full-frame-shot-patterned-wall_1359-435.jpg",
|
||||
buttonText: "Дэлгэрэнгүй",
|
||||
},
|
||||
{
|
||||
title: "Толь захиалга",
|
||||
description: "Хүссэн хэмжээгээрээ чанартай толь захиалан хийлгээрэй.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anti-dandruff-products-by-bathroom-sink_23-2149345770.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/frame-collection-with-lineal-style_23-2147825908.jpg",
|
||||
buttonText: "Дэлгэрэнгүй",
|
||||
},
|
||||
]}
|
||||
title="Үйлчилгээнүүд"
|
||||
description="Бид танд мэргэжлийн түвшинд шилэн хийц болон цонхны үйлчилгээ үзүүлж байна."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Цонх суурилуулалт", description: "Бүх төрлийн цонхыг чанартай материал ашиглан суурилуулна.", imageSrc: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530877.jpg", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=igctcu", buttonText: "Дэлгэрэнгүй" },
|
||||
{ title: "Шилэн хаалт", description: "Оффис болон гэрийн зориулалттай шилэн хаалтуудыг захиалгаар хийнэ.", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-building-with-glass-windows-white-atmosphere_181624-8808.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/full-frame-shot-patterned-wall_1359-435.jpg", buttonText: "Дэлгэрэнгүй" },
|
||||
{ title: "Толь захиалга", description: "Хүссэн хэмжээгээрээ чанартай толь захиалан хийлгээрэй.", imageSrc: "http://img.b2bpic.net/free-photo/anti-dandruff-products-by-bathroom-sink_23-2149345770.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/frame-collection-with-lineal-style_23-2147825908.jpg", buttonText: "Дэлгэрэнгүй" }
|
||||
]}
|
||||
title="Үйлчилгээнүүд"
|
||||
description="Бид танд мэргэжлийн түвшинд шилэн хийц болон цонхны үйлчилгээ үзүүлж байна."
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Шилэн фасад",
|
||||
price: "Захиалгаар",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3498.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Оффис хаалт",
|
||||
price: "Захиалгаар",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780696.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Цонхны шил",
|
||||
price: "Захиалгаар",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-562.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Гоёл чимэглэлийн шил",
|
||||
price: "Захиалгаар",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-gray-metal-frames_400718-32.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Шилэн хаалга",
|
||||
price: "Захиалгаар",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior_74190-6673.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Шилэн тавиур",
|
||||
price: "Захиалгаар",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-glass-sculpture-chair_23-2152002513.jpg",
|
||||
},
|
||||
]}
|
||||
title="Бидний ажлууд"
|
||||
description="Бидний хийсэн бүтээлүүд болон шилэн хийцийн жишээнүүд."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Шилэн фасад", price: "Захиалгаар", imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3498.jpg" },
|
||||
{ id: "p2", name: "Оффис хаалт", price: "Захиалгаар", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780696.jpg" },
|
||||
{ id: "p3", name: "Цонхны шил", price: "Захиалгаар", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-562.jpg" },
|
||||
{ id: "p4", name: "Гоёл чимэглэлийн шил", price: "Захиалгаар", imageSrc: "http://img.b2bpic.net/free-photo/blue-gray-metal-frames_400718-32.jpg" },
|
||||
{ id: "p5", name: "Шилэн хаалга", price: "Захиалгаар", imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior_74190-6673.jpg" },
|
||||
{ id: "p6", name: "Шилэн тавиур", price: "Захиалгаар", imageSrc: "http://img.b2bpic.net/free-photo/purple-glass-sculpture-chair_23-2152002513.jpg" }
|
||||
]}
|
||||
title="Бидний ажлууд"
|
||||
description="Бидний хийсэн бүтээлүүд болон шилэн хийцийн жишээнүүд."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Амарсанаа",
|
||||
role: "Үйлчлүүлэгч",
|
||||
testimonial: "Маш чанартай, хурдан хугацаанд цонх суурилуулж өглөө. Баярлалаа.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-pointing-right-smiling-showing-advertisement-white-background_176420-49505.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Бат-Эрдэнэ",
|
||||
role: "Оффисын эзэн",
|
||||
testimonial: "Шилэн хаалт маш сайн хийсэн, манай оффист яг таарсан.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Уянга",
|
||||
role: "Гэрийн эзэгтэй",
|
||||
testimonial: "Үнэхээр сэтгэл ханамжтай байна, үйлчилгээ нь маш хурдан.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-woman_273609-11486.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Мөнх-Оргил",
|
||||
role: "Барилгын гүйцэтгэгч",
|
||||
testimonial: "Цацрал Констракшн бол үнэхээр туршлагатай баг юм.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattoed-male-with-stylish-haircut-beard-gray-t-shirt-standing-leaning-against-brick-wall-room-with-loft-interior_613910-197.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Оюун",
|
||||
role: "Үйлчлүүлэгч",
|
||||
testimonial: "Түргэн шуурхай үйлчилгээ, чанартай бүтээгдэхүүн.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-shirt-mockup_23-2149260955.jpg",
|
||||
},
|
||||
]}
|
||||
title="Харилцагчдын сэтгэгдэл"
|
||||
description="Бидний үйлчилгээг сонгосон үйлчлүүлэгчдийн сэтгэгдэл."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Амарсанаа", role: "Үйлчлүүлэгч", testimonial: "Маш чанартай, хурдан хугацаанд цонх суурилуулж өглөө. Баярлалаа.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-pointing-right-smiling-showing-advertisement-white-background_176420-49505.jpg" },
|
||||
{ id: "t2", name: "Бат-Эрдэнэ", role: "Оффисын эзэн", testimonial: "Шилэн хаалт маш сайн хийсэн, манай оффист яг таарсан.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg" },
|
||||
{ id: "t3", name: "Уянга", role: "Гэрийн эзэгтэй", testimonial: "Үнэхээр сэтгэл ханамжтай байна, үйлчилгээ нь маш хурдан.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-woman_273609-11486.jpg" },
|
||||
{ id: "t4", name: "Мөнх-Оргил", role: "Барилгын гүйцэтгэгч", testimonial: "Цацрал Констракшн бол үнэхээр туршлагатай баг юм.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattoed-male-with-stylish-haircut-beard-gray-t-shirt-standing-leaning-against-brick-wall-room-with-loft-interior_613910-197.jpg" },
|
||||
{ id: "t5", name: "Оюун", role: "Үйлчлүүлэгч", testimonial: "Түргэн шуурхай үйлчилгээ, чанартай бүтээгдэхүүн.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-shirt-mockup_23-2149260955.jpg" }
|
||||
]}
|
||||
title="Харилцагчдын сэтгэгдэл"
|
||||
description="Бидний үйлчилгээг сонгосон үйлчлүүлэгчдийн сэтгэгдэл."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Үнийн санал хэрхэн авах вэ?",
|
||||
content: "Та манай утас эсвэл хаягаар холбогдож үнийн санал авах боломжтой.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ажлын хугацаа хэд вэ?",
|
||||
content: "Бид захиалгын хэмжээнээс хамааран 1-3 хоногт багтаан гүйцэтгэдэг.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Баталгаа олгодог уу?",
|
||||
content: "Тийм ээ, бид бүх хийсэн ажилдаа баталгаа олгодог.",
|
||||
},
|
||||
]}
|
||||
title="Түгээмэл асуултууд"
|
||||
description="Бидний талаар түгээмэл асуудаг асуултууд."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Үнийн санал хэрхэн авах вэ?", content: "Та манай утас эсвэл хаягаар холбогдож үнийн санал авах боломжтой." },
|
||||
{ id: "f2", title: "Ажлын хугацаа хэд вэ?", content: "Бид захиалгын хэмжээнээс хамааран 1-3 хоногт багтаан гүйцэтгэдэг." },
|
||||
{ id: "f3", title: "Баталгаа олгодог уу?", content: "Тийм ээ, бид бүх хийсэн ажилдаа баталгаа олгодог." }
|
||||
]}
|
||||
title="Түгээмэл асуултууд"
|
||||
description="Бидний талаар түгээмэл асуудаг асуултууд."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Одоо залгаад үнэгүй зөвлөгөө аваарай: +97694115797"
|
||||
buttons={[
|
||||
{
|
||||
text: "Залгах",
|
||||
href: "tel:+97694115797",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Одоо залгаад үнэгүй зөвлөгөө аваарай: +97694115797"
|
||||
buttons={[{ text: "Залгах", href: "tel:+97694115797" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Манай хаяг: Ажилчны гудамж, ХУД-ийн 3-р хороо, Улаанбаатар"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Манай хаяг: Ажилчны гудамж, ХУД-ийн 3-р хороо, Улаанбаатар"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Үйлчилгээнүүд",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Ажлууд",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook хуудас",
|
||||
href: "https://www.facebook.com/TsatsralConstructionLLC",
|
||||
},
|
||||
{
|
||||
label: "Утас: +97694115797",
|
||||
href: "tel:+97694115797",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Цацрал Констракшн"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Үйлчилгээнүүд", href: "#features" }, { label: "Ажлууд", href: "#portfolio" }] },
|
||||
{ items: [{ label: "Facebook хуудас", href: "https://www.facebook.com/TsatsralConstructionLLC" }, { label: "Утас: +97694115797", href: "tel:+97694115797" }] }
|
||||
]}
|
||||
logoText="Цацрал Констракшн"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user