From f63bd396273a678f90489e4ecee5491a47ee43c9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 16 May 2026 22:49:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 266 +++++++++--------------------------------------
 1 file changed, 48 insertions(+), 218 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e425b01..13fa153 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="EKlontong"
     />
@@ -55,39 +43,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="EKlontong: Discover Trending Finds, Instantly"
       description="Shop curated collections with immersive animations that bring products to life. Every scroll tells a story."
       tag="Trending Deals"
-      buttons={[
-        {
-          text: "Explore Now",
-          href: "#products",
-        },
-      ]}
+      buttons={[{ text: "Explore Now", href: "#products" }]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-rd-company-specialist-office-building-solar-powered-prototype_482257-130204.jpg",
-          imageAlt: "digital pos system tablet modern",
+          imageSrc: "http://img.b2bpic.net/free-photo/manager-rd-company-specialist-office-building-solar-powered-prototype_482257-130204.jpg",          imageAlt: "digital pos system tablet modern"
         },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164774.jpg",
-          imageAlt: "modern pos system counter",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-restaurant_23-2150384790.jpg",
-          imageAlt: "Medium shot woman in restaurant",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-man-using-tablet-coffee-shop-table_1423-33.jpg",
-          imageAlt: "close up hand man using tablet at the coffee shop on table",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smart-device-displaying-mockup-template_482257-81474.jpg",
-          imageAlt: "Smart device displaying mockup template",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164774.jpg",          imageAlt: "modern pos system counter"
+        }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -114,26 +81,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Kasir Pintar",
-          description: "Seamless POS transaction management.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-employee-using-tablet_23-2147717390.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-vector/cash-machines-elements-set-flat-style_1284-47723.jpg",
-          buttonText: "Learn More",
+          title: "Kasir Pintar",          description: "Seamless POS transaction management.",          imageSrc: "http://img.b2bpic.net/free-photo/crop-employee-using-tablet_23-2147717390.jpg",          titleImageSrc: "http://img.b2bpic.net/free-vector/cash-machines-elements-set-flat-style_1284-47723.jpg",          buttonText: "Learn More"
         },
         {
-          title: "Stock Real-Time",
-          description: "Manage inventory with live tracking.",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg",
-          buttonText: "Learn More",
+          title: "Stock Real-Time",          description: "Manage inventory with live tracking.",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg",          buttonText: "Learn More"
         },
         {
-          title: "Laporan Otomatis",
-          description: "Get detailed reports in seconds.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/handicapped-invalid-man-employee-sitting-immobilized-wheelchair-working-notepad-computer-same-time-analysing-financial-graphs-pc-showing-data-prosessing-project-regarding-economy_482257-30902.jpg",
-          buttonText: "Learn More",
-        },
+          title: "Laporan Otomatis",          description: "Get detailed reports in seconds.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/handicapped-invalid-man-employee-sitting-immobilized-wheelchair-working-notepad-computer-same-time-analysing-financial-graphs-pc-showing-data-prosessing-project-regarding-economy_482257-30902.jpg",          buttonText: "Learn More"
+        }
       ]}
       title="Why Choose EKlontong?"
       description="All-in-one tools designed to make your daily shop operations effortless."
@@ -148,47 +103,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Retail Tablet",
-          price: "$299",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-baker-shop-with-tablet-taking-online-orders_23-2150379586.jpg",
+          id: "p1",          name: "Retail Tablet",          price: "$299",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/female-baker-shop-with-tablet-taking-online-orders_23-2150379586.jpg"
         },
         {
-          id: "p2",
-          name: "Thermal Printer",
-          price: "$129",
-          variant: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-receipt_23-2149149730.jpg",
+          id: "p2",          name: "Thermal Printer",          price: "$129",          variant: "Standard",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-receipt_23-2149149730.jpg"
         },
         {
-          id: "p3",
-          name: "Complete Bundle",
-          price: "$449",
-          variant: "Best Value",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-buyer-selecting-clothes-board_482257-84189.jpg",
-        },
-        {
-          id: "p4",
-          name: "Card Terminal",
-          price: "$199",
-          variant: "Professional",
-          imageSrc: "http://img.b2bpic.net/free-photo/cashier-operating-payment-process-pushing-buttons-pos-terminal-while-customer-holding-smartphone-cropped-shot-closeup-hands-shopping-purchase-concept_74855-11553.jpg",
-        },
-        {
-          id: "p5",
-          name: "Barcode Scanner",
-          price: "$89",
-          variant: "Ergonomic",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-scanning-stock-from-storehouse-shelves-working-with-scanner-inventory-check-logistics-supplies-female-employee-using-tablet-scan-bar-code-merchandise-handheld-shot_482257-62660.jpg",
-        },
-        {
-          id: "p6",
-          name: "Counter Tray",
-          price: "$49",
-          variant: "Essential",
-          imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-cleaning-up-coffee-shop_23-2149458144.jpg",
-        },
+          id: "p3",          name: "Complete Bundle",          price: "$449",          variant: "Best Value",          imageSrc: "http://img.b2bpic.net/free-photo/woman-buyer-selecting-clothes-board_482257-84189.jpg"
+        }
       ]}
       title="Our Solutions"
       description="Choose the right hardware or service for your shop's growth."
