Merge version_2 into main #1
1367
src/app/layout.tsx
1367
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -58,13 +58,16 @@ export default function LandingPage() {
|
||||
stats: [
|
||||
{
|
||||
title: "Projects", values: [150, 250, 380],
|
||||
valuePrefix: "", description: "Completed successfully"},
|
||||
valuePrefix: "", description: "Completed successfully"
|
||||
},
|
||||
{
|
||||
title: "Clients", values: [45, 67, 92],
|
||||
valuePrefix: "", description: "Trusted partners"},
|
||||
valuePrefix: "", description: "Trusted partners"
|
||||
},
|
||||
{
|
||||
title: "Years", values: [8, 10, 12],
|
||||
valuePrefix: "", description: "Industry experience"},
|
||||
valuePrefix: "", description: "Industry experience"
|
||||
},
|
||||
],
|
||||
buttons: [
|
||||
{ text: "View Portfolio", href: "#" },
|
||||
@@ -73,13 +76,16 @@ export default function LandingPage() {
|
||||
listTitle: "Recent Projects", listItems: [
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Commercial MEP Design", status: "Completed"},
|
||||
title: "Commercial MEP Design", status: "Completed"
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Residential Floor Plans", status: "In Progress"},
|
||||
title: "Residential Floor Plans", status: "In Progress"
|
||||
},
|
||||
{
|
||||
icon: Warehouse,
|
||||
title: "Industrial Systems Design", status: "Completed"},
|
||||
title: "Industrial Systems Design", status: "Completed"
|
||||
},
|
||||
],
|
||||
chartTitle: "Project Distribution", chartData: [
|
||||
{ value: 35 },
|
||||
@@ -109,16 +115,20 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
title: "Mechanical Design", description: "Advanced HVAC systems, equipment selection, and installation planning", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-metal-shutter_1127-2064.jpg", imageAlt: "Mechanical systems design", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
{
|
||||
title: "Electrical Design", description: "Power distribution, lighting design, and safety compliance systems", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-52168.jpg", imageAlt: "Electrical systems design", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
{
|
||||
title: "Plumbing Design", description: "Water supply, drainage systems, and fixture planning for efficiency", imageSrc: "http://img.b2bpic.net/free-vector/plumbing-water-heating-system-isometric-view_1284-17772.jpg", imageAlt: "Plumbing systems design", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
{
|
||||
title: "Floor Plans", description: "Custom floor plans designed from scratch or optimized from existing layouts", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-color-palette_23-2148819842.jpg", imageAlt: "Custom floor plan creation", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -132,9 +142,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "99%", description: "Client satisfaction rate with on-time project delivery and attention to detail"},
|
||||
id: "1", value: "99%", description: "Client satisfaction rate with on-time project delivery and attention to detail"
|
||||
},
|
||||
{
|
||||
id: "2", value: "50+", description: "Industry certifications and technical specializations across MEP disciplines"},
|
||||
id: "2", value: "50+", description: "Industry certifications and technical specializations across MEP disciplines"
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -194,4 +206,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #341f51;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #1f3c5a;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #6139e6;
|
||||
--background-accent: #b3a8e8;
|
||||
--accent: #4a7ba7;
|
||||
--background-accent: #d4e0eb;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user