Update src/app/page.tsx
This commit is contained in:
266
src/app/page.tsx
266
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user