flowchart changes updated
This commit is contained in:
@ -5,7 +5,7 @@ const SpecificationsLayout = ({
|
||||
title = "Service Specifications",
|
||||
specificationItems = [],
|
||||
backgroundColor = "#e8f5f3",
|
||||
iconBackgroundColor = "bg-teal-600"
|
||||
iconBackgroundColor = "bg-orange-100"
|
||||
}) => {
|
||||
return (
|
||||
<section className="py-8 lg:py-6">
|
||||
@ -29,24 +29,24 @@ const SpecificationsLayout = ({
|
||||
className="rounded-3xl p-8 h-full min-h-[280px] flex flex-col"
|
||||
style={{ backgroundColor: backgroundColor }}
|
||||
>
|
||||
{/* Icon Circle */}
|
||||
{/* Icon Circle - Updated to match AdvantagesSection */}
|
||||
<div className="flex justify-center mb-6">
|
||||
<div className={`w-16 h-16 ${iconBackgroundColor} rounded-full flex items-center justify-center`}>
|
||||
<img
|
||||
src={spec.icon}
|
||||
className="w-14 h-14 object-contain brightness-0 invert"
|
||||
className="w-10 h-10 object-contain"
|
||||
alt={`${spec.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Title */}
|
||||
<h3 className="text-center text-gray-800 text-lg font-semibold mb-4">
|
||||
<h3 className="text-center text-teal-700 text-lg font-semibold mb-4">
|
||||
{spec.title}
|
||||
</h3>
|
||||
|
||||
{/* Content */}
|
||||
<div className="text-gray-700 text-sm leading-relaxed text-center flex-grow flex items-center justify-center">
|
||||
<div className="text-gray-700 text-sm leading-relaxed text-center flex-grow flex items-start justify-center">
|
||||
<div className="w-full">
|
||||
{spec.renderContent ? spec.renderContent() : (
|
||||
<div className="text-gray-600">
|
||||
|
||||
Reference in New Issue
Block a user