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

Compare commits

merge into: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

5 Commits
version_3 ... main

Author SHA1 Message Date
bender
9333301f36 Merge version_4 into main 
Merge version_4 into main
 2026-05-11 20:57:46 +00:00
bender
cd0780f346 Update src/app/projects/page.tsx 2026-05-11 20:57:43 +00:00
bender
2763962c5c Merge version_3 into main 
Merge version_3 into main
 2026-05-11 20:56:01 +00:00
bender
7a2b3681a8 Merge version_3 into main 
Merge version_3 into main
 2026-05-11 20:55:37 +00:00
bender
ad0e8e11cf Merge version_3 into main 
Merge version_3 into main
 2026-05-11 20:55:18 +00:00
1 changed files with 45 additions and 38 deletions
Expand all files Collapse all files

83
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"
@@ -21,45 +21,52 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Safety", id: "/safety" },
{ name: "Contact", id: "/contact" },
]}
brandName="Jasso Framing LLC"
/>
</div>
<div id="portfolio" data-section="portfolio">
<CardStack
animationType="slide-up"
textboxLayout="default"
title="Completed Work"
description="Our projects gallery."
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" />
<h3 className="text-lg font-bold">{item.name}</h3>
<p className="text-sm text-zinc-600">{item.title}</p>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Safety", id: "/safety" },
{ name: "Contact", id: "/contact" },
]}
brandName="Jasso Framing LLC"
/>
</div>
))}
</CardStack>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[]}
logoText="Jasso Framing LLC"
/>
</div>
<div id="portfolio" data-section="portfolio">
<CardStack
animationType="slide-up"
textboxLayout="default"
title="Completed Work"
description="Our project gallery showcasing structural precision and expertise."
gridVariant="four-items-2x2-equal-grid"
className="py-16"
>
{[
{ 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>
))}
</CardStack>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Projects", href: "/projects" }] }
]}
logoText="Jasso Framing LLC"
/>
</div>
</ReactLenis>
</ThemeProvider>
);