Update src/app/projects/page.tsx
This commit is contained in:
@@ -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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user