@@ -202,21 +124,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "10K+",
-          description: "Active Shops",
-        },
-        {
-          id: "m2",
-          value: "5M+",
-          description: "Transactions",
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          description: "Uptime",
-        },
+        { id: "m1", value: "10K+", description: "Active Shops" },
+        { id: "m2", value: "5M+", description: "Transactions" },
+        { id: "m3", value: "99.9%", description: "Uptime" }
       ]}
       title="Our Impact"
       description="Numbers that define our growth and success with local shops."
@@ -230,67 +140,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-paying-with-credit-card-cafe_637285-8126.jpg",
+          id: "t1",          name: "Sarah Johnson",          role: "CEO",          company: "TechCorp",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-paying-with-credit-card-cafe_637285-8126.jpg"
         },
         {
-          id: "t2",
-          name: "Michael Chen",
-          role: "CTO",
-          company: "InnovateLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner-with-apron_23-2149434515.jpg",
+          id: "t2",          name: "Michael Chen",          role: "CTO",          company: "InnovateLab",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner-with-apron_23-2149434515.jpg"
         },
         {
-          id: "t3",
-          name: "Emily Rodriguez",
-          role: "Marketing Director",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-making-coffee_23-2149434523.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Kim",
-          role: "Product Manager",
-          company: "StartupXYZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-man-working-desktop-pc_482257-121862.jpg",
-        },
-        {
-          id: "t5",
-          name: "Jessica Lee",
-          role: "Owner",
-          company: "LocalBoutique",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-female-working-office-lady-white-blouse_1157-41621.jpg",
-        },
-        {
-          id: "t6",
-          name: "Mark Wilson",
-          role: "Manager",
-          company: "ExpressMarket",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-foot-wear-mens-store_1303-31015.jpg",
-        },
+          id: "t3",          name: "Emily Rodriguez",          role: "Marketing Director",          company: "GrowthCo",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-making-coffee_23-2149434523.jpg"
+        }
       ]}
       kpiItems={[
-        {
-          value: "5.0",
-          label: "Avg Rating",
-        },
-        {
-          value: "100+",
-          label: "Cities Served",
-        },
-        {
-          value: "24/7",
-          label: "Customer Support",
-        },
+        { value: "5.0", label: "Avg Rating" },
+        { value: "100+", label: "Cities Served" },
+        { value: "24/7", label: "Customer Support" }
       ]}
       title="What Shop Owners Say"
       description="Stories from partners who have digitized their business with EKlontong."
@@ -302,21 +167,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "How do I start?",
-          content: "Sign up and configure your POS within minutes.",
-        },
-        {
-          id: "f2",
-          title: "Is support available?",
-          content: "Yes, our priority support is available 24/7.",
-        },
-        {
-          id: "f3",
-          title: "Can I use own hardware?",
-          content: "Yes, we support most major POS hardware brands.",
-        },
+        { id: "f1", title: "How do I start?", content: "Sign up and configure your POS within minutes." },
+        { id: "f2", title: "Is support available?", content: "Yes, our priority support is available 24/7." },
+        { id: "f3", title: "Can I use own hardware?", content: "Yes, we support most major POS hardware brands." }
       ]}
       title="Frequently Asked Questions"
       description="Common queries answered for our valued partners."
@@ -327,9 +180,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Get Started"
       title="Ready to Digitize Your Shop?"
       description="Join thousands of merchants who trust EKlontong. Get started today."
@@ -342,48 +193,27 @@ export default function LandingPage() {
       logoText="EKlontong"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Careers", href: "#" }
+          ]
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
+          title: "Support",          items: [
+            { label: "Help Center", href: "#" },
+            { label: "Contact", href: "#contact" }
+          ]
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" }
+          ]
+        }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file