Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix how to work , about,blog

Browse Source
This commit is contained in:
Aravind R
2026-05-29 18:02:58 +05:30
parent 0a65d2e04a
commit 88722329d5
30 changed files with 2881 additions and 866 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/sections/IndustrySolutions.tsx
View File

@@ -1,6 +1,7 @@
import React from "react";
import Link from "next/link";
import Image from "next/image";
import { ScrollReveal } from "@/animations/Reveal";
export default function IndustrySolutions() {
return (
@@ -16,52 +17,24 @@ export default function IndustrySolutions() {
</div>
</div>
<div
className="elementor-element elementor-element-1487241 elementor-widget__width-initial elementor-widget elementor-widget-logico_heading animated logico_heading_animation"
className="elementor-element elementor-element-1487241 elementor-widget__width-initial elementor-widget elementor-widget-logico_heading"
data-id="1487241"
data-element_type="widget"
data-e-type="widget"
data-settings='{"_animation":"logico_heading_animation"}'
data-widget_type="logico_heading.default"
style={{marginLeft: "50px"}}
>
<div className="elementor-widget-container" style={{animationDelay: "0.1s", margin: "30px 0 0 0"}}>
<h3 className="logico-title animated-ready" style={{ fontSize: "clamp(36px, 5.5vw, 62px)", lineHeight: "1.1", fontWeight: 800, textTransform: "uppercase", paddingRight: "clamp(20px, 8vw, 120px)" }}>
{(() => {
const lines = [
"Smart solutions built",
"exclusively for your",
"industry"
];
let letterCount = 0;
return lines.map((line, lineIdx) => (
<React.Fragment key={lineIdx}>
{line.split(" ").map((word, wordIdx, arr) => {
const letters = word.split("").map((char, charIdx) => {
const delay = `${(letterCount * 0.02).toFixed(2)}s`;
letterCount++;
return (
<span
key={charIdx}
className="letter"
style={{ animationDelay: delay }}
>
{char}
</span>
);
});
return (
<React.Fragment key={wordIdx}>
<span className="word">
{letters}
</span>
{wordIdx < arr.length - 1 && " "}
</React.Fragment>
);
})}
{lineIdx < lines.length - 1 && <br />}
</React.Fragment>
));
})()}
<div className="elementor-widget-container" style={{ margin: "30px 0 0 0"}}>
<h3 className="logico-title" style={{ fontSize: "clamp(36px, 5.5vw, 62px)", lineHeight: "1.1", fontWeight: 800, textTransform: "uppercase", paddingRight: "clamp(20px, 8vw, 120px)" }}>
<ScrollReveal delay={0.05} duration={0.8} yOffset={25}>
<span className="block">Smart solutions built</span>
</ScrollReveal>
<ScrollReveal delay={0.15} duration={0.8} yOffset={25}>
<span className="block">exclusively for your</span>
</ScrollReveal>
<ScrollReveal delay={0.25} duration={0.8} yOffset={25}>
<span className="block" style={{ color: "#c01227" }}>industry</span>
</ScrollReveal>
</h3>
</div>
</div>