Update src/app/page.tsx

Merge version_1 into main
2026-03-07 15:05:19 +00:00 · 2026-03-07 15:01:57 +00:00 · 2026-03-07 15:01:53 +00:00 · 2026-03-07 15:00:39 +00:00 · 2026-03-07 15:00:39 +00:00 · 2026-03-07 15:00:38 +00:00
3 changed files with 69 additions and 58 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -29,9 +29,9 @@ export default function ContactPage() {
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
-            { name: "Projects", id: "projects" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" },
+            { name: "Projects", id: "/projects" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
          ]}
          button={{
            text: "Get a Quote",            href: "/contact"}}
@@ -138,4 +138,4 @@ export default function ContactPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,16 +1,69 @@
 import type { Metadata } from "next";
+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 dmSans = DM_Sans({
+  variable: "--font-dm-sans",
+  subsets: ["latin"],
+});
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});

 export const metadata: Metadata = {
-  title: "AR Metal Buildings",  description: "Custom metal building construction across West Texas"};
+  title: "AR Metal Buildings - Custom Metal Building Construction West Texas",
+  description: "Expert metal building construction for shops, barns, and agricultural structures across West Texas. High-quality, competitive pricing, trusted crews. Get your free quote today!",
+  keywords: "metal buildings Texas, steel shop builders, custom metal buildings, barn construction, West Texas metal buildings, agricultural structures",
+  metadataBase: new URL("https://armetalbuildings.com"),
+  alternates: {
+    canonical: "https://armetalbuildings.com",
+  },
+  openGraph: {
+    title: "AR Metal Buildings - Custom Metal Building Construction",
+    description: "High-quality metal buildings built to last. Expert construction for shops, barns, and agricultural structures across West Texas.",
+    url: "https://armetalbuildings.com",
+    siteName: "AR Metal Buildings",
+    type: "website",
+    images: [
+      {
+        url: "http://img.b2bpic.net/free-photo/view-stone-building-with-coarse-plaster-surface_23-2148252829.jpg",
+        alt: "AR Metal Buildings - Professional Metal Construction",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "AR Metal Buildings - Custom Metal Building Construction",
+    description: "Expert metal building construction for West Texas. Shops, barns, agricultural structures.",
+    images: [
+      "http://img.b2bpic.net/free-photo/view-stone-building-with-coarse-plaster-surface_23-2148252829.jpg",
+    ],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};

 export default function RootLayout({
  children,
-}: {
+}: Readonly<{
  children: React.ReactNode;
-}) {
+}>) {
  return (
-    <html lang="en">
-      <body>{children}
+    <html lang="en" suppressHydrationWarning>
+      <ServiceWrapper>
+        <body
+          className={`${dmSans.variable} ${inter.variable} antialiased`}
+        >
+          <Tag />
+          {children}
+        
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1378,6 +1431,7 @@ export default function RootLayout({
          }}
        />
      </body>
+      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Hammer, Building2, Phone, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from 'lucide-react';
+import { Hammer, Building2, Phone } from 'lucide-react';
 import Link from 'next/link';

 export default function HomePage() {
@@ -71,58 +71,15 @@ export default function HomePage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
+        <HeroBillboard
          title="High-Quality Metal Buildings Built to Last"
          description="Custom Shops, Barns, and Steel Buildings Built Across West Texas"
          background={{ variant: "downward-rays-static" }}
-          tag="Construction Excellence"
-          tagIcon={Hammer}
          buttons={[
            { text: "Get a Quote", href: "contact" },
            { text: "Call Now", href: "tel:+14322662580" },
          ]}
          buttonAnimation="slide-up"
-          dashboard={{
-            title: "AR Metal Buildings Dashboard",            logoIcon: Building2,
-            imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-coarse-plaster-surface_23-2148252829.jpg",            searchPlaceholder: "Search projects...",            buttons: [
-              { text: "View Projects", href: "projects" },
-              { text: "Get Quote", href: "contact" },
-            ],
-            sidebarItems: [
-              { icon: House, active: true },
-              { icon: MessageSquareText },
-              { icon: Settings },
-            ],
-            stats: [
-              { 
-                title: "Projects Completed", 
-                values: [150, 250, 500], 
-                description: "Metal buildings constructed" 
-              },
-              { 
-                title: "Years of Experience", 
-                values: [10, 12, 15], 
-                description: "Serving West Texas" 
-              },
-              { 
-                title: "Customer Satisfaction", 
-                values: [95, 97, 100], 
-                valueSuffix: "%",                description: "5.0-star rating" 
-              },
-            ],
-            chartTitle: "Project Growth",            chartData: [
-              { value: 50 },
-              { value: 75 },
-              { value: 60 },
-              { value: 85 },
-              { value: 90 },
-            ],
-            listTitle: "Recent Completions",            listItems: [
-              { icon: Building2, title: "50x80 Shop with Lean-To", status: "Completed" },
-              { icon: CircleDollarSign, title: "80x50 Building (18' Walls)", status: "Completed" },
-              { icon: Send, title: "45x125 Metal Building", status: "Completed" },
-            ],
-          }}
        />
      </div>

@@ -157,7 +114,7 @@ export default function HomePage() {
              title: "Ranch & Agricultural Buildings",              description: "Specialized metal structures designed for ranching operations, including barns, equipment storage, and lean-to additions that withstand Texas weather.",              imageSrc: "http://img.b2bpic.net/free-photo/wooden-cottage-deserted-landscape-sunny-day_181624-50468.jpg?_wi=1"},
            {
              id: 4,
-              title: "Large Equipment & Storage",              description: "Spacious metal buildings perfect for storing equipment, vehicles, and materials with clear-span designs for maximum usable space.",              imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2538.jpg?_wi=1"},
+              title: "Large Equipment & Storage",              description: "Spacious metal buildings perfect for storing equipment, vehicles, and materials with clear-span designs for maximum usable space.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcRKV9xxKoAEJ99hcHIONjOO9N/uploaded-1772895698534-dfga8cx3.jpg"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
@@ -265,4 +222,4 @@ export default function HomePage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	022a95707c	Update src/app/page.tsx	2026-03-07 15:05:19 +00:00
bender	21ae3a0058	Merge version_1 into main Merge version_1 into main	2026-03-07 15:01:57 +00:00
bender	293de0f547	Update src/app/page.tsx	2026-03-07 15:01:53 +00:00
bender	c855bb21a5	Switch to version 1: modified src/app/page.tsx	2026-03-07 15:00:39 +00:00
bender	c94dfdb7e2	Switch to version 1: modified src/app/layout.tsx	2026-03-07 15:00:39 +00:00
bender	d045c67206	Switch to version 1: modified src/app/contact/page.tsx	2026-03-07 15:00:38 +00:00
bender	8880a581cf	Merge version_2 into main Merge version_2 into main	2026-03-07 13:42:22 +00:00