Update src/app/page.tsx

Merge version_6 into main
2026-03-04 14:38:23 +00:00 · 2026-03-04 14:33:30 +00:00 · 2026-03-04 14:33:26 +00:00 · 2026-03-04 14:25:52 +00:00 · 2026-03-04 14:25:47 +00:00 · 2026-03-04 14:24:51 +00:00
2 changed files with 23 additions and 24 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,18 +1,12 @@
 import type { Metadata } from "next";
-import { Archivo } from "next/font/google";
-import { Halant } from "next/font/google";
+import { DM_Sans } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const archivo = Archivo({
-  variable: "--font-archivo",  subsets: ["latin"],
-});
-
-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",  subsets: ["latin"],
 });

 const inter = Inter({
@@ -49,7 +43,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${archivo.variable} ${halant.variable} ${inter.variable} antialiased`}
+          className={`${dmSans.variable} ${inter.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,11 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
 import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
-import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 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 +30,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 +48,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,27 +85,30 @@ export default function LandingPage() {
        />
      </div>

-      <div id="metrics" data-section="metrics">
-        <MetricCardFourteen
-          title="Trusted by local contractors, farmers, and businesses across the region."
-          tag="Why Us"
+      <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"
-          metrics={[
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          products={[
            {
-              id: "reliability",              value: "24/7",              description: "Mobile welding response available whenever you need us."
+              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: "experience",              value: "15+",              description: "Years of professional welding and metal fabrication experience."
+              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: "satisfaction",              value: "100%",              description: "Customer satisfaction guaranteed on every 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: "local",              value: "Local",              description: "Proudly serving the community with trusted expertise."
+              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"
            }
          ]}
-          metricsAnimation="slide-up"
-          useInvertedBackground={false}
        />
      </div>

@@ -133,7 +137,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 +196,7 @@ export default function LandingPage() {
              title: "Quick Links",              items: [
                { label: "Home", href: "#" },
                { label: "Services", href: "#services" },
+                { label: "Portfolio", href: "#portfolio" },
                { label: "FAQ", href: "#faq" }
              ]
            },
Author	SHA1	Message	Date
bender	cfa635b741	Update src/app/page.tsx	2026-03-04 14:38:23 +00:00
bender	2e4113ee19	Merge version_6 into main Merge version_6 into main	2026-03-04 14:33:30 +00:00
bender	ebb787f086	Update src/app/layout.tsx	2026-03-04 14:33:26 +00:00
bender	686077209e	Merge version_5 into main Merge version_5 into main	2026-03-04 14:25:52 +00:00
bender	0ed67323e6	Update src/app/page.tsx	2026-03-04 14:25:47 +00:00
bender	f976c29db7	Merge version_5 into main Merge version_5 into main	2026-03-04 14:24:51 +00:00
bender	471a7132b9	Update src/app/page.tsx	2026-03-04 14:24:46 +00:00
bender	5555b05a3e	Merge version_4 into main Merge version_4 into main	2026-03-04 14:18:36 +00:00