Spaces:
Sleeping
Sleeping
File size: 12,405 Bytes
691cdd0 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 | import React from 'react';
import Reveal from './Reveal.jsx';
export default function SectionIntro({ sectionId }) {
const section = sectionId?.toLowerCase();
// Real Estate Development
if (section === 'development') {
return (
<Reveal>
<div className="mb-16 grid gap-10 md:grid-cols-2 md:items-center">
<div>
<div className="mb-4 inline-block rounded-full bg-brand-100 px-4 py-1.5 text-sm font-semibold text-brand-700">
Real Estate Development
</div>
<h2 className="h2 mb-4">Trusted Developers. Visionary Projects. Guaranteed Value.</h2>
<p className="lead mb-6">
For over 38 years, we haven't just built structures; we've cultivated trust and delivered lasting value.
As a leading real estate developer, we specialize in identifying prime <strong>Land Purchase</strong> opportunities
and executing end-to-end <strong>Property and Project Development</strong>.
</p>
<p className="mb-6 text-slate-700">
Our portfolio includes the successful delivery of <strong>25+ Residential and Commercial projects</strong>. Each
a testament to our commitment to quality, timely execution, and building vibrant communities. When you partner
with us, you are investing in a future where <strong>Value, Goodwill, and Trust</strong> are the foundation of
every square foot.
</p>
<div className="mb-6 space-y-3">
<h3 className="font-semibold text-slate-900">Our Expertise Includes:</h3>
<ul className="space-y-2 text-slate-700">
<li className="flex items-start gap-2">
<span className="mt-1.5 h-1.5 w-1.5 rounded-full bg-brand-600"></span>
<span>Strategic Land Acquisition and Aggregation.</span>
</li>
<li className="flex items-start gap-2">
<span className="mt-1.5 h-1.5 w-1.5 rounded-full bg-brand-600"></span>
<span>Concept-to-Completion Development of Premium Properties.</span>
</li>
<li className="flex items-start gap-2">
<span className="mt-1.5 h-1.5 w-1.5 rounded-full bg-brand-600"></span>
<span>Joint Venture Partnerships for High-Yield Projects.</span>
</li>
</ul>
</div>
<p className="rounded-lg bg-brand-50 p-4 text-sm font-medium text-brand-800">
<strong>The Advantage:</strong> A proven record of transforming vision into profitable, high-quality real estate.
</p>
</div>
<div className="card overflow-hidden p-8 bg-gradient-to-br from-brand-50 to-brand-100">
<div className="space-y-4">
<div className="flex items-center justify-between rounded-lg bg-white p-4 shadow-sm">
<span className="text-sm text-slate-600">Years of Experience</span>
<span className="text-2xl font-bold text-brand-700">38+</span>
</div>
<div className="flex items-center justify-between rounded-lg bg-white p-4 shadow-sm">
<span className="text-sm text-slate-600">Projects Delivered</span>
<span className="text-2xl font-bold text-brand-700">25+</span>
</div>
<div className="flex items-center justify-between rounded-lg bg-white p-4 shadow-sm">
<span className="text-sm text-slate-600">Focus Areas</span>
<span className="text-sm font-semibold text-brand-700">Residential & Commercial</span>
</div>
</div>
</div>
</div>
</Reveal>
);
}
// Construction Project Contracting & Management
if (section === 'construction') {
return (
<Reveal>
<div className="mb-16 grid gap-10 md:grid-cols-2 md:items-center">
<div className="order-2 md:order-1">
<div className="card overflow-hidden p-8 bg-gradient-to-br from-brand-50 to-brand-100">
<div className="mb-6">
<div className="mb-2 text-5xl font-bold text-brand-700">70+</div>
<p className="text-sm text-slate-700">Projects Executed on Contract Basis</p>
</div>
<div className="h-px bg-brand-200 mb-6"></div>
<div className="space-y-3 text-sm">
<div className="flex items-center gap-2">
<svg className="h-5 w-5 text-brand-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>End-to-End Project Execution</span>
</div>
<div className="flex items-center gap-2">
<svg className="h-5 w-5 text-brand-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Rigorous Project Management</span>
</div>
<div className="flex items-center gap-2">
<svg className="h-5 w-5 text-brand-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>Quality Assurance & Safety</span>
</div>
</div>
</div>
</div>
<div className="order-1 md:order-2">
<div className="mb-4 inline-block rounded-full bg-brand-100 px-4 py-1.5 text-sm font-semibold text-brand-700">
Project Contracting & Management
</div>
<h2 className="h2 mb-4">Master Builders. Exceptional Execution. Project Delivery, Perfected.</h2>
<p className="lead mb-6">
Experience is the ultimate currency in construction, and after <strong>38+ years</strong> in the industry,
our experience is unparalleled. We are experts in comprehensive <strong>Construction Project Contracting & Management</strong>,
offering seamless execution for projects of any scale.
</p>
<p className="mb-6 text-slate-700">
Our credentials speak for themselves: we have successfully undertaken the execution of <strong>70+ projects on a contract basis</strong>.
This impressive <strong>Quantum of Work</strong> demonstrates not just our capacity, but the depth of our logistical prowess,
commitment to safety, and ability to deliver complex projects on time and within budget.
</p>
<div className="mb-6 space-y-3">
<h3 className="font-semibold text-slate-900">Services We Offer:</h3>
<ul className="space-y-2 text-slate-700">
<li className="flex items-start gap-2">
<span className="mt-1.5 h-1.5 w-1.5 rounded-full bg-brand-600"></span>
<span>End-to-End Project Execution (EPC/Lump-Sum Contracts).</span>
</li>
<li className="flex items-start gap-2">
<span className="mt-1.5 h-1.5 w-1.5 rounded-full bg-brand-600"></span>
<span>Rigorous Project Management and Site Supervision.</span>
</li>
<li className="flex items-start gap-2">
<span className="mt-1.5 h-1.5 w-1.5 rounded-full bg-brand-600"></span>
<span>Quality Assurance and Safety Compliance.</span>
</li>
</ul>
</div>
<p className="rounded-lg bg-brand-50 p-4 text-sm font-medium text-brand-800">
<strong>Your Project in Expert Hands:</strong> Partner with a team whose three decades of expertise guarantees efficiency, precision, and reliable delivery.
</p>
</div>
</div>
</Reveal>
);
}
// Redevelopment
if (section === 'redevelopment') {
return (
<Reveal>
<div className="mb-16 grid gap-10 md:grid-cols-2 md:items-center">
<div>
<div className="mb-4 inline-block rounded-full bg-brand-100 px-4 py-1.5 text-sm font-semibold text-brand-700">
Redevelopment
</div>
<h2 className="h2 mb-4">Reimagine Your Home. Secure Your Investment. The Seamless Redevelopment Solution.</h2>
<p className="lead mb-6">
Your old society building holds history, but <strong>Redevelopment</strong> holds the promise of a safer, modern,
and high-value future. We specialize in the complete <strong>Redevelopment of Existing Old Society Premises and Buildings</strong>,
turning aged structures into brand-new, architecturally sound, and significantly upgraded homes.
</p>
<p className="mb-6 text-slate-700">
We understand the complexities and sensitivities involved. Our process is transparent, prioritizing the needs and
seamless transition of all existing tenants and members.
</p>
<div className="mb-6 rounded-xl border-2 border-brand-200 bg-gradient-to-br from-brand-50 to-brand-100 p-6">
<h3 className="mb-4 font-semibold text-slate-900">The Momentum is Building:</h3>
<div className="grid gap-4 md:grid-cols-3">
<div className="text-center">
<div className="text-3xl font-bold text-brand-700">1</div>
<div className="mt-1 text-sm text-slate-600">Major Project Currently Ongoing</div>
</div>
<div className="text-center">
<div className="text-3xl font-bold text-brand-700">2</div>
<div className="mt-1 text-sm text-slate-600">Exciting New Projects Upcoming</div>
</div>
<div className="text-center">
<div className="text-3xl font-bold text-brand-700">+</div>
<div className="mt-1 text-sm text-slate-600">Many More in Pipeline</div>
</div>
</div>
</div>
<p className="rounded-lg bg-brand-50 p-4 text-sm font-medium text-brand-800">
<strong>We are here to guide your society through every step</strong>—from legal approvals to handover. Don't just renovate, reimagine.
</p>
</div>
<div className="card overflow-hidden p-8 bg-gradient-to-br from-brand-50 to-brand-100">
<div className="space-y-4">
<div className="rounded-lg bg-white p-6 shadow-sm">
<div className="mb-2 flex items-center gap-2">
<div className="h-3 w-3 rounded-full bg-brand-600"></div>
<span className="text-sm font-semibold text-slate-900">Transparent Process</span>
</div>
<p className="mt-2 text-sm text-slate-600">Clear communication at every stage</p>
</div>
<div className="rounded-lg bg-white p-6 shadow-sm">
<div className="mb-2 flex items-center gap-2">
<div className="h-3 w-3 rounded-full bg-brand-600"></div>
<span className="text-sm font-semibold text-slate-900">Seamless Transition</span>
</div>
<p className="mt-2 text-sm text-slate-600">Minimal disruption to residents</p>
</div>
<div className="rounded-lg bg-white p-6 shadow-sm">
<div className="mb-2 flex items-center gap-2">
<div className="h-3 w-3 rounded-full bg-brand-600"></div>
<span className="text-sm font-semibold text-slate-900">Legal Expertise</span>
</div>
<p className="mt-2 text-sm text-slate-600">Complete guidance on approvals</p>
</div>
</div>
</div>
</div>
</Reveal>
);
}
// No intro for other sections (SRA, etc.)
return null;
}
|