Merge version_1_1781729147177 into main #1
@@ -12,259 +12,167 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
|
||||
"http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
"http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18998.jpg",
|
||||
"http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
]}
|
||||
avatarText="Trusted by industry leaders"
|
||||
title="Engineering the Future of Infrastructure"
|
||||
description="S&A Infra Solutions delivers world-class engineering and construction services to build the backbone of tomorrow's cities."
|
||||
primaryButton={{
|
||||
text: "View Projects",
|
||||
href: "#services",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Talk to Expert",
|
||||
href: "#contact",
|
||||
}}
|
||||
names={[
|
||||
"John Doe",
|
||||
"Sarah Smith",
|
||||
"Michael Wong",
|
||||
"Elena Rodriguez",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gray-high-rise-building_400718-16.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18998.jpg", "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg"]}
|
||||
avatarText="Trusted by industry leaders"
|
||||
title="Engineering the Future of Infrastructure"
|
||||
description="S&A Infra Solutions delivers world-class engineering and construction services to build the backbone of tomorrow's cities."
|
||||
primaryButton={{
|
||||
text: "View Projects", href: "#services"}}
|
||||
secondaryButton={{
|
||||
text: "Talk to Expert", href: "#contact"}}
|
||||
names={[
|
||||
"John Doe", "Sarah Smith", "Michael Wong", "Elena Rodriguez"]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gray-high-rise-building_400718-16.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Expertise"
|
||||
title="Decades of Architectural Excellence"
|
||||
description="With over 20 years in infrastructure design, S&A combines traditional rigor with innovative technologies to guarantee structural integrity and efficiency."
|
||||
items={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Safety First",
|
||||
description: "Highest international safety standards adhered to in all phases.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Execution",
|
||||
description: "Streamlined workflows to meet aggressive project timelines.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Reach",
|
||||
description: "Infrastructure projects completed across 5 continents.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-builder-uniform-holding-older-looking-building-plan_1157-50926.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="Decades of Architectural Excellence"
|
||||
description="With over 20 years in infrastructure design, S&A combines traditional rigor with innovative technologies to guarantee structural integrity and efficiency."
|
||||
items={[
|
||||
{
|
||||
icon: "Shield", title: "Safety First", description: "Highest international safety standards adhered to in all phases."},
|
||||
{
|
||||
icon: "Zap", title: "Fast Execution", description: "Streamlined workflows to meet aggressive project timelines."},
|
||||
{
|
||||
icon: "Globe", title: "Global Reach", description: "Infrastructure projects completed across 5 continents."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-builder-uniform-holding-older-looking-building-plan_1157-50926.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBorderGlow
|
||||
tag="Why Us"
|
||||
title="Structural Integrity Guaranteed"
|
||||
description="We specialize in complex, large-scale infrastructure projects that define modern landscapes."
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Precision Engineering",
|
||||
description: "Micro-tolerance design and execution.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Certified Quality",
|
||||
description: "ISO 9001 and environmental certifications.",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Sustainable Builds",
|
||||
description: "Eco-conscious materials and processes.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Us"
|
||||
title="Structural Integrity Guaranteed"
|
||||
description="We specialize in complex, large-scale infrastructure projects that define modern landscapes."
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Precision Engineering", description: "Micro-tolerance design and execution."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Certified Quality", description: "ISO 9001 and environmental certifications."},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Sustainable Builds", description: "Eco-conscious materials and processes."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Infrastructure By The Numbers"
|
||||
description="Evidence-backed growth and successful delivery across all sectors."
|
||||
metrics={[
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Expert Team Members",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Efficiency Gain",
|
||||
value: "35%",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Infrastructure By The Numbers"
|
||||
description="Evidence-backed growth and successful delivery across all sectors."
|
||||
metrics={[
|
||||
{
|
||||
icon: "Building2", title: "Projects Completed", value: "150+"},
|
||||
{
|
||||
icon: "Users", title: "Expert Team Members", value: "500+"},
|
||||
{
|
||||
icon: "TrendingUp", title: "Efficiency Gain", value: "35%"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesImageBento
|
||||
tag="Services"
|
||||
title="Our Specialized Infrastructure Units"
|
||||
description="Comprehensive engineering solutions across multiple critical sectors."
|
||||
items={[
|
||||
{
|
||||
title: "Smart City Infra",
|
||||
description: "Digital grid integration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-singil-district-seoul-korea-skyline-night_335224-284.jpg",
|
||||
},
|
||||
{
|
||||
title: "Major Bridges",
|
||||
description: "Heavy-duty steel works",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg",
|
||||
},
|
||||
{
|
||||
title: "Power Grids",
|
||||
description: "Energy distribution networks",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/highvoltage-line-sunset-electricity-modern-design_169016-68759.jpg",
|
||||
},
|
||||
{
|
||||
title: "Water Systems",
|
||||
description: "Treatment & Distribution",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silos-building-exterior_146671-19365.jpg",
|
||||
},
|
||||
{
|
||||
title: "Subway Tunnels",
|
||||
description: "Excavation and lining",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/underground-tunnell-with-two-tracks_346278-1297.jpg",
|
||||
},
|
||||
{
|
||||
title: "Data Centers",
|
||||
description: "Cloud hosting foundation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-using-tablet-interpret-ai-generated-data-analytics-graphs_482257-126666.jpg",
|
||||
},
|
||||
{
|
||||
title: "Modular Sites",
|
||||
description: "Pre-fab installations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302640.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Services"
|
||||
title="Our Specialized Infrastructure Units"
|
||||
description="Comprehensive engineering solutions across multiple critical sectors."
|
||||
items={[
|
||||
{
|
||||
title: "Smart City Infra", description: "Digital grid integration", imageSrc: "http://img.b2bpic.net/free-photo/traffic-singil-district-seoul-korea-skyline-night_335224-284.jpg"},
|
||||
{
|
||||
title: "Major Bridges", description: "Heavy-duty steel works", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg"},
|
||||
{
|
||||
title: "Power Grids", description: "Energy distribution networks", imageSrc: "http://img.b2bpic.net/free-photo/highvoltage-line-sunset-electricity-modern-design_169016-68759.jpg"},
|
||||
{
|
||||
title: "Water Systems", description: "Treatment & Distribution", imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silos-building-exterior_146671-19365.jpg"},
|
||||
{
|
||||
title: "Subway Tunnels", description: "Excavation and lining", imageSrc: "http://img.b2bpic.net/free-photo/underground-tunnell-with-two-tracks_346278-1297.jpg"},
|
||||
{
|
||||
title: "Data Centers", description: "Cloud hosting foundation", imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-using-tablet-interpret-ai-generated-data-analytics-graphs_482257-126666.jpg"},
|
||||
{
|
||||
title: "Modular Sites", description: "Pre-fab installations", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302640.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Clients"
|
||||
title="Delivering On Promises"
|
||||
description="Hear what our enterprise partners have to say about our commitment to excellence."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Project Manager",
|
||||
quote: "S&A provided unparalleled expertise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
role: "CTO",
|
||||
quote: "The most professional infrastructure firm.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-middle-aged-business-leader_1262-4820.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Director",
|
||||
quote: "Reliability redefined every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Head of Ops",
|
||||
quote: "On time and under budget always.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex B.",
|
||||
role: "Owner",
|
||||
quote: "Simply the best engineering firm.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Clients"
|
||||
title="Delivering On Promises"
|
||||
description="Hear what our enterprise partners have to say about our commitment to excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", role: "Project Manager", quote: "S&A provided unparalleled expertise.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"},
|
||||
{
|
||||
name: "Michael K.", role: "CTO", quote: "The most professional infrastructure firm.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-middle-aged-business-leader_1262-4820.jpg"},
|
||||
{
|
||||
name: "Emily R.", role: "Director", quote: "Reliability redefined every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"},
|
||||
{
|
||||
name: "David W.", role: "Head of Ops", quote: "On time and under budget always.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg"},
|
||||
{
|
||||
name: "Alex B.", role: "Owner", quote: "Simply the best engineering firm.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common inquiries regarding our construction methodology."
|
||||
items={[
|
||||
{
|
||||
question: "What is the typical project scope?",
|
||||
answer: "We manage everything from feasibility to final build.",
|
||||
},
|
||||
{
|
||||
question: "Do you handle international projects?",
|
||||
answer: "Yes, we operate globally.",
|
||||
},
|
||||
{
|
||||
question: "What standards do you adhere to?",
|
||||
answer: "ISO certified and local regulatory compliance.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-architecture-working-desktop_1421-119.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common inquiries regarding our construction methodology."
|
||||
items={[
|
||||
{
|
||||
question: "What is the typical project scope?", answer: "We manage everything from feasibility to final build."},
|
||||
{
|
||||
question: "Do you handle international projects?", answer: "Yes, we operate globally."},
|
||||
{
|
||||
question: "What standards do you adhere to?", answer: "ISO certified and local regulatory compliance."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-architecture-working-desktop_1421-119.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Start"
|
||||
text="Discuss your next infrastructure project with our expert design and construction teams today."
|
||||
primaryButton={{
|
||||
text: "Contact Our Team",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Projects",
|
||||
href: "#services",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ready to Start"
|
||||
text="Discuss your next infrastructure project with our expert design and construction teams today."
|
||||
primaryButton={{
|
||||
text: "Contact Our Team", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "View Projects", href: "#services"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user