bender/6568e267-b154-4c19-93e0-cca957f1cee4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-04-15 09:51:51 +00:00
Conversation 0 Commits 5 Files Changed 5 +155 -516
5 changed files with 155 additions and 516 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/app/about/page.tsx
View File

@@ -7,37 +7,29 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Contact", id: "/contact" },
]}
brandName="Atlas Steel PNG"
/>
@@ -50,20 +42,11 @@ export default function LandingPage() {
title="Reliable Steel Partners in PNG"
description="Founded with a vision to deliver unparalleled structural integrity, Atlas Steel PNG has become a cornerstone for construction excellence in the region. We combine advanced machinery with local expertise."
bulletPoints={[
{
title: "Quality Assured",
description: "International standard steel supply.",
},
{
title: "Local Expertise",
description: "Operated by professionals with years of experience.",
},
{
title: "Nation-Building",
description: "Committed to local infrastructure projects.",
},
{ title: "Quality Assured", description: "International standard steel supply." },
{ title: "Local Expertise", description: "Operated by professionals with years of experience." },
{ title: "Nation-Building", description: "Committed to local infrastructure projects." },
]}
imageSrc="http://img.b2bpic.net/free-photo/factory-workers-checking-quality-metal-products-production-plant_342744-83.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/factory-workers-checking-quality-metal-products-production-plant_342744-83.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -76,53 +59,27 @@ export default function LandingPage() {
title="Our Leadership"
description="Meet the team driving our operational success."
team={[
{
id: "t1",
name: "Paul M.",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-checking-quality-metal-products-production-plant_342744-83.jpg?_wi=2",
imageAlt: "professional factory team steel",
},
{
id: "t2",
name: "Linda R.",
role: "Head of Engineering",
imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg?_wi=3",
imageAlt: "professional factory team steel",
},
{ id: "t1", name: "Paul M.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-checking-quality-metal-products-production-plant_342744-83.jpg", imageAlt: "professional factory team steel" },
{ id: "t2", name: "Linda R.", role: "Head of Engineering", imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg", imageAlt: "professional factory team steel" },
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
logoText="Atlas Steel PNG"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Services",
href: "/services",
},
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "/contact",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Support", items: [
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
],
},
]}

90
src/app/contact/page.tsx
View File

@@ -8,37 +8,29 @@ import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Contact", id: "/contact" },
]}
brandName="Atlas Steel PNG"
/>
@@ -47,15 +39,10 @@ export default function LandingPage() {
<div id="contact-section" data-section="contact-section">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Ready to discuss your next project? Get in touch with us for a professional consultation and quote request."
buttons={[
{
text: "Contact Us Now",
href: "/contact",
},
{ text: "Contact Us Now", href: "/contact" },
]}
/>
</div>
@@ -65,9 +52,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Office Information"
description={[
"Visit our head office in the industrial district.",
"We are open Mon-Sat, 8am to 5pm.",
]}
"Visit our head office in the industrial district.", "We are open Mon-Sat, 8am to 5pm."]}
/>
</div>
@@ -77,21 +62,10 @@ export default function LandingPage() {
title="Privacy Policy"
sections={[
{
heading: "Data Handling",
content: {
type: "paragraph",
text: "We handle all client project data with the strictest confidentiality and security.",
},
heading: "Data Handling", content: { text: "We handle all client project data with the strictest confidentiality and security." },
},
{
heading: "Inquiries",
content: {
type: "list",
items: [
"Requests are processed within 24 hours.",
"Quotes are valid for 30 days.",
],
},
heading: "Inquiries", content: { items: ["Requests are processed within 24 hours.", "Quotes are valid for 30 days."] },
},
]}
/>
@@ -99,33 +73,19 @@ export default function LandingPage() {
<div id="home-footer" data-section="home-footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=5"
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
logoText="Atlas Steel PNG"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Services",
href: "/services",
},
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "/contact",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Support", items: [
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
],
},
]}

231
src/app/page.tsx
View File

