285 lines
24 KiB
TypeScript
285 lines
24 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Zap, CheckCircle, Lightbulb, Leaf, Linkedin, Twitter, Mail } from 'lucide-react';
|
|
|
|
export default function ShatexLanding() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Shatex Services"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Engineering Excellence, Innovation Delivered"
|
|
description="Shatex Services provides comprehensive engineering, consultancy, project management, and sustainability solutions for clients worldwide. We transform complex challenges into innovative, sustainable solutions through strategic expertise and cutting-edge technology."
|
|
tag="Professional Engineering & Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-engineering-project-showc-1772520655872-7508b664.png?_wi=1", imageAlt: "Innovative Engineering Project"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-detailed-close-up-of-engineering-bluep-1772520655230-467ad8fb.png?_wi=1", imageAlt: "Project Planning and Design"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-dynamic-image-of-sustainable-engineeri-1772520655375-c95f883c.png?_wi=1", imageAlt: "Sustainable Solutions"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/an-overhead-shot-of-a-professional-engin-1772520656522-533480e7.png?_wi=1", imageAlt: "Professional Team Collaboration"
|
|
}
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-detailed-close-up-of-engineering-bluep-1772520655230-467ad8fb.png?_wi=2", imageAlt: "Technical Expertise"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-dynamic-image-of-sustainable-engineeri-1772520655375-c95f883c.png?_wi=2", imageAlt: "Green Technology"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/an-overhead-shot-of-a-professional-engin-1772520656522-533480e7.png?_wi=2", imageAlt: "Team Excellence"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-engineering-project-showc-1772520655872-7508b664.png?_wi=2", imageAlt: "Project Success"
|
|
}
|
|
]}
|
|
carouselPosition="right"
|
|
buttons={[
|
|
{ text: "Explore Our Services", href: "#services" },
|
|
{ text: "View Portfolio", href: "#portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About Shatex Services"
|
|
description="We are a forward-thinking engineering and professional services firm dedicated to delivering transformative solutions. With expertise spanning infrastructure, sustainability, technology consulting, and project management, we partner with clients to solve complex challenges and drive business growth."
|
|
tag="Our Mission"
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Professional Expertise", description: "Decades of combined experience in engineering, consultancy, and sustainable development across diverse industries.", icon: CheckCircle
|
|
},
|
|
{
|
|
title: "Innovation-Driven", description: "We leverage cutting-edge technology and innovative methodologies to deliver solutions that exceed expectations.", icon: Lightbulb
|
|
},
|
|
{
|
|
title: "Sustainability Focused", description: "Environmental responsibility guides every project. We design solutions that are economically viable and environmentally conscious.", icon: Leaf
|
|
},
|
|
{
|
|
title: "Client Partnership", description: "Collaborative approach ensures we understand your unique challenges and deliver tailored solutions that drive real results."
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-company-culture-image-sho-1772520655424-eb671c8a.png"
|
|
imageAlt="Shatex Services Professional Team"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Learn More", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
title="Our Core Services"
|
|
description="Comprehensive engineering and professional solutions designed to address your most complex business challenges and drive sustainable growth."
|
|
tag="Services"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Engineering Consultancy", author: "Strategic Expertise", description: "Expert guidance on infrastructure design, technical feasibility studies, regulatory compliance, and engineering optimization. Our consultants bring deep industry knowledge and innovative approaches to solve complex engineering challenges.", tags: ["Infrastructure", "Technical", "Strategic"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-consultancy-image-showing-1772520655520-4c82983c.png", imageAlt: "Engineering Consultancy"
|
|
},
|
|
{
|
|
id: "2", title: "Project Management", author: "Delivery Excellence", description: "End-to-end project management ensuring on-time, on-budget delivery. We manage scope, resources, risks, and stakeholder communications to ensure project success across all phases.", tags: ["Planning", "Execution", "Control"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-project-management-visualization-showi-1772520656294-0b6c0793.png", imageAlt: "Project Management"
|
|
},
|
|
{
|
|
id: "3", title: "Sustainability Solutions", author: "Future-Forward", description: "Develop and implement sustainable engineering solutions that reduce environmental impact, minimize carbon footprint, and create long-term value while meeting regulatory requirements.", tags: ["Green", "Environmental", "Innovation"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-sustainability-focused-engineering-ima-1772520655742-a60f5d75.png", imageAlt: "Sustainability Engineering"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<BlogCardThree
|
|
title="Case Studies & Portfolio"
|
|
description="Explore our track record of successful projects delivering measurable results and transformative outcomes for clients across industries."
|
|
tag="Portfolio"
|
|
tagAnimation="slide-up"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Infrastructure", title: "Large-Scale Infrastructure Modernization", excerpt: "Successfully redesigned and implemented a comprehensive infrastructure overhaul for a major metropolitan region, improving efficiency by 40% and reducing maintenance costs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-showcase-of-a-completed-large-scale-en-1772520655561-0710bac8.png", imageAlt: "Infrastructure Project", authorName: "Shatex Engineering Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-headshot-of-a-business-ex-1772520655481-2bffef8b.png", date: "Jan 2024"
|
|
},
|
|
{
|
|
id: "2", category: "Sustainability", title: "Corporate Sustainability Implementation", excerpt: "Guided Fortune 500 company through complete sustainable transformation, achieving net-zero emissions target and $15M in energy savings within 3 years.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/an-image-of-a-sustainability-implementat-1772520656794-bb10309b.png", imageAlt: "Sustainability Project", authorName: "Shatex Sustainability Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-team-photo-showing-multip-1772520657446-6d95f7dd.png", date: "Dec 2023"
|
|
},
|
|
{
|
|
id: "3", category: "Digital Transformation", title: "Digital Platform Development & Integration", excerpt: "Designed and deployed integrated digital platform connecting 50+ facilities, enabling real-time monitoring, predictive maintenance, and 25% operational efficiency gains.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-digital-transformation-or-software-eng-1772520655309-3e8a6b70.png", imageAlt: "Digital Project", authorName: "Shatex Tech Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-portrait-of-a-client-succ-1772520655175-1032ce82.png", date: "Nov 2023"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
uniformGridCustomHeightClasses="min-h-[550px]"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Our Impact: Driving Results That Matter"
|
|
tag="Impact Metrics"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", description: "Successfully completed projects across infrastructure, sustainability, consultancy, and digital transformation sectors."
|
|
},
|
|
{
|
|
id: "2", value: "$2.3B", description: "Total project value delivered, representing transformative investments in sustainable and innovative solutions."
|
|
},
|
|
{
|
|
id: "3", value: "95%", description: "Client satisfaction rate with 90% of clients recommending our services for future projects and partnerships."
|
|
},
|
|
{
|
|
id: "4", value: "250M", description: "Tons of CO2 emissions reduced through our sustainability initiatives and green engineering solutions implemented."
|
|
}
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Trusted by leading organizations worldwide. Our clients share their experiences working with Shatex Services."
|
|
tag="Client Testimonials"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell, VP Operations at Global Infrastructure Corp", date: "Date: January 2024", title: "Transformed our entire operations with strategic expertise", quote: "Shatex Services didn't just deliver a project—they transformed how we operate. Their team understood our challenges deeply and provided solutions that exceeded expectations. The sustainability initiatives alone have positioned us as industry leaders.", tag: "Infrastructure", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-headshot-of-a-business-ex-1772520655481-2bffef8b.png", avatarAlt: "Sarah Mitchell", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-headshot-of-a-business-ex-1772520655481-2bffef8b.png", imageAlt: "Global Infrastructure Success"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen, CEO of TechFlow Solutions", date: "Date: December 2023", title: "Expert guidance that drove real business growth", quote: "Working with Shatex's consultancy team was a game-changer. They brought fresh perspectives to complex technical challenges and delivered innovative solutions on time and within budget. Their project management expertise is exceptional.", tag: "Consultancy", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-team-photo-showing-multip-1772520657446-6d95f7dd.png", avatarAlt: "James Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-team-photo-showing-multip-1772520657446-6d95f7dd.png", imageAlt: "TechFlow Success Story"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez, Sustainability Director at EcoTech Industries", date: "Date: November 2023", title: "Sustainability partner who truly understands our mission", quote: "Shatex's commitment to sustainability isn't just talk—it's embedded in everything they do. They helped us achieve net-zero goals ahead of schedule while maintaining operational efficiency. They're more than consultants; they're true partners in our transformation.", tag: "Sustainability", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-portrait-of-a-client-succ-1772520655175-1032ce82.png", avatarAlt: "Emma Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-portrait-of-a-client-succ-1772520655175-1032ce82.png", imageAlt: "EcoTech Sustainability"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Thompson, Project Director at BuildWell Construction", date: "Date: October 2023", title: "Project management excellence at scale", quote: "Managing a portfolio of 12 simultaneous projects seemed impossible until Shatex took over. Their systematic approach, transparent communication, and proactive problem-solving ensured every project succeeded. They're our go-to partner.", tag: "Project Management", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-diverse-professional-headshot-showing--1772520654842-0dea0815.png", avatarAlt: "Michael Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-diverse-professional-headshot-showing--1772520654842-0dea0815.png", imageAlt: "BuildWell Project Success"
|
|
},
|
|
{
|
|
id: "5", name: "Dr. Lisa Wang, CTO of InnovateLabs", date: "Date: September 2023", title: "Technical expertise that opened new possibilities", quote: "Shatex's engineering team brought technical depth and innovation that transformed our digital infrastructure. Their recommendations were strategic, their execution was flawless, and their ongoing support has been invaluable.", tag: "Engineering", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-business-portrait-of-a-co-1772520655015-ec5edfd8.png", avatarAlt: "Dr. Lisa Wang", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-business-portrait-of-a-co-1772520655015-ec5edfd8.png", imageAlt: "InnovateLabs Technical Success"
|
|
},
|
|
{
|
|
id: "6", name: "David Patel, Operations Head at DynaCorp", date: "Date: August 2023", title: "Strategic partners who delivered transformative results", quote: "What impressed me most about Shatex was their holistic understanding of our business. They didn't just solve immediate problems—they positioned us for long-term success with scalable, sustainable solutions.", tag: "Strategy", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-team-or-partnership-photo-1772520656052-7b699108.png", avatarAlt: "David Patel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMwNu50RAgmBhcHJELHP39VNP/a-professional-team-or-partnership-photo-1772520656052-7b699108.png", imageAlt: "DynaCorp Strategy Success"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about Shatex Services, our expertise, engagement process, and how we can help your organization."
|
|
tag="FAQ"
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What industries does Shatex Services work with?", content: "We serve a diverse range of industries including infrastructure, energy, manufacturing, technology, real estate development, and sustainability sectors. Our cross-industry experience allows us to bring innovative solutions and best practices from various sectors to your specific challenges."
|
|
},
|
|
{
|
|
id: "2", title: "How do you approach project management?", content: "We follow a structured, transparent project management methodology that emphasizes clear communication, risk management, and stakeholder engagement. We utilize modern tools and techniques to ensure projects stay on schedule and within budget while maintaining quality standards."
|
|
},
|
|
{
|
|
id: "3", title: "What makes your sustainability solutions different?", content: "Our sustainability approach is integrated into every project phase, not just added at the end. We conduct thorough lifecycle assessments, identify circular economy opportunities, and measure long-term environmental and economic impact. Our goal is solutions that are genuinely sustainable."
|
|
},
|
|
{
|
|
id: "4", title: "How do we get started with Shatex Services?", content: "We begin with a discovery consultation where we understand your challenges, goals, and constraints. From there, we propose a customized engagement plan with clear deliverables, timelines, and success metrics. Most clients see value in the first 30 days."
|
|
},
|
|
{
|
|
id: "5", title: "Do you provide ongoing support after project completion?", content: "Yes, we offer comprehensive post-project support including training, monitoring, optimization, and strategic consulting. Many clients maintain ongoing partnerships with us for continuous improvement and emerging challenges."
|
|
},
|
|
{
|
|
id: "6", title: "What's your track record for project success?", content: "We maintain a 95% on-time, on-budget project completion rate with 95% client satisfaction. Our portfolio includes 500+ successful projects across multiple sectors, with total project values exceeding $2.3B in delivered transformation."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your organization through strategic engineering and professional services? Let's discuss how Shatex Services can help you achieve your business goals with innovative, sustainable solutions."
|
|
animationType="background-highlight"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Schedule a Consultation", href: "https://calendly.com/shatex-services" },
|
|
{ text: "Contact Our Team", href: "mailto:hello@shatex.com" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Shatex Services"
|
|
copyrightText="© 2025 Shatex Services. Engineering Excellence, Innovation Delivered."
|
|
socialLinks={[
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/shatex-services", ariaLabel: "LinkedIn" },
|
|
{ icon: Twitter, href: "https://twitter.com/shatex", ariaLabel: "Twitter" },
|
|
{ icon: Mail, href: "mailto:hello@shatex.com", ariaLabel: "Email" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|