Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
371
src/app/page.tsx
371
src/app/page.tsx
@@ -29,245 +29,156 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Safety", id: "metrics"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Assembly Point Lhokseumawe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Assembly Point Lhokseumawe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Your Trusted Assembly Point in Lhokseumawe"
|
||||
description="Providing standardized, secure, and accessible assembly solutions for industrial and public safety requirements."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7", label: "Security Access"},
|
||||
{
|
||||
value: "100+", label: "Safety Standards"},
|
||||
{
|
||||
value: "5+", label: "Facility Zones"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/emergency-exit-sign_1232-924.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/green-emergency-exit-sign-ceiling_53876-123089.jpg", alt: "Green emergency exit sign on the ceiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/exit-sign-with-siren-light_35913-3106.jpg", alt: "Exit Sign with siren light"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/security-guards-workspace_23-2150321675.jpg", alt: "Security guards at workspace"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/subway-door-closeup_23-2148242233.jpg", alt: "Subway door closeup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-neon-vests_23-2149426473.jpg", alt: "Medium shot men with neon vests"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ safety professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "ISO Certified", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "24/7 Monitoring", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Rapid Deployment", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Expert Staff", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Global Standards", icon: Globe,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
title="Your Trusted Assembly Point in Lhokseumawe"
|
||||
description="Providing standardized, secure, and accessible assembly solutions for industrial and public safety requirements."
|
||||
kpis={[
|
||||
{ value: "24/7", label: "Security Access" },
|
||||
{ value: "100+", label: "Safety Standards" },
|
||||
{ value: "5+", label: "Facility Zones" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/emergency-exit-sign_1232-924.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/green-emergency-exit-sign-ceiling_53876-123089.jpg", alt: "Green emergency exit sign on the ceiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/exit-sign-with-siren-light_35913-3106.jpg", alt: "Exit Sign with siren light" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/security-guards-workspace_23-2150321675.jpg", alt: "Security guards at workspace" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/subway-door-closeup_23-2148242233.jpg", alt: "Subway door closeup" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-neon-vests_23-2149426473.jpg", alt: "Medium shot men with neon vests" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ safety professionals"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "ISO Certified", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "24/7 Monitoring", icon: Shield },
|
||||
{ type: "text-icon", text: "Rapid Deployment", icon: Zap },
|
||||
{ type: "text-icon", text: "Expert Staff", icon: Users },
|
||||
{ type: "text-icon", text: "Global Standards", icon: Globe }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Commitment to Facility Safety"
|
||||
metrics={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Compliance Rate", value: "99.9%"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Response Time", value: "< 5 min"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Staff Trained", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Commitment to Facility Safety"
|
||||
metrics={[
|
||||
{ icon: ShieldCheck, label: "Compliance Rate", value: "99.9%" },
|
||||
{ icon: Clock, label: "Response Time", value: "< 5 min" },
|
||||
{ icon: Users, label: "Staff Trained", value: "500+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Response", description: "Rapid response coordination hub.", bentoComponent: {
|
||||
bentoComponent: "reveal-icon", icon: Siren,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-people-discussing-plan-factory_1303-30624.jpg", imageAlt: "professional safety management team"},
|
||||
{
|
||||
title: "Secure Logistics", description: "Managed facility entrance zones.", bentoComponent: {
|
||||
bentoComponent: "reveal-icon", icon: Lock,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emergency-exit-sign_1232-924.jpg", imageAlt: "professional safety management team"},
|
||||
{
|
||||
title: "Monitoring System", description: "Continuous safety oversight.", bentoComponent: {
|
||||
bentoComponent: "reveal-icon", icon: Monitor,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148902559.jpg", imageAlt: "professional safety management team"},
|
||||
]}
|
||||
title="Facility Capabilities"
|
||||
description="Comprehensive safety infrastructure designed for reliability and efficiency."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Emergency Response", description: "Rapid response coordination hub.", bentoComponent: { bentoComponent: "reveal-icon", icon: Siren }, imageSrc: "http://img.b2bpic.net/free-photo/three-people-discussing-plan-factory_1303-30624.jpg", imageAlt: "professional safety management team" },
|
||||
{ title: "Secure Logistics", description: "Managed facility entrance zones.", bentoComponent: { bentoComponent: "reveal-icon", icon: Lock }, imageSrc: "http://img.b2bpic.net/free-photo/emergency-exit-sign_1232-924.jpg", imageAlt: "professional safety management team" },
|
||||
{ title: "Monitoring System", description: "Continuous safety oversight.", bentoComponent: { bentoComponent: "reveal-icon", icon: Monitor }, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148902559.jpg", imageAlt: "professional safety management team" }
|
||||
]}
|
||||
title="Facility Capabilities"
|
||||
description="Comprehensive safety infrastructure designed for reliability and efficiency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Safety Signage", price: "IDR 150k", imageSrc: "http://img.b2bpic.net/free-photo/scratched-grunge-metal-background-with-metallic-plate_1048-10940.jpg"},
|
||||
{
|
||||
id: "p2", name: "First Aid Station", price: "IDR 850k", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-first-aid-kit-with-pills-thermometer-spray-pills-bandage-cyan-blue-background-horizontal_176474-1711.jpg"},
|
||||
{
|
||||
id: "p3", name: "Safety Marker Cones", price: "IDR 120k", imageSrc: "http://img.b2bpic.net/free-photo/warning-signs-roadworks-highway-lighting_169016-68717.jpg"},
|
||||
{
|
||||
id: "p4", name: "Fire Equipment", price: "IDR 1.2M", imageSrc: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128427.jpg"},
|
||||
{
|
||||
id: "p5", name: "Megaphones", price: "IDR 450k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-engineer-table-working_1150-10718.jpg"},
|
||||
{
|
||||
id: "p6", name: "Safety Helmets", price: "IDR 200k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-pattern-from-set-construction-tools-as-safety-glasses-safety-helmet-putty-knife-gloves-gray-background_141793-14254.jpg"},
|
||||
]}
|
||||
title="Essential Safety Equipment"
|
||||
description="Standardized safety tools for secure facility management."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Safety Signage", price: "IDR 150k", imageSrc: "http://img.b2bpic.net/free-photo/scratched-grunge-metal-background-with-metallic-plate_1048-10940.jpg" },
|
||||
{ id: "p2", name: "First Aid Station", price: "IDR 850k", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-first-aid-kit-with-pills-thermometer-spray-pills-bandage-cyan-blue-background-horizontal_176474-1711.jpg" },
|
||||
{ id: "p3", name: "Safety Marker Cones", price: "IDR 120k", imageSrc: "http://img.b2bpic.net/free-photo/warning-signs-roadworks-highway-lighting_169016-68717.jpg" }
|
||||
]}
|
||||
title="Essential Safety Equipment"
|
||||
description="Standardized safety tools for secure facility management."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Zap,
|
||||
title: "Safety Drills", value: "12"},
|
||||
{
|
||||
id: "m2", icon: Award,
|
||||
title: "Certifications", value: "8"},
|
||||
{
|
||||
id: "m3", icon: ThumbsUp,
|
||||
title: "Satisfied Clients", value: "250+"},
|
||||
]}
|
||||
title="Facility Safety KPIs"
|
||||
description="Data-driven performance metrics for our assembly points."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Zap, title: "Safety Drills", value: "12" },
|
||||
{ id: "m2", icon: Award, title: "Certifications", value: "8" },
|
||||
{ id: "m3", icon: ThumbsUp, title: "Satisfied Clients", value: "250+" }
|
||||
]}
|
||||
title="Facility Safety KPIs"
|
||||
description="Data-driven performance metrics for our assembly points."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Budi Santoso", role: "Director", company: "Lhok Indah", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-standing-beside-heavy-machinery-warehouse-facility-wearing-safety-glasses_482257-135639.jpg"},
|
||||
{
|
||||
id: "t2", name: "Siti Aminah", role: "Safety Manager", company: "Aceh Logistix", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-checklist_1153-1115.jpg"},
|
||||
{
|
||||
id: "t3", name: "Andi Wijaya", role: "Operations Head", company: "IndoSafety", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-architecture-with-prints_23-2147768402.jpg"},
|
||||
{
|
||||
id: "t4", name: "Rina Putri", role: "Consultant", company: "Global Safety", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-using-machinery-juice-factory_107420-96040.jpg"},
|
||||
{
|
||||
id: "t5", name: "Dedi Kurniawan", role: "Facility Supervisor", company: "Aceh Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-volunters-working-together_23-2149196103.jpg"},
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Hear from the professionals who rely on our safety infrastructure."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Budi Santoso", role: "Director", company: "Lhok Indah", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-standing-beside-heavy-machinery-warehouse-facility-wearing-safety-glasses_482257-135639.jpg" },
|
||||
{ id: "t2", name: "Siti Aminah", role: "Safety Manager", company: "Aceh Logistix", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-checklist_1153-1115.jpg" },
|
||||
{ id: "t3", name: "Andi Wijaya", role: "Operations Head", company: "IndoSafety", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-architecture-with-prints_23-2147768402.jpg" }
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Hear from the professionals who rely on our safety infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How to register?", content: "Contact our administration office for onboarding."},
|
||||
{
|
||||
id: "f2", title: "Are there equipment rentals?", content: "Yes, we provide standard safety equipment on site."},
|
||||
{
|
||||
id: "f3", title: "Is the area monitored?", content: "Our premises are under 24/7 surveillance."},
|
||||
]}
|
||||
sideTitle="Safety FAQ"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How to register?", content: "Contact our administration office for onboarding." },
|
||||
{ id: "f2", title: "Are there equipment rentals?", content: "Yes, we provide standard safety equipment on site." },
|
||||
{ id: "f3", title: "Is the area monitored?", content: "Our premises are under 24/7 surveillance." }
|
||||
]}
|
||||
sideTitle="Safety FAQ"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Need assistance or have specific safety protocol questions? Contact us today for reliable support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:+62645123456"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Need assistance or have specific safety protocol questions? Contact us today for reliable support."
|
||||
buttons={[{ text: "Call Now", href: "tel:+62645123456" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Assembly Point Lhokseumawe"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Safety Policy", href: "#"},
|
||||
{
|
||||
label: "Facility Map", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Assembly Point Lhokseumawe"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Safety Policy", href: "#" }, { label: "Facility Map", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user