bender/4fc61454-ac13-4305-be09-03cd5bb9359b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #3

Merged
bender merged 2 commits from version_2 into main 2026-04-23 16:42:05 +00:00
Conversation 0 Commits 2 Files Changed 2 +41 -126
2 changed files with 41 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
src/app/page.tsx
View File

@@ -2,17 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, BarChart, CheckCircle, Globe, Shield, Zap } from "lucide-react";
import { Award, BarChart, CheckCircle, Globe, Shield, Zap, Mail, MessageCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,14 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Products", id: "products"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Applied Meters"
/>
@@ -47,28 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars"}}
background={{ 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"},
]}
buttons={[{ 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", imageAlt: "Industrial flow meter"},
{
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/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/technology-background-texture_23-2148105493.jpg", imageAlt: "Measurement circuits"},
{ 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", imageAlt: "Digital metering display" }
]}
tagIcon={Zap}
/>
@@ -95,15 +77,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
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
},
{
title: "Durable Construction", description: "Built to withstand extreme industrial conditions.", bentoComponent: "reveal-icon", icon: Shield
},
{ 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 },
{ title: "Durable Construction", description: "Built to withstand extreme industrial conditions.", bentoComponent: "reveal-icon", icon: Shield },
]}
title="Unrivaled Performance"
description="Designed for demanding industrial environments, our systems ensure durability and accuracy."
@@ -117,20 +93,6 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
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: "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: "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: "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."
/>
@@ -142,15 +104,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1", icon: Award,
title: "Years of Experience", value: "30+"},
{
id: "m2", icon: Globe,
title: "Countries Served", value: "50+"},
{
id: "m3", icon: CheckCircle,
title: "Successful Installations", value: "10,000+"},
{ id: "m1", icon: Award, title: "Years of Experience", value: "30+" },
{ id: "m2", icon: Globe, title: "Countries Served", value: "50+" },
{ id: "m3", icon: CheckCircle, title: "Successful Installations", value: "10,000+" },
]}
title="Proven Excellence"
description="Numbers speak louder than promises."
@@ -163,82 +119,41 @@ export default function LandingPage() {
testimonial="Applied Meters has transformed our operational efficiency. Their equipment is precise, reliable, and simply the best in the market."
rating={5}
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-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/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"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
<FaqBase
title="Common Questions"
description="Find answers to frequently asked questions about our products, services, and industrial support."
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-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-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-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-3", title: "Do you provide installation support?", content: "Yes, we offer professional installation support and technician training for all our systems." },
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
sideDescription="Find answers to frequently asked questions about our products, services, and industrial support."
textboxLayout="split"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
<ContactCTA
tag="Contact Us"
title="Let's Collaborate"
description="Have a project in mind? Reach out to our expert team for specialized assistance."
buttons={[{ text: "Send an Email", href: "mailto:hello@appliedmeters.com" }]}
useInvertedBackground={false}
background={{
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."
imageSrc="http://img.b2bpic.net/free-photo/modern-industrial-facility-with-robotic-arms-assembling-solar-cells-pc-screens-tracking-real-time_482257-136428.jpg"
mediaAnimation="slide-up"
imageAlt="High-tech industrial facility at dusk"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-engineer-using-artificial-intelligence-discover-new-pv-materials_482257-136072.jpg"
<FooterLogoReveal
logoText="Applied Meters"
columns={[
{
title: "Company", items: [
{
label: "About Us", href: "#about"},
{
label: "Careers", href: "#"},
],
},
{
title: "Support", items: [
{
label: "Contact", href: "#contact"},
{
label: "Technical Docs", href: "#"},
],
},
]}
copyrightText="© 2025 Applied Meters. All rights reserved."
imageAlt="Industrial facility engineering site"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--card: #481f1f;
--foreground: #ffffff;
--primary-cta: #ffffff;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #280101;
--secondary-cta: #361311;
--secondary-cta: #ffffff;
--secondary-cta-text: #f6d4d4;
--accent: #51000b;
--background-accent: #ff2231;
--accent: #a8cce8;
--background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);