@@ -16,31 +16,23 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Contact", id: "/contact" },
]}
brandName="Atlas Steel PNG"
/>
@@ -48,46 +40,20 @@ export default function LandingPage() {
<div id="home-hero" data-section="home-hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
title="Forging PNG's Future with Steel Excellence"
description="Atlas Steel PNG provides premium structural steel, fabrication, and welding solutions. Powering nation-building infrastructure across Papua New Guinea."
buttons={[
{
text: "Request a Quote",
href: "/contact",
},
{
text: "Our Services",
href: "/services",
},
{ text: "Request a Quote", href: "/contact" },
{ text: "Our Services", href: "/services" },
]}
carouselItems={[
{
id: "c1",
imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg?_wi=1",
},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg?_wi=1",
},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg?_wi=1",
},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/skilled-workman-grinding-metal-profile-pipe-with-lot-sparks_1163-3138.jpg?_wi=1",
},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg?_wi=1",
},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/metal-factory-operator-is-controlling-machine-tool-cutting-steel_613910-5236.jpg",
},
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg" },
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg" },
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg" },
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/skilled-workman-grinding-metal-profile-pipe-with-lot-sparks_1163-3138.jpg" },
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg" },
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/metal-factory-operator-is-controlling-machine-tool-cutting-steel_613910-5236.jpg" },
]}
/>
</div>
@@ -99,61 +65,11 @@ export default function LandingPage() {
title="Client Testimonials"
description="Trusted by industry leaders in Papua New Guinea for quality and speed."
testimonials={[
{
id: "t1",
name: "John Doe",
date: "2024-05-12",
title: "Project Manager",
quote: "Atlas Steel delivered exceptional results on our warehouse frame.",
tag: "Industrial",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-busy-working-man-his-workplace-metal-factory_613910-17210.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg?_wi=2",
imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
},
{
id: "t2",
name: "Jane Smith",
date: "2024-06-20",
title: "Architect",
quote: "Their fabrication standards are top-tier. A reliable partner.",
tag: "Construction",
avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-visiting-factory-plant-examining-manufactured-products-with-facility-worker_637285-4150.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg?_wi=2",
imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
},
{
id: "t3",
name: "Mark Wilson",
date: "2024-07-02",
title: "Site Supervisor",
quote: "Professional team and consistent material supply.",
tag: "Infrastructure",
avatarSrc: "http://img.b2bpic.net/free-photo/factory-workers-standing-industrial-warehouse-discussing-about-production_342744-219.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg?_wi=2",
imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
},
{
id: "t4",
name: "Sarah Lee",
date: "2024-08-15",
title: "Development Director",
quote: "Atlas Steel makes complex projects feel simple and manageable.",
tag: "Commercial",
avatarSrc: "http://img.b2bpic.net/free-photo/colleagues-talking-about-their-work_23-2148976272.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/skilled-workman-grinding-metal-profile-pipe-with-lot-sparks_1163-3138.jpg?_wi=2",
imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
},
{
id: "t5",
name: "David King",
date: "2024-09-10",
title: "Engineer",
quote: "High quality welding and precision work every single time.",
tag: "Bridge Work",
avatarSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg?_wi=2",
imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
},
{ id: "t1", name: "John Doe", date: "2024-05-12", title: "Project Manager", quote: "Atlas Steel delivered exceptional results on our warehouse frame.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-busy-working-man-his-workplace-metal-factory_613910-17210.jpg", imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
{ id: "t2", name: "Jane Smith", date: "2024-06-20", title: "Architect", quote: "Their fabrication standards are top-tier. A reliable partner.", tag: "Construction", avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-visiting-factory-plant-examining-manufactured-products-with-facility-worker_637285-4150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
{ id: "t3", name: "Mark Wilson", date: "2024-07-02", title: "Site Supervisor", quote: "Professional team and consistent material supply.", tag: "Infrastructure", avatarSrc: "http://img.b2bpic.net/free-photo/factory-workers-standing-industrial-warehouse-discussing-about-production_342744-219.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
{ id: "t4", name: "Sarah Lee", date: "2024-08-15", title: "Development Director", quote: "Atlas Steel makes complex projects feel simple and manageable.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/colleagues-talking-about-their-work_23-2148976272.jpg", imageSrc: "http://img.b2bpic.net/free-photo/skilled-workman-grinding-metal-profile-pipe-with-lot-sparks_1163-3138.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
{ id: "t5", name: "David King", date: "2024-09-10", title: "Engineer", quote: "High quality welding and precision work every single time.", tag: "Bridge Work", avatarSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
]}
/>
</div>
@@ -166,31 +82,11 @@ export default function LandingPage() {
description="Get answers to common queries regarding our services and capabilities."
faqsAnimation="slide-up"
faqs={[
{
id: "f1",
title: "What steel services do you offer?",
content: "We offer structural steel fabrication, industrial welding, and large-scale material supply.",
},
{
id: "f2",
title: "Do you provide on-site installation support?",
content: "Yes, our certified team is available for on-site structural assembly support.",
},
{
id: "f3",
title: "How do I request a project quote?",
content: "Fill out the contact form or call us directly to discuss your project requirements.",
},
{
id: "f4",
title: "Do you meet international standards?",
content: "Absolutely, all our steel manufacturing processes align with recognized global safety and durability standards.",
},
{
id: "f5",
title: "Are you a locally operated company?",
content: "Yes, we are proudly locally managed with a deep commitment to PNG infrastructure development.",
},
{ id: "f1", title: "What steel services do you offer?", content: "We offer structural steel fabrication, industrial welding, and large-scale material supply." },
{ id: "f2", title: "Do you provide on-site installation support?", content: "Yes, our certified team is available for on-site structural assembly support." },
{ id: "f3", title: "How do I request a project quote?", content: "Fill out the contact form or call us directly to discuss your project requirements." },
{ id: "f4", title: "Do you meet international standards?", content: "Absolutely, all our steel manufacturing processes align with recognized global safety and durability standards." },
{ id: "f5", title: "Are you a locally operated company?", content: "Yes, we are proudly locally managed with a deep commitment to PNG infrastructure development." },
]}
/>
</div>
@@ -202,31 +98,11 @@ export default function LandingPage() {
tag="Reliability"
metricsAnimation="slide-up"
metrics={[
{
id: "m1",
value: "15+",
description: "Years in business",
},
{
id: "m2",
value: "200+",
description: "Projects completed",
},
{
id: "m3",
value: "5000t+",
description: "Steel supplied",
},
{
id: "m4",
value: "100%",
description: "Safety compliance",
},
{
id: "m5",
value: "50+",
description: "Team members",
},
{ id: "m1", value: "15+", description: "Years in business" },
{ id: "m2", value: "200+", description: "Projects completed" },
{ id: "m3", value: "5000t+", description: "Steel supplied" },
{ id: "m4", value: "100%", description: "Safety compliance" },
{ id: "m5", value: "50+", description: "Team members" },
]}
/>
</div>
@@ -238,44 +114,25 @@ export default function LandingPage() {
title="Trusted by PNG's Top Firms"
description="We partner with leading local and international construction companies."
names={[
"NCDC Infrastructure",
"Port Moresby Construction",
"Highland Logistics",
"PNG Development Corp",
"Pacific Steel Supply",
]}
"NCDC Infrastructure", "Port Moresby Construction", "Highland Logistics", "PNG Development Corp", "Pacific Steel Supply"]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
logoText="Atlas Steel PNG"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Services",
href: "/services",
},
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "/contact",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Support", items: [
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
],
},
]}

147
src/app/projects/page.tsx
View File

@@ -8,37 +8,29 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function LandingPage() {
export default function ProjectsPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Contact", id: "/contact" },
]}
brandName="Atlas Steel PNG"
/>
@@ -48,44 +40,15 @@ export default function LandingPage() {
<ProductCardThree
textboxLayout="split"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "High-Rise Steel Frame",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/world-trade-center-station-new-york-downtown-usa_1268-19541.jpg",
},
{
id: "p2",
name: "Warehouse Construction",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/building-with-steel-structure_1127-2009.jpg",
},
{
id: "p3",
name: "Infrastructure Bridge",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg",
},
{
id: "p4",
name: "Industrial Plant Frame",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silos-building-exterior_146671-19110.jpg",
},
{
id: "p5",
name: "Commercial Plaza",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg",
},
{
id: "p6",
name: "Government Hub",
price: "Featured",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-162.jpg",
},
{ id: "p1", name: "High-Rise Steel Frame", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/world-trade-center-station-new-york-downtown-usa_1268-19541.jpg" },
{ id: "p2", name: "Warehouse Construction", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/building-with-steel-structure_1127-2009.jpg" },
{ id: "p3", name: "Infrastructure Bridge", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg" },
{ id: "p4", name: "Industrial Plant Frame", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silos-building-exterior_146671-19110.jpg" },
{ id: "p5", name: "Commercial Plaza", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg" },
{ id: "p6", name: "Government Hub", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-162.jpg" },
]}
title="Our Completed Projects"
description="Showcasing structural projects across the country."
@@ -101,24 +64,8 @@ export default function LandingPage() {
title="Featured Highlights"
description="A showcase of our most complex structural builds."
products={[
{
id: "h1",
brand: "Atlas",
name: "Bridge Framework",
price: "Consult",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge-with-yellow-grey-metal-fragments_181624-11800.jpg",
},
{
id: "h2",
brand: "Atlas",
name: "Skyscraper Skeleton",
price: "Consult",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/building-costruction-tall-dubai-marina-skyscrapers-uae_231208-7594.jpg",
},
{ id: "h1", brand: "Atlas", name: "Bridge Framework", price: "Consult", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge-with-yellow-grey-metal-fragments_181624-11800.jpg" },
{ id: "h2", brand: "Atlas", name: "Skyscraper Skeleton", price: "Consult", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/building-costruction-tall-dubai-marina-skyscrapers-uae_231208-7594.jpg" },
]}
/>
</div>
@@ -131,59 +78,27 @@ export default function LandingPage() {
title="Project Insights"
description="Articles on recent project completions and engineering challenges."
blogs={[
{
id: "b1",
category: "Construction",
title: "Modernizing Bridge Infrastructure",
excerpt: "How we used steel to support regional connectivity.",
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-arch-bridge_1127-2072.jpg",
authorName: "Engineer Team",
authorAvatar: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4920.jpg",
date: "2024-10-01",
},
{
id: "b2",
category: "Industrial",
title: "Steel Factory Efficiency",
excerpt: "Optimizing production for quicker project turnover.",
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-repairing-metal-parts-machine-tool-busy-factory_613910-5507.jpg",
authorName: "Operations Mgr",
authorAvatar: "http://img.b2bpic.net/free-photo/male-engineer-reading-documents-while-checking-quality-manufactured-steel-rood-industrial-building_637285-4075.jpg",
date: "2024-09-25",
},
{ id: "b1", category: "Construction", title: "Modernizing Bridge Infrastructure", excerpt: "How we used steel to support regional connectivity.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-arch-bridge_1127-2072.jpg", authorName: "Engineer Team", authorAvatar: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4920.jpg", date: "2024-10-01" },
{ id: "b2", category: "Industrial", title: "Steel Factory Efficiency", excerpt: "Optimizing production for quicker project turnover.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-repairing-metal-parts-machine-tool-busy-factory_613910-5507.jpg", authorName: "Operations Mgr", authorAvatar: "http://img.b2bpic.net/free-photo/male-engineer-reading-documents-while-checking-quality-manufactured-steel-rood-industrial-building_637285-4075.jpg", date: "2024-09-25" },
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
logoText="Atlas Steel PNG"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Services",
href: "/services",
},
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "/contact",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Support", items: [
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
],
},
]}

108
src/app/services/page.tsx
View File

@@ -8,37 +8,29 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Contact", id: "/contact" },
]}
brandName="Atlas Steel PNG"
/>
@@ -51,37 +43,19 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Steel Fabrication",
description: "Custom fabrication tailored to architectural blueprints.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-fitter-working-doing-polishing-metal_651396-96.jpg",
},
title: "Steel Fabrication", description: "Custom fabrication tailored to architectural blueprints.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-fitter-working-doing-polishing-metal_651396-96.jpg" },
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg?_wi=4",
imageAlt: "industrial steel fabrication",
reverse: false
},
{
title: "Precision Welding",
description: "Certified welding services for industrial projects.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/cutting-metal-with-plasma-equipment_176420-4783.jpg",
},
title: "Precision Welding", description: "Certified welding services for industrial projects.", media: { imageSrc: "http://img.b2bpic.net/free-photo/cutting-metal-with-plasma-equipment_176420-4783.jpg" },
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg?_wi=3",
imageAlt: "industrial steel fabrication",
reverse: true
},
{
title: "Material Supply",
description: "Wide stock of steel beams and industrial components.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-going-through-paperwork-while-working-warehouse_637285-3948.jpg",
},
title: "Material Supply", description: "Wide stock of steel beams and industrial components.", media: { imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-going-through-paperwork-while-working-warehouse_637285-3948.jpg" },
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg?_wi=3",
imageAlt: "industrial steel fabrication",
reverse: false
},
]}
title="Comprehensive Steel Solutions"
@@ -94,9 +68,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Standards"
description={[
"Rigorous quality testing on all materials.",
"Precision engineering for all blueprints.",
]}
"Rigorous quality testing on all materials.", "Precision engineering for all blueprints."]}
/>
</div>
@@ -108,49 +80,27 @@ export default function LandingPage() {
description="Queries about our specific service offerings."
faqsAnimation="blur-reveal"
faqs={[
{
id: "s1",
title: "Can you handle custom fabrication?",
content: "Yes, we create custom pieces based on your exact architectural design requirements.",
},
{
id: "s2",
title: "What welding methods do you use?",
content: "We employ MIG, TIG, and Stick welding tailored to the structural needs of each job.",
},
{ id: "s1", title: "Can you handle custom fabrication?", content: "Yes, we create custom pieces based on your exact architectural design requirements." },
{ id: "s2", title: "What welding methods do you use?", content: "We employ MIG, TIG, and Stick welding tailored to the structural needs of each job." },
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
logoText="Atlas Steel PNG"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Services",
href: "/services",
},
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "/contact",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Support", items: [
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
],
},
]}