Merge version_13 into main

Update src/app/page.tsx
2026-03-06 17:20:17 +00:00 · 2026-03-06 17:20:13 +00:00 · 2026-03-06 17:15:21 +00:00 · 2026-03-06 17:15:17 +00:00 · 2026-03-06 17:07:47 +00:00 · 2026-03-06 17:07:42 +00:00
2 changed files with 119 additions and 123 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +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,
@@ -14,7 +18,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={raleway.className}>{children}
+      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,8 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+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';
@@ -77,13 +78,13 @@ export default function LandingPage() {

  const beforeAfterPairs: BeforeAfterImagePair[] = [
    {
-      beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=1",      afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=1",      title: "Rendering vs. Completed Project"
+      beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=1",      afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=1",      title: "Modern Interlock Driveway – North York"
    },
    {
-      beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=1",      afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=1",      title: "3D Design to Reality"
+      beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=1",      afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=1",      title: "Contemporary Patio Design – Toronto"
    },
    {
-      beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=2",      afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=2",      title: "Luxury Interlock Installation"
+      beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=2",      afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=2",      title: "Luxury Stone Entry – Vaughan"
    }
  ];

@@ -114,29 +115,30 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
-          title="Toronto's Trusted Interlock & Construction Specialists"
-          description="Premium landscaping and construction services across the GTA. Designed with precision. Built to last."
-          tag="Luxury Construction"
+        <HeroBillboardGallery
+          title="Designing Outdoor Spaces Worth Coming Home To"
+          description="Premium construction, landscaping, and renovation services designed to elevate homes across Toronto and the GTA."
+          tag="6 Year Workmanship Warranty"
          tagIcon={Building2}
-          background={{ variant: "plain" }}
-          mediaItems={[
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=1",              imageAlt: "Premium project showcase"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=1",              imageAlt: "Luxury construction detail"
-            }
-          ]}
-          rating={5}
-          ratingText="1000+ Projects Completed"
+          tagAnimation="slide-up"
          buttons={[
            { text: "Get Your Free 3D Design", href: "#contact" },
-            { text: "Visit Our Showroom", href: "#showroom" }
+            { text: "View Our Work", href: "#gallery" }
          ]}
          buttonAnimation="slide-up"
+          mediaItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749873463-dkhyfy2r.jpg",              imageAlt: "Premium project showcase"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749880030-2ulagvhd.jpg",              imageAlt: "Luxury construction detail"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749880031-v2m3ehoo.jpg",              imageAlt: "Contemporary design"
+            }
+          ]}
          mediaAnimation="slide-up"
-          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
          textBoxClassName="max-w-2xl"
          titleClassName="text-5xl lg:text-6xl font-bold leading-tight tracking-tight"
          descriptionClassName="text-lg lg:text-xl leading-relaxed"
