Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-24 13:23:06 +00:00

View File

@@ -28,385 +28,167 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Services",
id: "features",
},
{
name: "Portfolio",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="LuxOhm"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Services", id: "features" },
{ name: "Portfolio", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="LuxOhm"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="Engineering Precision & Construction Excellence"
description="LuxOhm delivers full-cycle project management, from electrical and telecommunications systems to HVAC, renewable energy, and property renovation. Your comprehensive partner in technical engineering."
tag="Advanced Technical Services"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg?_wi=1",
imageAlt: "Electrical blueprints",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18335.jpg?_wi=1",
imageAlt: "Technician working on circuits",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-482.jpg",
imageAlt: "Architectural blueprints",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-building-pipes_250224-254.jpg",
imageAlt: "White metallic building pipes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162887.jpg",
imageAlt: "Brutalist architecture background",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by over 500+ commercial clients."
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="Engineering Precision & Construction Excellence"
description="LuxOhm delivers full-cycle project management, from electrical and telecommunications systems to HVAC, renewable energy, and property renovation. Your comprehensive partner in technical engineering."
tag="Advanced Technical Services"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg", imageAlt: "Electrical blueprints" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18335.jpg", imageAlt: "Technician working on circuits" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by over 500+ commercial clients."
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Integrative Engineering Solutions"
description={[
"LuxOhm provides end-to-end design, production, and maintenance. We bridge the gap between complex electronic systems, robotics, and architectural construction.",
"Our multi-disciplinary team excels in standardizing electrical networks and optimizing property performance through innovation.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Integrative Engineering Solutions"
description={[
"LuxOhm provides end-to-end design, production, and maintenance. We bridge the gap between complex electronic systems, robotics, and architectural construction.", "Our multi-disciplinary team excels in standardizing electrical networks and optimizing property performance through innovation."]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Electrical & Telecom Systems",
description: "Full-scale design and installation of robust electrical and communications networks.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907396.jpg",
imageAlt: "Electrical systems",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/man-pointing-digital-security-plan-background_53876-102579.jpg",
imageAlt: "Telecom systems",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg?_wi=2",
imageAlt: "photovoltaic solar panels",
},
{
title: "Automation & Robotics",
description: "High-performance control systems for industrial and residential automation.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/flower-dome-garden-greenhouse-forest-travel_74190-6361.jpg",
imageAlt: "Automation",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895856.jpg",
imageAlt: "Robotics",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18335.jpg?_wi=2",
imageAlt: "photovoltaic solar panels",
},
{
title: "Renewable Energy (PV)",
description: "Photovoltaic panel installation and optimization for sustainable energy.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/wind-power-solar-energy_35913-2194.jpg",
imageAlt: "Solar PV",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg",
imageAlt: "Efficiency",
},
imageSrc: "http://img.b2bpic.net/free-photo/glass-window_1127-2035.jpg",
imageAlt: "photovoltaic solar panels",
},
{
title: "Smart Building Security",
description: "Integrated monitoring and smart-entry systems for enhanced safety.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg",
imageAlt: "Cybersecurity concept",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg",
imageAlt: "Digital lock concept",
},
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg?_wi=1",
imageAlt: "photovoltaic solar panels",
},
{
title: "Climate Control Systems",
description: "Advanced HVAC and environmental controls for commercial infrastructures.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg",
imageAlt: "Ventilation system",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-thermostat-wall_23-2152024178.jpg",
imageAlt: "Adjusting thermostat",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",
imageAlt: "photovoltaic solar panels",
},
]}
showStepNumbers={true}
title="Comprehensive Technical Services"
description="We specialize in high-precision installations and systems management."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Electrical & Telecom Systems", description: "Full-scale design and installation of robust electrical and communications networks.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907396.jpg", imageAlt: "Electrical systems" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-pointing-digital-security-plan-background_53876-102579.jpg", imageAlt: "Telecom systems" }
},
{
title: "Automation & Robotics", description: "High-performance control systems for industrial and residential automation.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/flower-dome-garden-greenhouse-forest-travel_74190-6361.jpg", imageAlt: "Automation" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895856.jpg", imageAlt: "Robotics" }
},
{
title: "Renewable Energy (PV)", description: "Photovoltaic panel installation and optimization for sustainable energy.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/wind-power-solar-energy_35913-2194.jpg", imageAlt: "Solar PV" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg", imageAlt: "Efficiency" }
},
{
title: "Smart Building Security", description: "Integrated monitoring and smart-entry systems for enhanced safety.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg", imageAlt: "Cybersecurity concept" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg", imageAlt: "Digital lock concept" }
},
{
title: "Climate Control Systems", description: "Advanced HVAC and environmental controls for commercial infrastructures.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg", imageAlt: "Ventilation system" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-thermostat-wall_23-2152024178.jpg", imageAlt: "Adjusting thermostat" }
}
]}
showStepNumbers={true}
title="Comprehensive Technical Services"
description="We specialize in high-precision installations and systems management."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1200+",
description: "Projects Completed",
},
{
id: "m2",
value: "99.8%",
description: "System Uptime",
},
{
id: "m3",
value: "250+",
description: "Technical Experts",
},
{
id: "m4",
value: "50+",
description: "Industry Awards",
},
{
id: "m5",
value: "15+",
description: "Global Regions",
},
]}
title="Engineering Milestones"
description="Evidence of our commitment to operational excellence."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "1200+", description: "Projects Completed" },
{ id: "m2", value: "99.8%", description: "System Uptime" },
{ id: "m3", value: "250+", description: "Technical Experts" },
{ id: "m4", value: "50+", description: "Industry Awards" },
{ id: "m5", value: "15+", description: "Global Regions" },
]}
title="Engineering Milestones"
description="Evidence of our commitment to operational excellence."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Electrical Panel",
price: "Custom Pricing",
variant: "Hardware",
imageSrc: "http://img.b2bpic.net/free-photo/tech-background-close-up_23-2148882633.jpg",
},
{
id: "p2",
name: "HVAC System",
price: "Custom Pricing",
variant: "Engineering",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-remote_23-2148405709.jpg",
},
{
id: "p3",
name: "Surveillance Kit",
price: "Custom Pricing",
variant: "Security",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-smart-camera-with-colorful-lens_23-2152011745.jpg",
},
{
id: "p4",
name: "Solar Inverter",
price: "Custom Pricing",
variant: "Renewables",
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-solar-power-station-energy-from-natural_169016-5820.jpg",
},
{
id: "p5",
name: "Smart Fire Sensor",
price: "Custom Pricing",
variant: "Safety",
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132398.jpg",
},
{
id: "p6",
name: "Robotics Module",
price: "Custom Pricing",
variant: "Automation",
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-monitoring-industrial-machines-production-remotely-control-room_342744-90.jpg",
},
]}
title="Construction & Engineering Inventory"
description="High-quality components and equipment for your next project."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Electrical Panel", price: "Custom Pricing", variant: "Hardware", imageSrc: "http://img.b2bpic.net/free-photo/tech-background-close-up_23-2148882633.jpg" },
{ id: "p2", name: "HVAC System", price: "Custom Pricing", variant: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-remote_23-2148405709.jpg" },
{ id: "p3", name: "Surveillance Kit", price: "Custom Pricing", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-smart-camera-with-colorful-lens_23-2152011745.jpg" },
{ id: "p4", name: "Solar Inverter", price: "Custom Pricing", variant: "Renewables", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-solar-power-station-energy-from-natural_169016-5820.jpg" },
{ id: "p5", name: "Smart Fire Sensor", price: "Custom Pricing", variant: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132398.jpg" },
{ id: "p6", name: "Robotics Module", price: "Custom Pricing", variant: "Automation", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-monitoring-industrial-machines-production-remotely-control-room_342744-90.jpg" },
]}
title="Construction & Engineering Inventory"
description="High-quality components and equipment for your next project."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Carlos M.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg?_wi=2",
},
{
id: "t2",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",
},
{
id: "t3",
name: "Mark S.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
},
{
id: "t4",
name: "Linda W.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
},
{
id: "t5",
name: "David G.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
},
]}
cardTitle="Client Feedback"
cardTag="Reputation"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Carlos M.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
{ id: "t2", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
{ id: "t3", name: "Mark S.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg" },
{ id: "t4", name: "Linda W.", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
{ id: "t5", name: "David G.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg" },
]}
cardTitle="Client Feedback"
cardTag="Reputation"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What areas of engineering does LuxOhm cover?",
content: "We cover electrical, telecommunications, electronics, automation, and HVAC systems.",
},
{
id: "f2",
title: "Can LuxOhm assist with property renovation?",
content: "Yes, our team manages end-to-end remodeling, architecture, and interior construction projects.",
},
{
id: "f3",
title: "Do you offer energy consulting?",
content: "Our research and consulting team optimizes building performance and renewable energy strategies.",
},
{
id: "f4",
title: "What is the typical project turnaround?",
content: "We assess each project scope individually to provide a realistic timeline based on your specific requirements.",
},
{
id: "f5",
title: "How can I contact the engineering support team?",
content: "You can reach out through our contact form, or by calling our direct support line during business hours.",
},
]}
title="Frequently Asked Questions"
description="Clear answers to your technical and commercial inquiries."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "What areas of engineering does LuxOhm cover?", content: "We cover electrical, telecommunications, electronics, automation, and HVAC systems." },
{ id: "f2", title: "Can LuxOhm assist with property renovation?", content: "Yes, our team manages end-to-end remodeling, architecture, and interior construction projects." },
{ id: "f3", title: "Do you offer energy consulting?", content: "Our research and consulting team optimizes building performance and renewable energy strategies." },
{ id: "f4", title: "What is the typical project turnaround?", content: "We assess each project scope individually to provide a realistic timeline based on your specific requirements." },
{ id: "f5", title: "How can I contact the engineering support team?", content: "You can reach out through our contact form, or by calling our direct support line during business hours." },
]}
title="Frequently Asked Questions"
description="Clear answers to your technical and commercial inquiries."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Inquiry"
title="Ready to Start Your Project?"
description="Submit your request and our engineering team will provide a customized consultation."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Inquiry"
title="Ready to Start Your Project?"
description="Submit your request and our engineering team will provide a customized consultation."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
],
},
{
title: "Engineering",
items: [
{
label: "Automation",
href: "#",
},
{
label: "Energy",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="LuxOhm"
copyrightText="© 2025 LuxOhm Engineering. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
{ title: "Engineering", items: [{ label: "Automation", href: "#" }, { label: "Energy", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
logoText="LuxOhm"
copyrightText="© 2025 LuxOhm Engineering. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);