Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import { Phone, Zap, Wrench, HelpCircle } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,6 +31,7 @@ export default function LandingPage() {
           brandName="Burnt Ends Welding"
           navItems={[
             { name: "Services", id: "services" },
+            { name: "Portfolio", id: "portfolio" },
             { name: "FAQ", id: "faq" }
           ]}
           button={{
@@ -47,7 +49,7 @@ export default function LandingPage() {
           tagIcon={Zap}
           tagAnimation="slide-up"
           background={{ variant: "glowing-orb" }}
-          imageSrc="http://img.b2bpic.net/free-photo/sparks-coal-barbecue_23-2147643497.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/sparks-coal-barbecue_23-2147643497.jpg?_wi=1"
           imageAlt="Professional welding work with sparks"
           imagePosition="right"
           mediaAnimation="slide-up"
@@ -84,6 +86,33 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="portfolio" data-section="portfolio">
+        <ProductCardOne
+          title="Our Work"
+          description="Showcase of our completed welding and fabrication projects demonstrating our quality and expertise."
+          tag="Portfolio"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          products={[
+            {
+              id: "project-1",              name: "Custom Gate Fabrication",              price: "Completed",              imageSrc: "http://img.b2bpic.net/free-photo/sparks-coal-barbecue_23-2147643497.jpg?_wi=2",              imageAlt: "Custom welded gate"
+            },
+            {
+              id: "project-2",              name: "Trailer Repair",              price: "Completed",              imageSrc: "http://img.b2bpic.net/free-photo/man-uniform-protective-mask-is-working-metal-factory_613910-5381.jpg?_wi=1",              imageAlt: "Trailer repair project"
+            },
+            {
+              id: "project-3",              name: "Equipment Welding",              price: "Completed",              imageSrc: "http://img.b2bpic.net/free-photo/sparks-coal-barbecue_23-2147643497.jpg?_wi=3",              imageAlt: "Equipment welding work"
+            },
+            {
+              id: "project-4",              name: "Structural Fabrication",              price: "Completed",              imageSrc: "http://img.b2bpic.net/free-photo/man-uniform-protective-mask-is-working-metal-factory_613910-5381.jpg?_wi=2",              imageAlt: "Structural metal fabrication"
+            }
+          ]}
+        />
+      </div>
+
       <div id="metrics" data-section="metrics">
         <MetricCardFourteen
           title="Trusted by local contractors, farmers, and businesses across the region."
@@ -133,7 +162,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/man-uniform-protective-mask-is-working-metal-factory_613910-5381.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/man-uniform-protective-mask-is-working-metal-factory_613910-5381.jpg?_wi=3"
           imageAlt="Burnt Ends Welding Shop"
           mediaAnimation="slide-up"
           mediaPosition="left"
@@ -192,6 +221,7 @@ export default function LandingPage() {
               title: "Quick Links",              items: [
                 { label: "Home", href: "#" },
                 { label: "Services", href: "#services" },
+                { label: "Portfolio", href: "#portfolio" },
                 { label: "FAQ", href: "#faq" }
               ]
             },