@@ -145,64 +147,52 @@ export default function LandingPage() {
      </div>

      <div id="taishan-effect" data-section="taishan-effect">
-        <SplitAbout
-          title="The Taishan Effect"
-          description="Why homeowners choose Taishan Construction for their premium hardscape and construction projects."
-          tag="Why Choose Taishan"
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          imagePosition="right"
-          mediaAnimation="slide-up"
-          bulletPoints={[
-            {
-              title: "Free 3D Project Visualization",              description: "See your complete project before construction begins with our professional rendering service",              icon: Eye
-            },
-            {
-              title: "Professional Project Planning",              description: "Detailed timelines, material specifications, and structured installation processes",              icon: CheckCircle2
-            },
-            {
-              title: "Outdoor Material Showroom",              description: "Explore real samples and design options in person to make confident material selections",              icon: Palette
-            },
-            {
-              title: "Experienced Installation Teams",              description: "Certified professionals with years of expertise in premium hardscape installation",              icon: Users
-            },
-            {
-              title: "Clear Communication & Timelines",              description: "Transparent updates throughout your project with professional project management",              icon: MessageCircle
-            }
+        <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."
+          background={{ variant: "plain" }}
+          kpis={[
+            { value: "3D", label: "Project Visualization " },
+            { value: "Custom", label: "Designed Projects" },
+            { value: "6 Year", label: "Warranty Coverage" }
          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=1"
-          imageAlt="Material showroom display"
-          buttons={[{ text: "Start Your Project Plan", href: "#contact" }]}
+          enableKpiAnimation={true}
+          tag="Our Process"
+          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>

      <div id="3d-design" data-section="3d-design">
        <FeatureHoverPattern
-          title="See Your Project Before We Build It"
-          description="Taishan Construction offers complimentary 3D project renderings so you can visualize your driveway, backyard, or porch before construction begins. This allows homeowners to make confident decisions before investing in their project."
-          tag="3D Design Technology"
+          title="See Your Project Before a Single Brick Is Laid"
+          description=""
+          tag="Visualization Technology"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            {
              icon: Eye,
-              title: "Photorealistic Renderings",              description: "Crystal-clear 3D visualizations showing materials, lighting, landscaping, and final details",              button: { text: "Get Free 3D Design", href: "#contact" }
+              title: "Professional 3D Visualization",              description: "We create realistic renderings that show layout, materials, elevation, and lighting so you can clearly see how your project will look before construction begins.",              button: { text: "Request Your Vision", href: "#contact" }
            },
            {
              icon: ArrowRightLeft,
-              title: "Before & After Comparisons",              description: "Side-by-side views showing current property and your completed dream project transformation"
+              title: "Design vs Final Result",              description: "Compare our 3D design with the completed project to see how accurate planning leads to beautiful finished results."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
-          buttons={[{ text: "Request Your Free 3D Design", href: "#contact" }]}
+          buttons={[{ text: "Begin Your Design Journey", href: "#contact" }]}
          cardTitleClassName="text-5xl font-bold mb-4"
        />
      </div>
@@ -211,36 +201,36 @@ export default function LandingPage() {
        <div className="px-6 lg:px-12 py-16 lg:py-24">
          <div className="max-w-7xl mx-auto">
            <div className="mb-12">
-              <p className="text-sm font-semibold uppercase tracking-wider text-primary-cta mb-2">Complete Solutions</p>
-              <h2 className="text-4xl lg:text-5xl font-bold mb-4">Our Services</h2>
-              <p className="text-lg text-foreground/80">Premium construction and landscaping services for Toronto and the Greater Toronto Area. Each project is crafted with precision and built to last.</p>
+              <p className="text-sm font-semibold uppercase tracking-wider text-primary-cta mb-2">Design + Craftsmanship</p>
+              <h2 className="text-4xl lg:text-5xl font-bold mb-4">What We Build.</h2>
+              <p className="text-lg text-foreground/80">We specialize in premium outdoor construction — including driveways, patios, walkways, entrances, retaining walls, and landscape lighting — helping homeowners across the GTA transform their properties.</p>
            </div>

            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
              {[
                {
                  id: "interlock",                  icon: Cog,
-                  title: "Interlock Driveways",                  description: "Professional interlock paving with premium materials and expert installation"
+                  title: "Interlock Driveways",                  description: "Premium interlock paving systems designed with precision and executed with masterful craftsmanship"
                },
                {
                  id: "patios",                  icon: Palette,
-                  title: "Backyard Patios",                  description: "Custom patio designs transforming outdoor living spaces into luxury retreats"
+                  title: "Outdoor Living Spaces",                  description: "Custom outdoor living areas designed for relaxing, entertaining, and extending the functionality of your backyard."
                },
                {
                  id: "walkways",                  icon: Footprints,
-                  title: "Walkways",                  description: "Decorative and functional pathways connecting your property with style"
+                  title: "Signature Pathway Design",                  description: "Architecturally composed walkways connecting spaces with refined elegance and functionality"
                },
                {
                  id: "retaining",                  icon: Building2,
-                  title: "Retaining Walls",                  description: "Structural and aesthetic walls for landscaping and property management"
+                  title: "Structural Stone Elements",                  description: "Engineered retaining walls combining aesthetic refinement with enduring structural integrity"
                },
                {
                  id: "porches",                  icon: Home,
-                  title: "Natural Stone Porches",                  description: "Premium stone entry features creating impressive curb appeal"
+                  title: "Natural Stone Entry Statements",                  description: "Premium stone features creating commanding first impressions and architectural distinction"
                },
                {
                  id: "lighting",                  icon: Zap,
-                  title: "Landscape Lighting",                  description: "Professional outdoor lighting systems enhancing ambiance and security"
+                  title: "Curated Landscape Illumination",                  description: "Professional lighting design systems enhancing ambiance, function, and architectural character"
                }
              ].map((service) => (
                <div
@@ -257,8 +247,8 @@ export default function LandingPage() {
                  {servicesHoveredCard === service.id && (
                    <div className="absolute inset-0 rounded-lg bg-black/50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none">
                      <div className="text-center text-white p-4">
-                        <p className="font-semibold">See examples of this service</p>
-                        <p className="text-sm text-white/80">in our project gallery</p>
+                        <p className="font-semibold">Explore our portfolio</p>
+                        <p className="text-sm text-white/80">of completed transformations</p>
                      </div>
                    </div>
                  )}
@@ -267,8 +257,8 @@ export default function LandingPage() {
            </div>

            <div className="bg-card rounded-lg p-8 border border-accent/20">
-              <h3 className="text-2xl font-bold mb-6">Interlock Driveway Showcase</h3>
-              <p className="text-foreground/80 mb-8">Hover over the slider to see our photorealistic 3D renderings compared to actual completed projects:</p>
+              <h3 className="text-2xl font-bold mb-6">From Design to Reality.</h3>
+              <p className="text-foreground/80 mb-8">Compare our 3D designs with the finished construction:</p>
              <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
                {beforeAfterPairs.map((pair, index) => (
                  <BeforeAfterCard
@@ -287,30 +277,30 @@ export default function LandingPage() {
        <div className="px-6 lg:px-12 py-16 lg:py-24">
          <div className="max-w-7xl mx-auto">
            <div className="mb-12">
-              <p className="text-sm font-semibold uppercase tracking-wider text-primary-cta mb-2">Portfolio Showcase</p>
-              <h2 className="text-4xl lg:text-5xl font-bold mb-4">Project Gallery</h2>
-              <p className="text-lg text-foreground/80">Explore our portfolio of premium hardscape and construction projects across the GTA.</p>
+              <p className="text-sm font-semibold uppercase tracking-wider text-primary-cta mb-2">Project Portfolio</p>
+              <h2 className="text-4xl lg:text-5xl font-bold mb-4">Featured Projects</h2>
+              <p className="text-lg text-foreground/80">Explore some of our recent driveway, patio, and backyard transformation projects across Toronto and the GTA.</p>
            </div>

            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
              {[
                {
-                  id: "project-1",                  title: "Luxury Residential Development",                  category: "Premium Projects",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=2",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=2",                  description: "High-end construction showcasing precision craftsmanship and attention to detail"
+                  id: "project-1",                  title: "Luxury Residential Development",                  category: "Modern Hardscape – Scarborough",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=2",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=2",                  description: "Precision-crafted hardscape showcasing refined design and meticulous execution"
                },
                {
-                  id: "project-2",                  title: "Contemporary Hardscape Design",                  category: "Premium Projects",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=2",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=2",                  description: "Large format pavers with sophisticated layout and professional finishing"
+                  id: "project-2",                  title: "Contemporary Hardscape Design",                  category: "Architectural Interlock – Toronto",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=2",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=2",                  description: "Large format architectural design with sophisticated material composition and refined finishing"
                },
                {
-                  id: "project-3",                  title: "Luxury Outdoor Living Space",                  category: "Premium Projects",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=3",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=3",                  description: "Complete outdoor transformation with premium materials and expert installation"
+                  id: "project-3",                  title: "Luxury Outdoor Living Space",                  category: "Premium Patio – North York",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=3",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=3",                  description: "Complete outdoor transformation merging design vision with architectural precision"
                },
                {
-                  id: "project-4",                  title: "Premium Patio Entertainment Area",                  category: "Premium Projects",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=3",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=3",                  description: "Multi-level design with integrated features and ambient lighting"
+                  id: "project-4",                  title: "Premium Patio Entertainment Area",                  category: "Multi-Level Design – Vaughan",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=3",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=3",                  description: "Sophisticated multi-level composition with integrated features and ambient illumination"
                },
                {
-                  id: "project-5",                  title: "Natural Stone Entry Design",                  category: "Premium Projects",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=4",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=4",                  description: "Custom stone work creating impressive curb appeal and property value"
+                  id: "project-5",                  title: "Natural Stone Entry Design",                  category: "Stone Architecture – Markham",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=4",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-uklcyhsf.jpg?_wi=4",                  description: "Bespoke stone elements creating architectural distinction and timeless curb appeal"
                },
                {
-                  id: "project-6",                  title: "Professional Landscape Installation",                  category: "Premium Projects",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=4",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=4",                  description: "Complete landscape design and installation enhancing property flow"
+                  id: "project-6",                  title: "Professional Landscape Installation",                  category: "Landscape Transformation – Richmond Hill",                  beforeSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=4",                  afterSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=4",                  description: "Comprehensive landscape composition enhancing property flow and spatial experience"
                }
              ].map((project) => (
                <div
@@ -353,9 +343,10 @@ export default function LandingPage() {

      <div id="showroom" data-section="showroom">
        <SplitAbout
-          title="Visit Our Outdoor Material Showroom"
-          description="Explore real materials and design options before construction begins. Compare interlock styles, natural stone, lighting systems, and layout options with our expert team."
-          tag="Showroom Experience"
+          title="Visit Our 
+10,000 SQFT Design Showroom"
+          description="Explore interlock, natural stone, lighting, and outdoor features in person. Our team helps you compare materials and make confident decisions before construction begins."
+          tag="10,000+ SQFT SHOWROOM "
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
@@ -363,21 +354,22 @@ export default function LandingPage() {
          mediaAnimation="slide-up"
          bulletPoints={[
            {
-              title: "Compare Materials In Person",              description: "Touch and see actual materials, finishes, and color options for your project",              icon: Eye
+              title: "Experience Materials In Person
+",              description: "See and feel real interlock, natural stone, lighting, and outdoor materials in our showroom so you can confidently choose what fits your home.",              icon: Eye
            },
            {
-              title: "Plan With Experts",              description: "Our design team helps you make confident selections based on your vision and budget",              icon: Users
+              title: "Design Consultation With Experts",              description: "Work with our team to plan layouts, materials, and features that balance design, durability, and budget.",              icon: Users
            },
            {
-              title: "Visualize Your Project",              description: "Use our showroom samples alongside 3D renderings to finalize your design",              icon: Lightbulb
+              title: "Render-to-Reality Visualization",              description: "View your project in 3D on a big screen and compare materials with real samples to ensure everything works together before construction begins.",              icon: Lightbulb
            },
            {
-              title: "Premium Product Selection",              description: "Access to exclusive high-end materials and professional-grade landscape lighting",              icon: Crown
+              title: "Live Design Configuration",              description: "Work 1:1 to adjust layouts, materials, and features in real time. We configure every detail together so your project is tailored exactly to your space.",              icon: Crown
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=1"
          imageAlt="Material showroom samples and display"
-          buttons={[{ text: "Book a Showroom Visit", href: "#contact" }]}
+          buttons={[{ text: "Schedule Your Consultation", href: "#contact" }]}
          buttonAnimation="slide-up"
          titleClassName="text-5xl font-bold mb-4"
          descriptionClassName="text-lg leading-relaxed mb-8"
@@ -386,22 +378,22 @@ export default function LandingPage() {

      <div id="process" data-section="process">
        <MetricCardTen
-          title="Our Proven Process"
-          description="A structured approach to delivering premium hardscape projects on time and on budget."
-          tag="Professional Installation"
+          title="The Design & Build Journey"
+          description="A collaborative process grounded in precision planning, transparent communication, and architectural excellence at every stage."
+          tag="Professional Process"
          tagAnimation="slide-up"
          metrics={[
            {
-              id: "1",              title: "Consultation & Assessment",              subtitle: "Understanding your vision, site conditions, and project requirements",              category: "Step 1",              value: "Free Quote"
+              id: "1",              title: "Architectural Vision Discovery",              subtitle: "Understanding your lifestyle, aesthetic preferences, and project aspirations in depth",              category: "Step 1",              value: "Complimentary"
            },
            {
-              id: "2",              title: "3D Design & Planning",              subtitle: "Professional renderings and detailed project specifications",              category: "Step 2",              value: "Included"
+              id: "2",              title: "Design Development & Rendering",              subtitle: "Photorealistic 3D visualizations revealing every detail before construction commences",              category: "Step 2",              value: "Included"
            },
            {
-              id: "3",              title: "Professional Construction",              subtitle: "Expert installation with certified teams and quality materials",              category: "Step 3",              value: "Fully Insured"
+              id: "3",              title: "Master Craftsmanship Execution",              subtitle: "Specialized installation teams bringing architectural precision to every element of your project",              category: "Step 3",              value: "Fully Insured"
            },
            {
-              id: "4",              title: "Final Walkthrough & Warranty",              subtitle: "Inspection, final touches, and comprehensive project warranty",              category: "Step 4",              value: "Guaranteed"
+              id: "4",              title: "Final Realization & Stewardship",              subtitle: "Comprehensive walkthrough, final refinements, and warranty protection ensuring lasting beauty",              category: "Step 4",              value: "Guaranteed"
            }
          ]}
          textboxLayout="default"
@@ -414,28 +406,28 @@ export default function LandingPage() {

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
-          title="Trusted By Homeowners Across the GTA"
-          description="See what our satisfied clients have to say about their Taishan Construction projects."
+          title="Trusted By Discerning Homeowners Across the GTA"
+          description="Discover what our clients value most: architectural vision realized, transformative design, and uncompromising craftsmanship."
          tag="Client Testimonials"
          tagAnimation="slide-up"
          testimonials={[
            {
-              id: "1",              title: "Complete Driveway Transformation",              quote: "Taishan's team transformed our driveway into something spectacular. The 3D design preview was incredibly helpful, and the installation was professional from start to finish. Highly recommended for anyone in Toronto looking for premium hardscape work.",              name: "Jennifer Chen",              role: "Toronto Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=2",              imageAlt: "Jennifer Chen"
+              id: "1",              title: "Complete Driveway Transformation",              quote: "Taishan elevated our driveway from ordinary to extraordinary. The 3D design process was revelatory—seeing the final vision before construction meant we could make truly confident decisions. The installation team's precision and professionalism exceeded every expectation.",              name: "Jennifer Chen",              role: "Toronto Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=2",              imageAlt: "Jennifer Chen"
            },
            {
-              id: "2",              title: "Outstanding Patio Project",              quote: "We couldn't be happier with our new backyard patio. The team listened to our vision, created perfect 3D renderings, and delivered exactly what we envisioned. The attention to detail and timeline management were exceptional.",              name: "Michael Rodriguez",              role: "Vaughan Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=3",              imageAlt: "Michael Rodriguez"
+              id: "2",              title: "Architectural Patio Masterpiece",              quote: "They didn't just build a patio—they created an outdoor sanctuary that transformed how we experience our property. The design process was collaborative, the vision brought to life with masterful precision. This is luxury redefined.",              name: "Michael Rodriguez",              role: "Vaughan Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=3",              imageAlt: "Michael Rodriguez"
            },
            {
-              id: "3",              title: "Professional & Reliable",              quote: "From the initial consultation through completion, Taishan showed true professionalism. Their material showroom helped us choose the perfect stone for our porch. The finished result exceeded our expectations.",              name: "Sarah Thompson",              role: "North York Resident",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=4",              imageAlt: "Sarah Thompson"
+              id: "3",              title: "Design Sophistication & Excellence",              quote: "From consultation through completion, every interaction reflected true professionalism and architectural expertise. Their material showroom made material selection feel like an art form. The finished result is stunning—every detail matters.",              name: "Sarah Thompson",              role: "North York Resident",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=4",              imageAlt: "Sarah Thompson"
            },
            {
-              id: "4",              title: "Worth Every Investment",              quote: "This is clearly a luxury construction company, not just a contractor. The entire process felt premium, from the design consultation to the final walkthrough. Our property value and curb appeal have both dramatically improved.",              name: "David Park",              role: "Markham Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=5",              imageAlt: "David Park"
+              id: "4",              title: "Transformative Architectural Vision",              quote: "This is clearly a design-focused architecture firm, not a conventional contractor. The entire journey felt premium—from the initial vision consultation through the final reveal. Our property has been architecturally transformed.",              name: "David Park",              role: "Markham Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=5",              imageAlt: "David Park"
            },
            {
-              id: "5",              title: "Exceptional Waterproofing Work",              quote: "We had basement waterproofing done by Taishan and couldn't be happier. Their expertise was evident, and our foundation is now completely protected. Highly professional team.",              name: "Lisa Martinez",              role: "Richmond Hill Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=6",              imageAlt: "Lisa Martinez"
+              id: "5",              title: "Precision & Craftsmanship",              quote: "Exceptional expertise and meticulous attention to detail in every phase. The team's knowledge of materials and execution was evident in every interaction. Our foundation improvements are built to last for generations.",              name: "Lisa Martinez",              role: "Richmond Hill Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=6",              imageAlt: "Lisa Martinez"
            },
            {
-              id: "6",              title: "Complete Backyard Overhaul",              quote: "Taishan handled our entire backyard renovation including patio, landscape lighting, and landscaping. The coordination was seamless, and the final result is absolutely stunning. We now have the backyard of our dreams.",              name: "Robert Williams",              role: "Scarborough Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=7",              imageAlt: "Robert Williams"
+              id: "6",              title: "Complete Outdoor Transformation",              quote: "Taishan coordinated our entire backyard renovation—patio, landscape architecture, and professional lighting—into a cohesive masterpiece. The transformation is breathtaking. We now have the outdoor sanctuary we've always envisioned.",              name: "Robert Williams",              role: "Scarborough Homeowner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=7",              imageAlt: "Robert Williams"
            }
          ]}
          textboxLayout="default"
@@ -447,32 +439,32 @@ export default function LandingPage() {

      <div id="contact" data-section="contact">
        <ContactFaq
-          ctaTitle="Ready to Transform Your Property?"
-          ctaDescription="Start your project with a free consultation and photorealistic 3D rendering."
+          ctaTitle="Let's Create Something Exceptional"
+          ctaDescription="Start planning your outdoor transformation today. Your first consultation includes a comprehensive site assessment and complimentary architectural concepts."
          ctaButton={{
-            text: "Get Free 3D Design",            href: "mailto:info@taishanconstruction.com?subject=Free%203D%20Design%20Consultation"
+            text: "Start Your Project",            href: "mailto:info@taishanconstruction.com?subject=Begin%20My%20Design%20Consultation"
          }}
          ctaIcon={Sparkles}
          useInvertedBackground={false}
          animationType="slide-up"
          faqs={[
            {
-              id: "1",              title: "What areas do you service?",              content: "We service the entire Greater Toronto Area (GTA), including Toronto, Scarborough, Markham, North York, Richmond Hill, Vaughan, Pickering, Ajax, and surrounding communities. Contact us for your specific location."
+              id: "1",              title: "Which areas do you serve?",              content: "We serve the entire Greater Toronto Area (GTA), including Toronto, Scarborough, Markham, North York, Richmond Hill, Vaughan, Pickering, Ajax, and surrounding communities. Contact us to discuss your specific location and project vision."
            },
            {
-              id: "2",              title: "Do you offer free consultations and quotes?",              content: "Yes, we provide free on-site consultations and quotes for all projects. During your consultation, we'll assess your property, discuss your vision, and provide transparent pricing."
+              id: "2",              title: "Are consultations and design quotes complimentary?",              content: "Yes, we provide comprehensive on-site consultations and detailed design proposals at no cost. During your consultation, we assess your property, discuss your architectural vision, and provide transparent, detailed pricing."
            },
            {
-              id: "3",              title: "What is included in the 3D design service?",              content: "Our free 3D design includes photorealistic renderings of your complete project, showing materials, lighting, landscaping, and final details. This allows you to visualize the finished result before construction begins."
+              id: "3",              title: "What's included in your 3D design service?",              content: "Our photorealistic 3D renderings showcase your complete project—materials, finishes, lighting, landscaping, and architectural details. This visualization process allows you to experience your finished project before construction begins, enabling confident decision-making."
            },
            {
-              id: "4",              title: "How long does a typical project take?",              content: "Project timelines vary depending on scope and complexity. A driveway typically takes 1-2 weeks, patios 2-3 weeks, and larger projects may take 4-6 weeks. We'll provide a detailed timeline during planning."
+              id: "4",              title: "What is the typical project timeline?",              content: "Timelines vary by scope and complexity. Driveway projects typically require 1-2 weeks, patios 2-3 weeks, and larger architectural commissions may take 4-6 weeks. We provide detailed scheduling during the planning phase."
            },
            {
-              id: "5",              title: "Do you offer warranties on your work?",              content: "Yes, we stand behind our work with comprehensive warranties. All installations include workmanship guarantees, and material warranties vary by product. Details are provided with your project estimate."
+              id: "5",              title: "Do you provide warranties on completed work?",              content: "Absolutely. We stand behind our craftsmanship with comprehensive warranties covering all workmanship and materials. Details are included in your project estimate and final contract."
            },
            {
-              id: "6",              title: "Can I visit your material showroom?",              content: "Absolutely! We encourage homeowners to visit our outdoor material showroom to explore interlock styles, natural stone options, and landscape lighting systems. Call us to schedule a convenient time."
+              id: "6",              title: "Can I visit your material showroom?",              content: "We encourage you to experience our curated showroom displaying premium interlock options, natural stone varieties, and professional landscape lighting systems. Contact us to schedule your personal consultation."
            }
          ]}
        />
@@ -483,19 +475,19 @@ export default function LandingPage() {
          columns={[
            {
              title: "Services",              items: [
-                { label: "Interlock Driveways", href: "#services" },
-                { label: "Backyard Patios", href: "#services" },
-                { label: "Walkways", href: "#services" },
-                { label: "Retaining Walls", href: "#services" },
-                { label: "Natural Stone Porches", href: "#services" }
+                { label: "Architectural Interlock", href: "#services" },
+                { label: "Outdoor Design", href: "#services" },
+                { label: "Stone Architecture", href: "#services" },
+                { label: "Retaining Structures", href: "#services" },
+                { label: "Premium Entries", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Our Process", href: "#process" },
-                { label: "Gallery", href: "#gallery" },
-                { label: "Showroom", href: "#showroom" },
-                { label: "About", href: "#taishan-effect" },
+                { label: "Project Gallery", href: "#gallery" },
+                { label: "Design Showroom", href: "#showroom" },
+                { label: "Our Approach", href: "#taishan-effect" },
                { label: "Contact", href: "#contact" }
              ]
            },
@@ -508,7 +500,7 @@ export default function LandingPage() {
              ]
            }
          ]}
-          copyrightText="© 2024 Taishan Construction. All rights reserved. Premium hardscape and construction services for the GTA."
+          copyrightText="© 2024 Taishan Construction. All rights reserved. Premium architectural design and hardscape services for the Greater Toronto Area."
        />
      </div>
    </ThemeProvider>
Author	SHA1	Message	Date
bender	5d1ba6848b	Merge version_13 into main Merge version_13 into main	2026-03-06 17:20:17 +00:00
bender	bef65b4f96	Update src/app/page.tsx	2026-03-06 17:20:13 +00:00
bender	f34576755e	Merge version_13 into main Merge version_13 into main	2026-03-06 17:15:21 +00:00
bender	9f3fdf00fb	Update src/app/page.tsx	2026-03-06 17:15:17 +00:00
bender	596bd9c0e2	Merge version_13 into main Merge version_13 into main	2026-03-06 17:07:47 +00:00
bender	f519857b94	Update src/app/page.tsx	2026-03-06 17:07:42 +00:00
bender	018102a1f9	Merge version_13 into main Merge version_13 into main	2026-03-06 17:07:13 +00:00
bender	58d847d3f3	Update src/app/page.tsx	2026-03-06 17:07:03 +00:00
bender	6a14e34ef5	Merge version_13 into main Merge version_13 into main	2026-03-06 17:02:53 +00:00
bender	92ebe4a048	Update src/app/page.tsx	2026-03-06 17:02:49 +00:00
bender	3f5d29fc53	Merge version_13 into main Merge version_13 into main	2026-03-06 16:58:43 +00:00
bender	6b9cc474df	Update src/app/page.tsx	2026-03-06 16:58:39 +00:00
bender	96d438de20	Merge version_12 into main Merge version_12 into main	2026-03-06 16:46:43 +00:00
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	bf617085f0	Update src/app/page.tsx	2026-03-06 16:43:22 +00:00
bender	72187753d2	Merge version_11 into main Merge version_11 into main	2026-03-06 16:43:01 +00:00
bender	43d6c30e7f	Update src/app/page.tsx	2026-03-06 16:42:57 +00:00
bender	a6f10488ec	Merge version_11 into main Merge version_11 into main	2026-03-06 16:39:11 +00:00
bender	c4842ecc42	Update src/app/page.tsx	2026-03-06 16:39:07 +00:00
bender	7ec64dc636	Merge version_11 into main Merge version_11 into main	2026-03-06 15:43:22 +00:00
bender	d5199317fa	Update src/app/page.tsx	2026-03-06 15:43:18 +00:00
bender	c347dbb9be	Merge version_11 into main Merge version_11 into main	2026-03-06 15:41:18 +00:00
bender	0b2d63a58c	Update src/app/page.tsx	2026-03-06 15:41:13 +00:00
bender	c1ef424b74	Merge version_11 into main Merge version_11 into main	2026-03-06 15:39:14 +00:00
bender	3d4c0d222e	Update src/app/page.tsx	2026-03-06 15:39:10 +00:00
bender	6d27d93901	Update src/app/layout.tsx	2026-03-06 15:39:10 +00:00
bender	d89b14b136	Merge version_10 into main Merge version_10 into main	2026-03-06 00:38:34 +00:00
bender	f571e7a769	Update src/app/page.tsx	2026-03-06 00:38:30 +00:00
bender	a9b7d6174d	Update src/app/layout.tsx	2026-03-06 00:38:30 +00:00
bender	12d94758a0	Switch to version 7: modified src/app/page.tsx	2026-03-06 00:36:17 +00:00
bender	768692f3c2	Switch to version 7: modified src/app/layout.tsx	2026-03-06 00:36:16 +00:00
bender	1a4c4506b1	Switch to version 8: modified src/app/styles/base.css	2026-03-06 00:36:04 +00:00
bender	25fcee3ade	Switch to version 8: modified src/app/page.tsx	2026-03-06 00:36:04 +00:00
bender	294db75d6f	Switch to version 8: modified src/app/layout.tsx	2026-03-06 00:36:04 +00:00
bender	d70e120160	Switch to version 8: modified src/app/globals.css	2026-03-06 00:36:03 +00:00
bender	66a0add59f	Merge version_9 into main Merge version_9 into main	2026-03-06 00:33:31 +00:00
bender	70c507e8c0	Update src/app/styles/base.css	2026-03-06 00:33:27 +00:00
bender	744004a7e3	Update src/app/page.tsx	2026-03-06 00:33:26 +00:00
bender	f89cd8da30	Update src/app/layout.tsx	2026-03-06 00:33:26 +00:00
bender	49b3451e73	Update src/app/globals.css	2026-03-06 00:33:25 +00:00
bender	cec6f8051c	Switch to version 6: modified src/app/page.tsx	2026-03-06 00:28:51 +00:00
bender	bd32213e53	Switch to version 6: modified src/app/layout.tsx	2026-03-06 00:28:50 +00:00
bender	48e9703c20	Switch to version 7: modified src/app/page.tsx	2026-03-06 00:28:46 +00:00
bender	cca44b1778	Switch to version 7: modified src/app/layout.tsx	2026-03-06 00:28:45 +00:00
bender	b8485489ba	Switch to version 8: modified src/app/page.tsx	2026-03-06 00:28:12 +00:00
bender	e0ccb103af	Switch to version 8: modified src/app/layout.tsx	2026-03-06 00:28:12 +00:00
bender	59784c678f	Switch to version 7: modified src/app/page.tsx	2026-03-06 00:28:06 +00:00
bender	b55e5e7c70	Switch to version 7: modified src/app/layout.tsx	2026-03-06 00:28:06 +00:00
bender	0600cb2a81	Merge version_8 into main Merge version_8 into main	2026-03-06 00:25:24 +00:00
bender	e0076c6b13	Update src/app/page.tsx	2026-03-06 00:25:20 +00:00
bender	3eed2431ef	Update src/app/layout.tsx	2026-03-06 00:25:19 +00:00
bender	3fe25ae0df	Merge version_7 into main Merge version_7 into main	2026-03-06 00:18:04 +00:00