Merge version_1 into main #2
201
src/app/page.tsx
201
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Applied Meters"
|
||||
/>
|
||||
@@ -56,42 +48,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision in Every Measure"
|
||||
description="Leading industrial metering solutions for modern infrastructure. Precision, reliability, and innovation in every component."
|
||||
tag="Advanced Engineering"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Products", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-plant-manager-operating-industrial-machine-pushing-buttons-control-panel_74855-16377.jpg?_wi=1",
|
||||
imageAlt: "Industrial flow meter",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-plant-manager-operating-industrial-machine-pushing-buttons-control-panel_74855-16377.jpg", imageAlt: "Industrial flow meter"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-train-system-passenger-information-display-screen_23-2148954808.jpg?_wi=1",
|
||||
imageAlt: "Digital metering display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-train-system-passenger-information-display-screen_23-2148954808.jpg", imageAlt: "Digital metering display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-photovoltaics-factory-using-tracking-software-laptop_482257-117895.jpg",
|
||||
imageAlt: "Internal precision mechanism",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-photovoltaics-factory-using-tracking-software-laptop_482257-117895.jpg", imageAlt: "Internal precision mechanism"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-technology-background-network-communications-sound-waves_1048-13254.jpg",
|
||||
imageAlt: "Data connectivity flow",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-technology-background-network-communications-sound-waves_1048-13254.jpg", imageAlt: "Data connectivity flow"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545645.jpg",
|
||||
imageAlt: "Industrial valve component",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545645.jpg", imageAlt: "Industrial valve component"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105493.jpg",
|
||||
imageAlt: "Measurement circuits",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105493.jpg", imageAlt: "Measurement circuits"},
|
||||
]}
|
||||
tagIcon={Zap}
|
||||
/>
|
||||
@@ -119,28 +96,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Sensors",
|
||||
description: "High-fidelity data collection for critical operations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-it-specialist-monitoring-ai-llm-visualization-output_482257-130516.jpg",
|
||||
imageAlt: "industrial sensor technology",
|
||||
title: "Precision Sensors", description: "High-fidelity data collection for critical operations.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Real-time Analytics",
|
||||
description: "Monitor performance instantly with our integrated dashboards.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-plant-manager-operating-industrial-machine-pushing-buttons-control-panel_74855-16377.jpg?_wi=2",
|
||||
imageAlt: "industrial sensor technology",
|
||||
title: "Real-time Analytics", description: "Monitor performance instantly with our integrated dashboards.", bentoComponent: "reveal-icon", icon: BarChart
|
||||
},
|
||||
{
|
||||
title: "Durable Construction",
|
||||
description: "Built to withstand extreme industrial conditions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-train-system-passenger-information-display-screen_23-2148954808.jpg?_wi=2",
|
||||
imageAlt: "industrial sensor technology",
|
||||
title: "Durable Construction", description: "Built to withstand extreme industrial conditions.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Performance"
|
||||
@@ -157,47 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Industrial Flow Meter",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-143.jpg",
|
||||
imageAlt: "Professional ruby-finish industrial flow meter",
|
||||
},
|
||||
id: "p1", name: "Industrial Flow Meter", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-143.jpg", imageAlt: "Professional ruby-finish industrial flow meter"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Precision Pressure Sensor",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-panel-with-display-modern-metal-seeker_93675-135274.jpg",
|
||||
imageAlt: "Sleek black metallic industrial pressure sensor",
|
||||
},
|
||||
id: "p2", name: "Precision Pressure Sensor", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/control-panel-with-display-modern-metal-seeker_93675-135274.jpg", imageAlt: "Sleek black metallic industrial pressure sensor"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smart Water Meter",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-face-mask-using-touchpad-while-supervising-woodworking-production-line-machine_637285-12041.jpg",
|
||||
imageAlt: "Compact digital smart water meter",
|
||||
},
|
||||
id: "p3", name: "Smart Water Meter", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-face-mask-using-touchpad-while-supervising-woodworking-production-line-machine_637285-12041.jpg", imageAlt: "Compact digital smart water meter"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gas Volume Meter",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-writes-information-from-device_140725-7697.jpg",
|
||||
imageAlt: "Industrial gas volume measurement instrument",
|
||||
},
|
||||
id: "p4", name: "Gas Volume Meter", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/engineer-writes-information-from-device_140725-7697.jpg", imageAlt: "Industrial gas volume measurement instrument"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ultrasonic Flow Component",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-architect-desk-with-tools-mock-up_23-2148269869.jpg",
|
||||
imageAlt: "High-tech ultrasonic flow measuring unit",
|
||||
},
|
||||
id: "p5", name: "Ultrasonic Flow Component", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/tablet-architect-desk-with-tools-mock-up_23-2148269869.jpg", imageAlt: "High-tech ultrasonic flow measuring unit"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Thermal Energy Monitor",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-pump-pressure-switch-pump-controller-automatically-flow-electronic-switch_627829-7487.jpg",
|
||||
imageAlt: "Precision thermal energy metering system",
|
||||
},
|
||||
id: "p6", name: "Thermal Energy Monitor", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/water-pump-pressure-switch-pump-controller-automatically-flow-electronic-switch_627829-7487.jpg", imageAlt: "Precision thermal energy metering system"},
|
||||
]}
|
||||
title="Industrial Meter Catalog"
|
||||
description="Comprehensive solutions for all metering requirements."
|
||||
@@ -211,23 +143,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years of Experience",
|
||||
value: "30+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Years of Experience", value: "30+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Globe,
|
||||
title: "Countries Served",
|
||||
value: "50+",
|
||||
},
|
||||
id: "m2", icon: Globe,
|
||||
title: "Countries Served", value: "50+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Successful Installations",
|
||||
value: "10,000+",
|
||||
},
|
||||
id: "m3", icon: CheckCircle,
|
||||
title: "Successful Installations", value: "10,000+"},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Numbers speak louder than promises."
|
||||
@@ -242,25 +165,15 @@ export default function LandingPage() {
|
||||
author="Mark Henderson, Operations Director"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-worker-standing-beside-heavy-machinery-warehouse-facility-wearing-safety-glasses_482257-135639.jpg",
|
||||
alt: "Professional engineer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-worker-standing-beside-heavy-machinery-warehouse-facility-wearing-safety-glasses_482257-135639.jpg", alt: "Professional engineer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1880.jpg",
|
||||
alt: "Factory manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1880.jpg", alt: "Factory manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-manager-ceo-holding-tablet-walking-through-warehouse-storage-area-looking-towards-shelves_342744-1499.jpg",
|
||||
alt: "Procurement lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-manager-ceo-holding-tablet-walking-through-warehouse-storage-area-looking-towards-shelves_342744-1499.jpg", alt: "Procurement lead"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-tablet-does-project_1296-725.jpg",
|
||||
alt: "Facility supervisor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-tablet-does-project_1296-725.jpg", alt: "Facility supervisor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
alt: "CTO",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", alt: "CTO"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -272,30 +185,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "How do I choose the right meter?",
|
||||
content: "Our experts provide free consultation to help you choose the best meter for your specific industrial application.",
|
||||
},
|
||||
id: "faq-1", title: "How do I choose the right meter?", content: "Our experts provide free consultation to help you choose the best meter for your specific industrial application."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "What is the warranty period?",
|
||||
content: "All our products come with a comprehensive 2-year warranty on parts and labor.",
|
||||
},
|
||||
id: "faq-2", title: "What is the warranty period?", content: "All our products come with a comprehensive 2-year warranty on parts and labor."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you provide installation support?",
|
||||
content: "Yes, we offer professional installation support and technician training for all our systems.",
|
||||
},
|
||||
id: "faq-3", title: "Do you provide installation support?", content: "Yes, we offer professional installation support and technician training for all our systems."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Are your meters compliant with international standards?",
|
||||
content: "Yes, all our metering hardware is fully compliant with ISO and regional safety standards for industrial use.",
|
||||
},
|
||||
id: "faq-4", title: "Are your meters compliant with international standards?", content: "Yes, all our metering hardware is fully compliant with ISO and regional safety standards for industrial use."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Can I integrate your meters with existing ERP software?",
|
||||
content: "Our systems feature open APIs and industry-standard communication protocols for seamless integration with enterprise software.",
|
||||
},
|
||||
id: "faq-5", title: "Can I integrate your meters with existing ERP software?", content: "Our systems feature open APIs and industry-standard communication protocols for seamless integration with enterprise software."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -307,8 +205,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Contact Our Sales Team"
|
||||
description="Ready to discuss your requirements? Our team is here to assist you with custom solutions."
|
||||
@@ -324,29 +221,19 @@ export default function LandingPage() {
|
||||
logoText="Applied Meters"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Technical Docs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Technical Docs", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user