285 lines
13 KiB
TypeScript
285 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Zap, Shield, Layers, Sparkles, TrendingUp, Clock, Users, Award, Globe } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Products", href: "/products" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{ label: "Technical Specs", href: "#" },
|
|
{ label: "Case Studies", href: "#" },
|
|
{ label: "Industry News", href: "#" },
|
|
{ label: "Support", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Compliance", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Thermion"
|
|
navItems={navItems}
|
|
button={{ text: "Get Quote", href: "/contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Advanced Thermal Arc Spray Solutions"
|
|
description="Protecting critical infrastructure with precision coating technology. Superior corrosion resistance, wear protection, and thermal barriers for demanding industrial applications."
|
|
tag="Industry Leader"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/an-industrial-thermal-arc-spray-coating--1772479504426-1c68a7dd.png"
|
|
imageAlt="Thermal arc spray coating in progress"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "James Richardson",
|
|
handle: "Engineering Director, AeroTech Industries",
|
|
testimonial:
|
|
"Thermion's thermal spray coatings have extended our component life by 300%. Their precision and expertise are unmatched in the industry.",
|
|
rating: 5,
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-portrait-of-a-manufacturing-1772479504878-1818f066.png",
|
|
},
|
|
{
|
|
name: "Maria Gonzalez",
|
|
handle: "Operations Manager, Precision Manufacturing Corp",
|
|
testimonial:
|
|
"We've reduced maintenance downtime by 45% since switching to Thermion's coating solutions. The quality is exceptional.",
|
|
rating: 5,
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-portrait-of-an-engineer-or--1772479505167-3e18818d.png",
|
|
},
|
|
{
|
|
name: "David Chen",
|
|
handle: "Chief Engineer, Industrial Solutions Ltd",
|
|
testimonial:
|
|
"Thermion delivers consistency, reliability, and innovation. They understand complex industrial challenges and provide real solutions.",
|
|
rating: 5,
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-portrait-of-an-operations-d-1772479505310-caabf737.png",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{ text: "Request Consultation", href: "/contact" },
|
|
{ text: "Learn More", href: "/services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Expertise"
|
|
tagIcon={Shield}
|
|
title="25+ Years of Thermal Spray Innovation"
|
|
description="Thermion Inc."
|
|
subdescription="Setting the standard for industrial coating excellence"
|
|
icon={Sparkles}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/close-up-of-corroded-metal-surface-showi-1772479505876-e7d6a456.png?_wi=1"
|
|
imageAlt="Protected metal surface with thermal coating"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
title="Comprehensive Coating Solutions"
|
|
description="From corrosion prevention to wear resistance and thermal protection, our thermal spray technology delivers results that protect your assets and optimize performance."
|
|
tag="Services"
|
|
tagIcon={Layers}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Corrosion Protection",
|
|
tags: ["Anti-Corrosion", "Long-term Protection"],
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/close-up-of-corroded-metal-surface-showi-1772479505876-e7d6a456.png?_wi=2",
|
|
imageAlt: "Corrosion-resistant coating demonstration",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Wear Resistance Coating",
|
|
tags: ["Enhanced Durability", "Friction Control"],
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/high-friction-industrial-components-show-1772479512549-2492bf48.png?_wi=1",
|
|
imageAlt: "Wear-resistant coating application",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Thermal Barrier Systems",
|
|
tags: ["Heat Protection", "High Temperature"],
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/industrial-heat-resistant-application-sh-1772479505785-b3644491.png?_wi=1",
|
|
imageAlt: "Thermal barrier coating system",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Industry Impact"
|
|
description="Proven results delivering measurable value to industrial partners worldwide. Our thermal spray solutions consistently exceed performance expectations."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "1", icon: TrendingUp, title: "Performance Boost", value: "300%+" },
|
|
{ id: "2", icon: Clock, title: "Downtime Reduction", value: "45%" },
|
|
{ id: "3", icon: Users, title: "Global Clients", value: "500+" },
|
|
{ id: "4", icon: Award, title: "Years Experience", value: "25+" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Thermion's thermal spray solutions have transformed our manufacturing process. The quality, reliability, and technical expertise they bring to every project is exceptional. We've seen dramatic improvements in component longevity and reduced maintenance costs across our entire operation."
|
|
rating={5}
|
|
author="Jennifer Mitchell, VP Operations - Advanced Manufacturing Solutions"
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-portrait-of-a-manufacturing-1772479504878-1818f066.png",
|
|
alt: "Customer testimonial avatar",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-portrait-of-an-engineer-or--1772479505167-3e18818d.png",
|
|
alt: "Customer testimonial avatar",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-portrait-of-an-operations-d-1772479505310-caabf737.png",
|
|
alt: "Customer testimonial avatar",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-portrait-of-a-procurement-o-1772479505746-d48ca0b6.png",
|
|
alt: "Customer testimonial avatar",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-portrait-of-a-maintenance-d-1772479505838-4f85dea8.png",
|
|
alt: "Customer testimonial avatar",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-portrait-of-a-facilities-or-1772479505193-1ecd9a9b.png",
|
|
alt: "Customer testimonial avatar",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Thermion partners with Fortune 500 companies and leading manufacturers worldwide who depend on our thermal spray solutions for mission-critical applications."
|
|
tag="Global Partners"
|
|
tagIcon={Globe}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"AeroTech Industries",
|
|
"Precision Manufacturing",
|
|
"Industrial Solutions",
|
|
"Advanced Systems Corp",
|
|
"Global Engineering",
|
|
"NextGen Manufacturing",
|
|
"TechFlow Systems",
|
|
"Apex Industrial",
|
|
]}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/generic-professional-company-logo-suitab-1772479505542-1ea54a4e.png",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/generic-professional-company-logo-for-in-1772479505630-6147852c.png",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-company-logo-suitable-for-h-1772479505441-55009161.png",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/generic-professional-logo-for-industrial-1772479505388-6f569f3d.png",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-company-logo-for-manufactur-1772479504974-231c6f6c.png",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-branding-logo-for-heavy-ind-1772479505720-d9a6b372.png",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP1XdPm7J17R50P9CrKAiQvAjO/professional-company-logo-suitable-for-i-1772479504596-b54f2df0.png",
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to optimize your components with advanced thermal spray coatings? Contact our experts today for a consultation and discover how Thermion can transform your industrial operations."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "fluid" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "/contact" },
|
|
{ text: "Get Technical Info", href: "/faq" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Thermion Inc. All rights reserved. Advanced Thermal Arc Spray Solutions."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |