bender/a458af63-02d7-4a25-90e4-96e2a53ce1b7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/projects/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 20:57:43 +00:00
parent 2763962c5c
commit cd0780f346
1 changed files with 45 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,7 +6,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import CardStack from '@/components/cardStack/CardStack';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function LandingPage() {
export default function ProjectsPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
@@ -40,13 +40,18 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
title="Completed Work"
description="Our projects gallery."
description="Our project gallery showcasing structural precision and expertise."
gridVariant="four-items-2x2-equal-grid"
className="py-16"
>
{[ { name: "Austin Heights", title: "Structural Build" }, { name: "Dallas Commercial", title: "Framing Project" } ].map((item, i) => (
<div key={i} className="p-4 border border-zinc-200 rounded-lg flex flex-col items-center text-center">
<img src="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg" alt={item.name} className="w-full h-48 object-cover rounded mb-4" />
{[
{ name: "Austin Heights", title: "Structural Build", img: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg" },
{ name: "Dallas Commercial", title: "Framing Project", img: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg" },
{ name: "San Antonio Residential", title: "Multi-Unit Framing", img: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg" },
{ name: "Houston Heights", title: "Commercial Structural", img: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg" }
].map((item, i) => (
<div key={i} className="p-4 border border-zinc-200 rounded-lg flex flex-col items-center text-center hover:shadow-lg transition-shadow duration-300">
<img src={item.img} alt={item.name} className="w-full h-48 object-cover rounded mb-4" />
<h3 className="text-lg font-bold">{item.name}</h3>
<p className="text-sm text-zinc-600">{item.title}</p>
</div>
@@ -56,7 +61,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[]}
columns={[
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Projects", href: "/projects" }] }
]}
logoText="Jasso Framing LLC"
/>
</div>