Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #6.
This commit is contained in:
165
src/app/page.tsx
165
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "#hero" },
|
||||||
name: "Home", id: "#hero"},
|
{ name: "About", id: "#about" },
|
||||||
{
|
{ name: "Services", id: "#services" },
|
||||||
name: "About", id: "#about"},
|
{ name: "Contact", id: "#contact" },
|
||||||
{
|
|
||||||
name: "Services", id: "#services"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Icon Engineering Solutions"
|
brandName="Icon Engineering Solutions"
|
||||||
/>
|
/>
|
||||||
@@ -51,42 +47,18 @@ export default function LandingPage() {
|
|||||||
title="Building Engineering Excellence."
|
title="Building Engineering Excellence."
|
||||||
description="Premium civil engineering, waterproofing, flooring, and maintenance solutions crafted for modern spaces."
|
description="Premium civil engineering, waterproofing, flooring, and maintenance solutions crafted for modern spaces."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ name: "John Doe", handle: "CEO", testimonial: "Exceptional precision in our facility maintenance.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1503387762-592bae580d22?q=80&w=2400&auto=format&fit=crop" },
|
||||||
name: "John Doe", handle: "CEO", testimonial: "Exceptional precision in our facility maintenance.", rating: 5,
|
{ name: "Jane Smith", handle: "Manager", testimonial: "Top-tier flooring and waterproofing solutions.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2400&auto=format&fit=crop" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-building-project-coffee_23-2148269327.jpg?_wi=1"},
|
{ name: "Robert Fox", handle: "Architect", testimonial: "Professional engineering standards throughout.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19800f5?q=80&w=2400&auto=format&fit=crop" },
|
||||||
{
|
|
||||||
name: "Jane Smith", handle: "Manager", testimonial: "Top-tier flooring and waterproofing solutions.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-crossed-arms-outdoors_23-2148269268.jpg"},
|
|
||||||
{
|
|
||||||
name: "Robert Fox", handle: "Architect", testimonial: "Professional engineering standards throughout.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-manager-gives-paperwork-files-investors-reviewing-financial-statement_482257-126495.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
name: "Alice Wong", handle: "Director", testimonial: "Reliable and durable civil works partner.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-safety-equipment_23-2148242907.jpg"},
|
|
||||||
{
|
|
||||||
name: "Mike Ross", handle: "Consultant", testimonial: "Icon Engineering sets the benchmark for quality.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/group-industry-experts-engineers-analyzing-solar-panel-systems_482257-126021.jpg"},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Get Free Inspection", href: "#contact" },
|
||||||
text: "Get Free Inspection", href: "#contact"},
|
{ text: "Explore Services", href: "#services" },
|
||||||
{
|
|
||||||
text: "Explore Services", href: "#services"},
|
|
||||||
]}
|
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DWxYGrDUsOe9DpEz2on8gblDpl/uploaded-1778411704041-dkqsz498.png?_wi=1"
|
|
||||||
imageAlt="Icon Engineering Solutions Logo"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg", alt: "Architect client"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg", alt: "Engineering lead"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-helmets-looking-each-other_23-2148269318.jpg", alt: "Operations manager"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/low-angle-smiley-people-looking-each-other_23-2148269330.jpg", alt: "Facility partner"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-young-businessman-architect-smiling_93675-133869.jpg", alt: "Construction consultant"},
|
|
||||||
]}
|
]}
|
||||||
|
imageSrc="https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=2400&auto=format&fit=crop"
|
||||||
|
imageAlt="Cinematic Engineering Architectural View"
|
||||||
|
showBlur={true}
|
||||||
|
showDimOverlay={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -94,10 +66,7 @@ export default function LandingPage() {
|
|||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Precision and Durability Redefined."
|
title="Precision and Durability Redefined."
|
||||||
buttons={[
|
buttons={[{ text: "Our Methodology" }]}
|
||||||
{
|
|
||||||
text: "Our Methodology"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -105,53 +74,10 @@ export default function LandingPage() {
|
|||||||
<FeatureCardTen
|
<FeatureCardTen
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Roof Leakage Arresting", description: "Advanced cinematic-grade sealing for industrial longevity.", media: { imageSrc: "https://images.unsplash.com/photo-1605276374104-dee2a0ed3cd6?q=80&w=2000&auto=format&fit=crop" }, items: [{ icon: Droplets, text: "Waterproofing" }, { icon: Shield, text: "Durable Seal" }], reverse: false },
|
||||||
title: "Roof Leakage Arresting", description: "Comprehensive solutions to prevent and stop water damage through specialized sealing techniques.", media: {
|
{ title: "Bird Net Solution", description: "Discreet, high-end barrier systems for your commercial space.", media: { imageSrc: "https://images.unsplash.com/photo-1594957635671-b0e12d46e166?q=80&w=2000&auto=format&fit=crop" }, items: [{ icon: Bird, text: "Humane Protection" }, { icon: Shield, text: "All Weather" }], reverse: true },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-extruding-pyramids_1048-12497.jpg?_wi=1"},
|
{ title: "Epoxy Flooring", description: "High-gloss, professional grade surface engineering.", media: { imageSrc: "https://images.unsplash.com/photo-1508739773434-c26b3d09e071?q=80&w=2000&auto=format&fit=crop" }, items: [{ icon: PaintBucket, text: "Seamless" }, { icon: Sparkles, text: "High Performance" }], reverse: false },
|
||||||
items: [
|
|
||||||
{ icon: Droplets, text: "Waterproofing" },
|
|
||||||
{ icon: Shield, text: "Durable Seal" }
|
|
||||||
],
|
|
||||||
reverse: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Bird Net Solution", description: "Effective, humane, and discreet barrier systems for industrial and commercial protection.", media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-singing-american-robin_181624-23959.jpg?_wi=1"},
|
|
||||||
items: [
|
|
||||||
{ icon: Bird, text: "Humane Barriers" },
|
|
||||||
{ icon: Shield, text: "Weather Resistant" }
|
|
||||||
],
|
|
||||||
reverse: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Epoxy Flooring", description: "Seamless, high-performance industrial surfaces engineered for durability and chemical resistance.", media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/hardware-engineering-internet-25-line-icon-pack-including-monitoring-city-urban-sensor_1142-23778.jpg?_wi=1"},
|
|
||||||
items: [
|
|
||||||
{ icon: PaintBucket, text: "High Gloss" },
|
|
||||||
{ icon: Sparkles, text: "Seamless Finish" }
|
|
||||||
],
|
|
||||||
reverse: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "5S-Floor Development", description: "Optimizing workplace cleanliness and safety standards through systematic floor organization.", media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-building-project-coffee_23-2148269327.jpg?_wi=2"},
|
|
||||||
items: [
|
|
||||||
{ icon: CheckCircle, text: "Systemized" },
|
|
||||||
{ icon: Award, text: "Safety Certified" }
|
|
||||||
],
|
|
||||||
reverse: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "All Civil Work", description: "Complete infrastructure construction and professional repair services to maintain structural integrity.", media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-manager-gives-paperwork-files-investors-reviewing-financial-statement_482257-126495.jpg?_wi=2"},
|
|
||||||
items: [
|
|
||||||
{ icon: Wrench, text: "Full Infrastructure" },
|
|
||||||
{ icon: Award, text: "Certified Quality" }
|
|
||||||
],
|
|
||||||
reverse: false,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Engineering Services Portfolio."
|
title="Engineering Services Portfolio."
|
||||||
description="Delivering specialized, high-quality civil engineering and maintenance support for your facility."
|
description="Delivering specialized, high-quality civil engineering and maintenance support for your facility."
|
||||||
@@ -164,12 +90,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "15+", title: "Years Experience", description: "Industry expertise.", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=1200&auto=format&fit=crop" },
|
||||||
id: "m1", value: "15+", title: "Years Experience", description: "Industry expertise.", imageSrc: "http://img.b2bpic.net/free-vector/protection-proof-emblems-with-waterproof-soundproof-sun-proof-fireproof-signs_1284-7615.jpg"},
|
{ id: "m2", value: "500+", title: "Projects Completed", description: "Successfully delivered.", imageSrc: "https://images.unsplash.com/photo-1531973576160-7125cd663d86?q=80&w=1200&auto=format&fit=crop" },
|
||||||
{
|
{ id: "m3", value: "99%", title: "Client Satisfaction", description: "Unmatched trust.", imageSrc: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=1200&auto=format&fit=crop" },
|
||||||
id: "m2", value: "500+", title: "Projects Completed", description: "Successfully delivered.", imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-set-isolated-background_53876-71277.jpg"},
|
|
||||||
{
|
|
||||||
id: "m3", value: "99%", title: "Client Satisfaction", description: "Unmatched trust.", imageSrc: "http://img.b2bpic.net/free-vector/pollution-toxic-environment-damage-global-contamination-flat-isolated_98292-4931.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Proven Quality Metrics"
|
title="Proven Quality Metrics"
|
||||||
description="Decades of engineering excellence delivered."
|
description="Decades of engineering excellence delivered."
|
||||||
@@ -179,18 +102,9 @@ export default function LandingPage() {
|
|||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFive
|
<TestimonialCardFive
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah J.", date: "2024", title: "Facility Manager", quote: "Cinematic quality execution.", tag: "Industrial", avatarSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=400", imageSrc: "https://images.unsplash.com/photo-1581092160607-ee22530dd78a?q=80&w=1200&auto=format&fit=crop" },
|
||||||
id: "t1", name: "Sarah J.", date: "2024", title: "Facility Manager", quote: "Exceptional service.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-document-looking-questioningly-man_259150-57742.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DWxYGrDUsOe9DpEz2on8gblDpl/uploaded-1778411704041-dkqsz498.png?_wi=2", imageAlt: "professional headshot executive"},
|
{ id: "t2", name: "Mark L.", date: "2024", title: "Architect", quote: "Best infrastructure partner.", tag: "Civil", avatarSrc: "https://images.unsplash.com/photo-1560250097-0b93528c31e0?q=80&w=400", imageSrc: "https://images.unsplash.com/photo-1504917595217-d475beb63c4f?q=80&w=1200&auto=format&fit=crop" },
|
||||||
{
|
|
||||||
id: "t2", name: "Mark L.", date: "2024", title: "Architect", quote: "Impeccable quality.", tag: "Civil", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-with-helmet-tablet_23-2148269246.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-extruding-pyramids_1048-12497.jpg?_wi=2", imageAlt: "professional headshot executive"},
|
|
||||||
{
|
|
||||||
id: "t3", name: "Anna P.", date: "2023", title: "Property Owner", quote: "Highly professional team.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg", imageSrc: "http://img.b2bpic.net/free-photo/shot-singing-american-robin_181624-23959.jpg?_wi=2", imageAlt: "professional headshot executive"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "Tom R.", date: "2023", title: "CEO", quote: "Industry benchmark.", tag: "Construction", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg", imageSrc: "http://img.b2bpic.net/free-vector/coal-plant-emission-icon-air-pollution-campaign-flat-graphic_53876-113882.jpg", imageAlt: "professional headshot executive"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Julia M.", date: "2024", title: "Operations", quote: "Reliable engineering.", tag: "Flooring", avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12819.jpg", imageSrc: "http://img.b2bpic.net/free-vector/hardware-engineering-internet-25-line-icon-pack-including-monitoring-city-urban-sensor_1142-23778.jpg?_wi=2", imageAlt: "professional headshot executive"},
|
|
||||||
]}
|
]}
|
||||||
title="Client Success Stories"
|
title="Client Success Stories"
|
||||||
description="Building lasting partnerships with industry leaders."
|
description="Building lasting partnerships with industry leaders."
|
||||||
@@ -199,10 +113,7 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="socialProof" data-section="socialProof">
|
<div id="socialProof" data-section="socialProof">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
names={["Alpha Infrastructure", "Beta Development", "Gamma Civil Works", "Delta Property Group"]}
|
||||||
useInvertedBackground={true}
|
|
||||||
names={[
|
|
||||||
"Alpha Infrastructure", "Beta Development", "Gamma Civil Works", "Delta Property Group", "Epsilon Construction", "Zeta Maintenance", "Eta Solutions"]}
|
|
||||||
title="Trusted Partners"
|
title="Trusted Partners"
|
||||||
description="Industry leaders rely on our expertise."
|
description="Industry leaders rely on our expertise."
|
||||||
/>
|
/>
|
||||||
@@ -211,14 +122,9 @@ export default function LandingPage() {
|
|||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqDouble
|
<FaqDouble
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "What services do you offer?", content: "Civil works, flooring, and maintenance." },
|
||||||
id: "f1", title: "What services do you offer?", content: "Civil works, flooring, and maintenance."},
|
{ id: "f2", title: "How long is your warranty?", content: "We offer industry-leading warranties." },
|
||||||
{
|
|
||||||
id: "f2", title: "How long is your warranty?", content: "We offer industry-leading warranties."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "How to schedule a visit?", content: "Contact us via our inspection form."},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Get clarity on our premium engineering standards."
|
description="Get clarity on our premium engineering standards."
|
||||||
@@ -229,8 +135,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "animated-grid" }}
|
||||||
variant: "animated-grid"}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Ready to Start Your Project?"
|
title="Ready to Start Your Project?"
|
||||||
description="Schedule your free site inspection today."
|
description="Schedule your free site inspection today."
|
||||||
@@ -241,24 +146,12 @@ export default function LandingPage() {
|
|||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Icon Engineering Solutions"
|
logoText="Icon Engineering Solutions"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
|
||||||
title: "Navigation", items: [
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||||
{
|
|
||||||
label: "Home", href: "#hero"},
|
|
||||||
{
|
|
||||||
label: "Services", href: "#services"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal", items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user