Compare commits
33 Commits
version_7
...
version_11
| Author | SHA1 | Date | |
|---|---|---|---|
| bf617085f0 | |||
| 43d6c30e7f | |||
| c4842ecc42 | |||
| d5199317fa | |||
| 0b2d63a58c | |||
| 3d4c0d222e | |||
| 6d27d93901 | |||
| d89b14b136 | |||
| f571e7a769 | |||
| a9b7d6174d | |||
| 12d94758a0 | |||
| 768692f3c2 | |||
| 1a4c4506b1 | |||
| 25fcee3ade | |||
| 294db75d6f | |||
| d70e120160 | |||
| 66a0add59f | |||
| 70c507e8c0 | |||
| 744004a7e3 | |||
| f89cd8da30 | |||
| 49b3451e73 | |||
| cec6f8051c | |||
| bd32213e53 | |||
| 48e9703c20 | |||
| cca44b1778 | |||
| b8485489ba | |||
| e0ccb103af | |||
| 59784c678f | |||
| b55e5e7c70 | |||
| 0600cb2a81 | |||
| e0076c6b13 | |||
| 3eed2431ef | |||
| 3fe25ae0df |
@@ -5,7 +5,8 @@ import "./globals.css";
|
||||
const raleway = Raleway({ 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 - Premium Hardscape & Construction Services Toronto", description: "Premium landscaping and construction services across the GTA. Free 3D design, professional installation, material showroom."
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -1384,4 +1385,4 @@ export default function RootLayout({
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
205
src/app/page.tsx
205
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
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 SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
@@ -77,13 +77,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 +114,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: "Claim Your Free 3D Design ", href: "#contact" },
|
||||
{ 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"
|
||||
@@ -146,9 +147,9 @@ export default function LandingPage() {
|
||||
|
||||
<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"
|
||||
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}
|
||||
@@ -156,24 +157,24 @@ export default function LandingPage() {
|
||||
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: "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: "Professional Project Planning", description: "Detailed timelines, material specifications, and structured installation processes", icon: CheckCircle2
|
||||
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: "Outdoor Material Showroom", description: "Explore real samples and design options in person to make confident material selections", icon: Palette
|
||||
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: "Experienced Installation Teams", description: "Certified professionals with years of expertise in premium hardscape installation", icon: Users
|
||||
title: "Masterful Execution", description: "Certified installation specialists with deep expertise in luxury hardscape construction and meticulous attention to architectural detail", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Clear Communication & Timelines", description: "Transparent updates throughout your project with professional project management", icon: MessageCircle
|
||||
title: "Transparent Collaboration", description: "Clear communication throughout every phase, with professional project management ensuring your vision becomes reality on schedule", icon: MessageCircle
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749903650-czkpede9.jpg"
|
||||
imageAlt="Material showroom display"
|
||||
buttons={[{ text: "Start Your Project Plan", href: "#contact" }]}
|
||||
buttons={[{ text: "Explore Our Approach", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
titleClassName="text-5xl font-bold mb-4"
|
||||
descriptionClassName="text-lg leading-relaxed mb-8"
|
||||
@@ -183,26 +184,26 @@ export default function LandingPage() {
|
||||
|
||||
<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="Step Into Your Future Backyard"
|
||||
description="Experience the emotional transformation of your outdoor space before the first stone is laid. Our immersive 3D renderings reveal not just what your project will look like, but how it will feel—the ambiance, the flow, the experience of luxury design realized."
|
||||
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: "Immersive Design Experience", description: "Step into your future. Our photorealistic renderings show lighting, materials, landscaping, and the emotional character of your completed transformation", 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: "Concept to Reality Comparison", description: "Side-by-side visualizations of your current property and the finished design, revealing the transformative power of thoughtful architectural planning"
|
||||
}
|
||||
]}
|
||||
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 +212,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">Architectural Specialties</h2>
|
||||
<p className="text-lg text-foreground/80">Premium outdoor design and construction across the Greater Toronto Area. Each commission represents a collaboration in creating spaces of lasting beauty and function.</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: "Architectural 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: "Custom Outdoor Sanctuaries", description: "Thoughtfully designed patio spaces transforming properties into luxurious outdoor experiences"
|
||||
},
|
||||
{
|
||||
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 +258,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 +268,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">Design Excellence Gallery</h3>
|
||||
<p className="text-foreground/80 mb-8">Hover to compare architectural renderings with realized projects:</p>
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||
{beforeAfterPairs.map((pair, index) => (
|
||||
<BeforeAfterCard
|
||||
@@ -287,30 +288,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">Architectural Commissions</h2>
|
||||
<p className="text-lg text-foreground/80">A curated selection of premium outdoor design projects across the Greater Toronto Area, each representing our commitment to transformative craftsmanship.</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 +354,9 @@ 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="The Design Experience Showroom"
|
||||
description="Step into our curated space to explore premium materials, finishes, and design possibilities. Our expert team guides you through every option to refine your architectural vision."
|
||||
tag="Material Consultation"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -363,21 +364,21 @@ 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 Their Element", description: "Touch, see, and envision authentic materials and finishes in carefully curated displays designed to inspire confident selections", 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: "Our specialists help refine your vision, balancing aesthetic aspirations with practical considerations and budget parameters", 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: "Compare your 3D architectural renderings with actual samples to ensure perfect harmony between design vision and final execution", icon: Lightbulb
|
||||
},
|
||||
{
|
||||
title: "Premium Product Selection", description: "Access to exclusive high-end materials and professional-grade landscape lighting", icon: Crown
|
||||
title: "Access to Exclusive Collections", description: "Discover premium architectural materials and professional-grade systems typically reserved for high-end design projects", 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 +387,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 +415,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 +448,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 +484,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,9 +509,9 @@ 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user