Merge version_2 into main #3
212
src/app/about/page.tsx
Normal file
212
src/app/about/page.tsx
Normal file
@@ -0,0 +1,212 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
|
||||
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Award, Users, Briefcase, Globe, Hammer, TrendingUp, MessageSquare, Zap, CheckCircle, Shield } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Engineered Solutions"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Projects", id: "products" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" }
|
||||
]}
|
||||
button={{ text: "Get in Touch", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<FeatureCardSeven
|
||||
title="Our Engineering Facilities"
|
||||
description="State-of-the-art facilities equipped with advanced technology and dedicated workspaces for innovative engineering solutions."
|
||||
tag="World-Class Infrastructure"
|
||||
tagIcon={Hammer}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Advanced Manufacturing Workshop", description: "Precision fabrication and assembly facility with CNC machining, welding, and quality control laboratories. ISO 9001 certified processes ensure exceptional standards.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-large-scale-industrial-construction-or-1774108535198-e63a4018.png", imageAlt: "Advanced manufacturing workshop"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Design & Engineering Laboratory", description: "Comprehensive CAD and simulation environment with cutting-edge software. Our team designs solutions that are tested and validated before fabrication.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-sophisticated-cad-interface-or-design--1774108534849-eeb81ddb.png", imageAlt: "Engineering laboratory and design center"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Fabrication & Assembly Center", description: "Full-scale fabrication capabilities for large-scale projects. Expert craftspeople combine traditional techniques with modern automation technology.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/advanced-mechanical-engineering-componen-1774108533762-e62a9ca2.png", imageAlt: "Fabrication and assembly workshop"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Testing & Quality Assurance", description: "Rigorous testing protocols and quality control procedures. Every project meets or exceeds ISO 9001, ISO 14001, and industry-specific certifications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-modern-cutting-edge-engineering-facili-1774108534159-6af27211.png", imageAlt: "Testing and quality assurance facility"
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Schedule a Facility Tour", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
title="Meet Our Expert Team"
|
||||
description="Dedicated engineering professionals with decades of combined experience across multiple disciplines. Our team represents excellence in fabrication, design, and project delivery."
|
||||
tag="Industry Veterans"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
groups={[
|
||||
{
|
||||
id: "leadership", groupTitle: "Leadership", members: [
|
||||
{
|
||||
id: "1", title: "Chief Engineering Officer", subtitle: "Sarah Chen", detail: "25 years in structural engineering and ISO 9001 certified processes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-woma-1774108534129-736059cf.png", imageAlt: "Sarah Chen, CEO"
|
||||
},
|
||||
{
|
||||
id: "2", title: "VP Operations", subtitle: "Michael Rodriguez", detail: "Fabrication specialist and quality assurance director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-latino-man--1774108533804-678d79fb.png", imageAlt: "Michael Rodriguez, VP Operations"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "specialists", groupTitle: "Engineering Specialists", members: [
|
||||
{
|
||||
id: "3", title: "Mechanical Engineer", subtitle: "David Kim", detail: "CNC machining and automation systems expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-man--1774108538536-f5123ec3.png", imageAlt: "David Kim, Mechanical Engineer"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Environmental Engineer", subtitle: "Emma Thompson", detail: "ISO 14001 compliance and sustainability focus", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-caucasian-w-1774108533654-69e6786c.png", imageAlt: "Emma Thompson, Environmental Engineer"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "fabrication", groupTitle: "Fabrication & Workshop Team", members: [
|
||||
{
|
||||
id: "5", title: "Senior Fabrication Lead", subtitle: "Thomas Anderson", detail: "Expert in precision welding and large-scale assembly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-a-caucasian-w-1774108533654-69e6786c.png", imageAlt: "Thomas Anderson, Fabrication Lead"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Quality Control Specialist", subtitle: "Rachel Kim", detail: "ISO 9001 auditor and materials testing expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-portrait-of-an-asian-woma-1774108534129-736059cf.png", imageAlt: "Rachel Kim, Quality Control"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Join Our Team", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="certifications" data-section="metrics">
|
||||
<MetricCardTen
|
||||
title="Certifications & Quality Standards"
|
||||
description="Our commitment to excellence is backed by industry-leading certifications and rigorous quality management systems."
|
||||
tag="Certified Excellence"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", title: "ISO 9001:2015", subtitle: "Quality Management System", category: "Certification", value: "Active"
|
||||
},
|
||||
{
|
||||
id: "2", title: "ISO 14001:2015", subtitle: "Environmental Management", category: "Certification", value: "Active"
|
||||
},
|
||||
{
|
||||
id: "3", title: "ISO 45001:2018", subtitle: "Occupational Health & Safety", category: "Certification", value: "Active"
|
||||
},
|
||||
{
|
||||
id: "4", title: "ISO 13485", subtitle: "Medical Device Quality", category: "Certification", value: "Active"
|
||||
}
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "View Certification Details", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch with Our Team"
|
||||
description="Have questions about our facilities, team, or certifications? We'd love to hear from you. Schedule a facility tour or discuss your project requirements."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "your@company.com", required: true },
|
||||
{ name: "company", type: "text", placeholder: "Company Name", required: true },
|
||||
{ name: "inquiry", type: "text", placeholder: "Facility Tour / Project Discussion / Other", required: false }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your interest or project requirements...", rows: 5, required: true }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/a-professional-modern-engineering-office-1774108534441-74e66122.png"
|
||||
imageAlt="Engineering office and consultation"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Engineered Solutions"
|
||||
copyrightText="© 2025 Engineered Solutions. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Services", href: "#features" },
|
||||
{ label: "Projects", href: "#products" },
|
||||
{ label: "Team", href: "/about#team" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Case Studies", href: "#" },
|
||||
{ label: "Industry Insights", href: "#" },
|
||||
{ label: "Engineering Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Get in Touch", href: "#contact" },
|
||||
{ label: "Email Us", href: "mailto:info@engineeredsolutions.com" },
|
||||
{ label: "Locations", href: "#" },
|
||||
{ label: "Support", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Compliance", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -11,6 +11,7 @@ import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import { Award, Users, Briefcase, Globe, Hammer, TrendingUp, MessageSquare, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -80,6 +81,25 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="clients" data-section="clients">
|
||||
<SocialProofOne
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our engineering solutions power some of the world's most recognized brands. Strategic partnerships that drive innovation and excellence."
|
||||
tag="Global Clients"
|
||||
tagIcon={Globe}
|
||||
tagAnimation="slide-up"
|
||||
names={["Nestlé", "Mondelez", "Coca-Cola", "Tetra Pak", "Gericke", "Tyson"]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/nestle-logo-1774108534159.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/mondelez-logo-1774108534159.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/coca-cola-logo-1774108534159.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/tetra-pak-logo-1774108534159.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/gericke-logo-1774108534159.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGHMcO8fl6tsuZp5OYq2Q8HaAW/tyson-logo-1774108534159.png"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
ariaLabel="Client logos and brand partnerships"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
title="Our Core Engineering Services"
|
||||
|
||||
Reference in New Issue
Block a user