Aravind/doormile-next
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

97
src/components/sections/BlogsHero.tsx
View File

@@ -4,75 +4,42 @@ import Link from "next/link";
export default function BlogsHero() {
return (
<>
<style dangerouslySetInnerHTML={{ __html: `
@media (max-width: 1024px) {
.blog-hero-section {
margin-top: 110px !important;
}
}
`}} />
<div className="elementor elementor-2259 blog-hero-section">
<div className="elementor-element elementor-element-8d7898b e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="8d7898b" data-element_type="container" data-e-type="container">
<div
style={{
backgroundImage: "url(/images/home2-banner-1.jpg)",
backgroundPosition: "center center",
backgroundRepeat: "no-repeat",
backgroundSize: "cover"
}}
className="elementor-element elementor-element-830d027 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child"
data-id="830d027"
data-element_type="container"
data-e-type="container"
>
<div className="e-con-inner">
<div
className="elementor-element elementor-element-069b2a1 elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-logico_heading"
data-id="069b2a1"
data-element_type="widget"
data-e-type="widget"
style={{ position: "absolute" }}
>
<div className="elementor-widget-container">
<div className="logico-title">Articles</div>
</div>
</div>
<div
className="elementor-element elementor-element-91be79f elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_breadcrumbs"
data-id="91be79f"
data-element_type="widget"
data-e-type="widget"
style={{ position: "absolute" }}
>
<div className="elementor-widget-container">
<nav className="breadcrumbs">
<Link href="/">Home</Link>
<span className="delimiter">/</span>
<span className="current">Blogs</span>
</nav>
</div>
</div>
<div
className="elementor-element elementor-element-b9167b2 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_decorative_block"
data-id="b9167b2"
data-element_type="widget"
data-e-type="widget"
style={{ position: "absolute" }}
>
<div className="elementor-widget-container">
<div className="block-decoration animation-enable block-decoration-style-1">
<div className="block-decoration-item"></div>
</div>
</div>
</div>
<div className="custom-standard-hero-container">
<div
style={{
backgroundImage: "url(/images/home2-banner-1.jpg)",
backgroundPosition: "center center",
backgroundRepeat: "no-repeat",
backgroundSize: "cover"
}}
className="custom-standard-hero-card"
>
<div className="e-con-inner" style={{ position: "relative", width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column" }}>
{/* Title / Heading for Blogs */}
<div style={{ textAlign: "center", color: "#fff", zIndex: 5 }}>
<h1 style={{ fontFamily: "var(--font-manrope), sans-serif", fontSize: "clamp(34px, 5.5vw, 68px)", fontWeight: 850, textTransform: "uppercase", letterSpacing: "-1.5px", margin: 0 }}>
Our <span style={{ color: "#C01227" }}>Blogs</span>
</h1>
</div>
<div
className="elementor-element elementor-element-91be79f elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_breadcrumbs"
style={{ position: "absolute", bottom: "40px", left: "50%", transform: "translateX(-50%)", zIndex: 10 }}
>
<div className="elementor-widget-container">
<nav className="breadcrumbs" style={{ background: "rgba(255, 255, 255, 0.1)", backdropFilter: "blur(10px)", padding: "10px 24px", borderRadius: "30px", border: "1px solid rgba(255, 255, 255, 0.15)" }}>
<Link href="/" style={{ color: "#fff", fontWeight: 600 }}>Home</Link>
<span className="delimiter" style={{ color: "rgba(255, 255, 255, 0.6)", margin: "0 8px" }}>/</span>
<span className="current" style={{ color: "#C01227", fontWeight: 700 }}>Blogs</span>
</nav>
</div>
</div>
</div>
</div>
</div>
</>
);
}