Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_11 into main
2026-03-06 16:46:39 +00:00 · 2026-03-06 16:46:38 +00:00 · 2026-03-06 16:43:28 +00:00 · 2026-03-06 16:43:01 +00:00 · 2026-03-06 16:39:11 +00:00 · 2026-03-06 15:43:22 +00:00
2 changed files with 25 additions and 33 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,15 @@
 import type { Metadata } from "next";
-import { Raleway } from "next/font/google";
+import { Inter } from "next/font/google";
+import "./styles/variables.css";
+import "./styles/base.css";
 import "./globals.css";

-const raleway = Raleway({ subsets: ["latin"] });
+const inter = Inter({
+  subsets: ["latin"],
+});

 export const metadata: Metadata = {
-  title: "Taishan Construction - Premium Hardscape & Construction Services Toronto",  description: "Premium landscaping and construction services across the GTA. Free 3D design, professional installation, material showroom."
-};
+  title: "Taishan Construction",  description: "Premium hardscape and outdoor design services in Toronto and the Greater Toronto Area"};

 export default function RootLayout({
  children,
@@ -15,7 +18,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={raleway.className}>{children}
+      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1385,4 +1388,4 @@ export default function RootLayout({
      </body>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
@@ -146,39 +147,27 @@ export default function LandingPage() {
      </div>

      <div id="taishan-effect" data-section="taishan-effect">
-        <SplitAbout
+        <HeroSplitKpi
          title="The Taishan Approach"
          description="A refined methodology combining architectural precision, cutting-edge visualization, and curated material expertise to create outdoor spaces of enduring beauty."
-          tag="Design Excellence"
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          imagePosition="right"
-          mediaAnimation="slide-up"
-          bulletPoints={[
-            {
-              title: "Strategic Planning & Conceptualization",              description: "We begin with a comprehensive vision, understanding your lifestyle and aesthetic preferences to craft a thoughtful design narrative",              icon: Eye
-            },
-            {
-              title: "Photorealistic 3D Visualization",              description: "Our advanced rendering technology transforms concepts into crystal-clear three-dimensional designs, revealing every material, finish, and spatial relationship before construction",              icon: CheckCircle2
-            },
-            {
-              title: "Curated Material Selection",              description: "Access to premium architectural materials and finishes, expertly curated and displayed in our showroom for confident, informed decisions",              icon: Palette
-            },
-            {
-              title: "Masterful Execution",              description: "Certified installation specialists with deep expertise in luxury hardscape construction and meticulous attention to architectural detail",              icon: Users
-            },
-            {
-              title: "Transparent Collaboration",              description: "Clear communication throughout every phase, with professional project management ensuring your vision becomes reality on schedule",              icon: MessageCircle
-            }
+          background={{ variant: "plain" }}
+          kpis={[
+            { value: "3D", label: "Photorealistic Design" },
+            { value: "100%", label: "Custom Solutions" },
+            { value: "6yr", label: "Warranty Coverage" }
          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749903650-czkpede9.jpg"
-          imageAlt="Material showroom display"
+          enableKpiAnimation={true}
+          tag="Design Excellence"
+          tagIcon={Eye}
+          tagAnimation="slide-up"
          buttons={[{ text: "Explore Our Approach", href: "#contact" }]}
          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749903650-czkpede9.jpg"
+          imageAlt="Material showroom display"
+          mediaAnimation="slide-up"
+          imagePosition="right"
          titleClassName="text-5xl font-bold mb-4"
          descriptionClassName="text-lg leading-relaxed mb-8"
-          bulletTitleClassName="text-xl font-semibold mb-2"
        />
      </div>

@@ -514,4 +503,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	9c8a3c30d0	Update src/app/page.tsx	2026-03-06 16:46:39 +00:00
bender	36e1515481	Update src/app/layout.tsx	2026-03-06 16:46:38 +00:00
bender	0916461f7c	Merge version_11 into main Merge version_11 into main	2026-03-06 16:43:28 +00:00
bender	72187753d2	Merge version_11 into main Merge version_11 into main	2026-03-06 16:43:01 +00:00
bender	a6f10488ec	Merge version_11 into main Merge version_11 into main	2026-03-06 16:39:11 +00:00
bender	7ec64dc636	Merge version_11 into main Merge version_11 into main	2026-03-06 15:43:22 +00:00
bender	c347dbb9be	Merge version_11 into main Merge version_11 into main	2026-03-06 15:41:18 +00:00
bender	c1ef424b74	Merge version_11 into main Merge version_11 into main	2026-03-06 15:39:14 +00:00