Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-21 12:24:24 +00:00

View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Globe, ShieldCheck, Tool } from "lucide-react";
import { Globe, ShieldCheck, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,391 +29,163 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Features",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="ElectroInst"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Features", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="ElectroInst"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
title="Precision Electrical Instrumentation"
description="Empowering your industry with high-precision measuring instruments, state-of-the-art testing equipment, and industrial-grade diagnostics solutions."
buttons={[
{
text: "Explore Products",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067189.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/factory-worker-white-lab-suit-face-mask-assembling-parts-tv-set-table_645730-578.jpg",
alt: "Factory worker",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-woodworking-gear-rack-joinery-power-tool_482257-104738.jpg",
alt: "Woodworking gear",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-woman-technician-lab_23-2147778875.jpg",
alt: "Technician in lab",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-buttons_23-2149007423.jpg",
alt: "Arrangement with buttons",
},
{
src: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067189.jpg",
alt: "Industrial instruments",
},
]}
avatarText="Trusted by 5,000+ industry professionals"
marqueeItems={[
{
type: "text",
text: "ISO Certified",
},
{
type: "text",
text: "Global Shipping",
},
{
type: "text",
text: "24/7 Support",
},
{
type: "text",
text: "30 Years Experience",
},
{
type: "text",
text: "High Performance",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "gradient-bars" }}
title="Precision Electrical Instrumentation"
description="Empowering your industry with high-precision measuring instruments, state-of-the-art testing equipment, and industrial-grade diagnostics solutions."
buttons={[{ text: "Explore Products", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067189.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/factory-worker-white-lab-suit-face-mask-assembling-parts-tv-set-table_645730-578.jpg", alt: "Factory worker" },
{ src: "http://img.b2bpic.net/free-photo/close-up-woodworking-gear-rack-joinery-power-tool_482257-104738.jpg", alt: "Woodworking gear" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-woman-technician-lab_23-2147778875.jpg", alt: "Technician in lab" },
{ src: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-buttons_23-2149007423.jpg", alt: "Arrangement with buttons" },
{ src: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067189.jpg", alt: "Industrial instruments" },
]}
avatarText="Trusted by 5,000+ industry professionals"
marqueeItems={[
{ type: "text", text: "ISO Certified" },
{ type: "text", text: "Global Shipping" },
{ type: "text", text: "24/7 Support" },
{ type: "text", text: "30 Years Experience" },
{ type: "text", text: "High Performance" },
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Decades of Technical Excellence"
description={[
"For over 30 years, ElectroInst has been at the forefront of electrical instrumentation. We combine rigorous engineering standards with cutting-edge technology.",
"Our products are trusted by laboratory researchers, power grid operators, and R&D facilities worldwide to ensure reliability and peak efficiency.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Decades of Technical Excellence"
description={[
"For over 30 years, ElectroInst has been at the forefront of electrical instrumentation. We combine rigorous engineering standards with cutting-edge technology.", "Our products are trusted by laboratory researchers, power grid operators, and R&D facilities worldwide to ensure reliability and peak efficiency."]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "High Calibration",
subtitle: "ISO standard precision",
category: "Quality",
value: "99.9%",
},
{
id: "f2",
title: "Durability",
subtitle: "Rugged industrial design",
category: "Build",
value: "IP67",
},
{
id: "f3",
title: "Automation",
subtitle: "Smart reporting tools",
category: "Tech",
value: "Fast",
},
{
id: "f4",
title: "Safety Compliance",
subtitle: "IEC verified standards",
category: "Safety",
value: "100%",
},
{
id: "f5",
title: "Data Accuracy",
subtitle: "Advanced sensor tech",
category: "Precision",
value: "0.01%",
},
]}
title="Engineered for Performance"
description="Our instruments are designed for rigorous industrial environments and extreme accuracy."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "High Calibration", subtitle: "ISO standard precision", category: "Quality", value: "99.9%" },
{ id: "f2", title: "Durability", subtitle: "Rugged industrial design", category: "Build", value: "IP67" },
{ id: "f3", title: "Automation", subtitle: "Smart reporting tools", category: "Tech", value: "Fast" },
{ id: "f4", title: "Safety Compliance", subtitle: "IEC verified standards", category: "Safety", value: "100%" },
{ id: "f5", title: "Data Accuracy", subtitle: "Advanced sensor tech", category: "Precision", value: "0.01%" },
]}
title="Engineered for Performance"
description="Our instruments are designed for rigorous industrial environments and extreme accuracy."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Digital Oscilloscope",
price: "$1,200",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-reparing-tool_23-2148419207.jpg",
},
{
id: "p2",
name: "Precision Multimeter",
price: "$450",
imageSrc: "http://img.b2bpic.net/free-photo/safety-glasses-near-construction-tools_23-2147831893.jpg",
},
{
id: "p3",
name: "Signal Generator",
price: "$890",
imageSrc: "http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-837.jpg",
},
{
id: "p4",
name: "Power Analyzer",
price: "$2,100",
imageSrc: "http://img.b2bpic.net/free-photo/water-pump-pressure-switch-pump-controller-automatically-flow-electronic-switch_627829-7487.jpg",
},
{
id: "p5",
name: "Thermal Imager",
price: "$1,850",
imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170116.jpg",
},
{
id: "p6",
name: "Spectrum Analyzer",
price: "$2,900",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-reparing-tool_23-2148419205.jpg",
},
]}
title="Our Catalog"
description="Explore our high-performance electrical testing and measuring devices."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Digital Oscilloscope", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-reparing-tool_23-2148419207.jpg" },
{ id: "p2", name: "Precision Multimeter", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/safety-glasses-near-construction-tools_23-2147831893.jpg" },
{ id: "p3", name: "Signal Generator", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-837.jpg" },
{ id: "p4", name: "Power Analyzer", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/water-pump-pressure-switch-pump-controller-automatically-flow-electronic-switch_627829-7487.jpg" },
{ id: "p5", name: "Thermal Imager", price: "$1,850", imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170116.jpg" },
{ id: "p6", name: "Spectrum Analyzer", price: "$2,900", imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-reparing-tool_23-2148419205.jpg" },
]}
title="Our Catalog"
description="Explore our high-performance electrical testing and measuring devices."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "50+",
title: "Countries",
description: "Global presence serving technical markets",
icon: Globe,
},
{
id: "m2",
value: "5k+",
title: "Projects",
description: "Industrial installations successfully completed",
icon: Tool,
},
{
id: "m3",
value: "100%",
title: "Compliant",
description: "Full ISO and IEC safety standards met",
icon: ShieldCheck,
},
]}
title="Impact at Scale"
description="We deliver results that move the industry forward."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "50+", title: "Countries", description: "Global presence serving technical markets", icon: Globe },
{ id: "m2", value: "5k+", title: "Projects", description: "Industrial installations successfully completed", icon: Wrench },
{ id: "m3", value: "100%", title: "Compliant", description: "Full ISO and IEC safety standards met", icon: ShieldCheck },
]}
title="Impact at Scale"
description="We deliver results that move the industry forward."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
role: "Lead Engineer",
testimonial: "ElectroInst provides the most reliable multimeters we've ever used in our lab.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg",
},
{
id: "t2",
name: "David Wu",
role: "Project Manager",
testimonial: "Their support team is as exceptional as their instrumentation.",
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
},
{
id: "t3",
name: "Elena Rossi",
role: "Facility Supervisor",
testimonial: "The precision of their power analyzers drastically reduced our calibration time.",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184980.jpg",
},
{
id: "t4",
name: "Marcus Chen",
role: "R&D Scientist",
testimonial: "Innovation is at the core of their design. Truly impressive.",
imageSrc: "http://img.b2bpic.net/free-photo/microchemist-doing-research-night-checking-blood-liquid-test-tube-typing-results-pc-modern-equipped-lab-examining-virus-evolution-using-high-tech-vaccine-development-against-covid19_482257-13623.jpg",
},
{
id: "t5",
name: "Jasmine Lee",
role: "Tech Lead",
testimonial: "Seamless integration and high accuracy. A top-tier choice for our plant.",
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg",
},
]}
title="Trusted by Professionals"
description="See why top labs rely on our equipment."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Sarah Miller", role: "Lead Engineer", testimonial: "ElectroInst provides the most reliable multimeters we've ever used in our lab.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg" },
{ id: "t2", name: "David Wu", role: "Project Manager", testimonial: "Their support team is as exceptional as their instrumentation.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg" },
{ id: "t3", name: "Elena Rossi", role: "Facility Supervisor", testimonial: "The precision of their power analyzers drastically reduced our calibration time.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184980.jpg" },
{ id: "t4", name: "Marcus Chen", role: "R&D Scientist", testimonial: "Innovation is at the core of their design. Truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/microchemist-doing-research-night-checking-blood-liquid-test-tube-typing-results-pc-modern-equipped-lab-examining-virus-evolution-using-high-tech-vaccine-development-against-covid19_482257-13623.jpg" },
{ id: "t5", name: "Jasmine Lee", role: "Tech Lead", testimonial: "Seamless integration and high accuracy. A top-tier choice for our plant.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg" },
]}
title="Trusted by Professionals"
description="See why top labs rely on our equipment."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do your instruments come with calibration certificates?",
content: "Yes, every device includes an NIST-traceable calibration certificate.",
},
{
id: "q2",
title: "What is the warranty period?",
content: "We offer a standard 2-year warranty on all industrial-grade instrumentation.",
},
{
id: "q3",
title: "Do you offer international shipping?",
content: "We ship to over 50 countries worldwide with specialized industrial handling.",
},
]}
title="Common Questions"
description="Answers to technical and purchasing inquiries."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do your instruments come with calibration certificates?", content: "Yes, every device includes an NIST-traceable calibration certificate." },
{ id: "q2", title: "What is the warranty period?", content: "We offer a standard 2-year warranty on all industrial-grade instrumentation." },
{ id: "q3", title: "Do you offer international shipping?", content: "We ship to over 50 countries worldwide with specialized industrial handling." },
]}
title="Common Questions"
description="Answers to technical and purchasing inquiries."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Get a Consultation"
description="Discuss your specific technical requirements with our experts."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Business Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Describe your instrumentation needs",
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-programmer-data-center-using-ai-powered-tech-run-simulations_482257-126282.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Get a Consultation"
description="Discuss your specific technical requirements with our experts."
inputs={[
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Business Email", required: true },
]}
textarea={{ name: "message", placeholder: "Describe your instrumentation needs", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-programmer-data-center-using-ai-powered-tech-run-simulations_482257-126282.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Products",
items: [
{
label: "Measurement Tools",
href: "#products",
},
{
label: "Diagnostics",
href: "#products",
},
{
label: "Automation",
href: "#products",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 ElectroInst Solutions."
bottomRightText="Industrial Precision"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Products", items: [{ label: "Measurement Tools", href: "#products" }, { label: "Diagnostics", href: "#products" }, { label: "Automation", href: "#products" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 ElectroInst Solutions."
bottomRightText="Industrial Precision"
/>
</div>
</ReactLenis>
</ThemeProvider>
);