From 913fa36f9f2de3d2389325f734bcd7eea878fad6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 04:04:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 424 +++++++++++++++--------------------------------
 1 file changed, 132 insertions(+), 292 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e8ce90f..12c6f8e 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1