|
|
|
@@ -2,7 +2,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
|
|
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 SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
|
|
@@ -114,29 +115,30 @@ export default function LandingPage() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroSplitDualMedia
|
|
|
|
<HeroBillboardGallery
|
|
|
|
title="Designing Outdoor Spaces Worth Coming Home To"
|
|
|
|
title="Designing Outdoor Spaces Worth Coming Home To"
|
|
|
|
description="Transform your property into a luxurious outdoor sanctuary through thoughtful design, exceptional craftsmanship, and meticulous planning. Every project begins with vision and precision."
|
|
|
|
description="Premium construction, landscaping, and renovation services designed to elevate homes across Toronto and the GTA."
|
|
|
|
tag="Architectural Design"
|
|
|
|
tag="6 Year Workmanship Warranty"
|
|
|
|
tagIcon={Building2}
|
|
|
|
tagIcon={Building2}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
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+ Designs Realized"
|
|
|
|
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Start Designing Your Space", href: "#contact" },
|
|
|
|
{ text: "Claim Your Free 3D Design ", href: "#contact" },
|
|
|
|
{ text: "View Our Work", href: "#gallery" }
|
|
|
|
{ text: "View Our Work", href: "#gallery" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
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"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
textBoxClassName="max-w-2xl"
|
|
|
|
textBoxClassName="max-w-2xl"
|
|
|
|
titleClassName="text-5xl lg:text-6xl font-bold leading-tight tracking-tight"
|
|
|
|
titleClassName="text-5xl lg:text-6xl font-bold leading-tight tracking-tight"
|
|
|
|
descriptionClassName="text-lg lg:text-xl leading-relaxed"
|
|
|
|
descriptionClassName="text-lg lg:text-xl leading-relaxed"
|
|
|
|
@@ -145,39 +147,27 @@ export default function LandingPage() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="taishan-effect" data-section="taishan-effect">
|
|
|
|
<div id="taishan-effect" data-section="taishan-effect">
|
|
|
|
<SplitAbout
|
|
|
|
<HeroSplitKpi
|
|
|
|
title="The Taishan Approach"
|
|
|
|
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."
|
|
|
|
description="A refined methodology combining architectural precision, cutting-edge visualization, and curated material expertise to create outdoor spaces of enduring beauty."
|
|
|
|
tag="Design Excellence"
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
kpis={[
|
|
|
|
textboxLayout="default"
|
|
|
|
{ value: "3D", label: "Photorealistic Design" },
|
|
|
|
useInvertedBackground={false}
|
|
|
|
{ value: "100%", label: "Custom Solutions" },
|
|
|
|
imagePosition="right"
|
|
|
|
{ value: "6yr", label: "Warranty Coverage" }
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
|
|
|
bulletPoints={[
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Strategic Planning & Conceptualization", description: "We begin with a comprehensive vision, understanding your lifestyle and aesthetic preferences to craft a thoughtful design narrative", icon: Eye
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Photorealistic 3D Visualization", description: "Our advanced rendering technology transforms concepts into crystal-clear three-dimensional designs, revealing every material, finish, and spatial relationship before construction", icon: CheckCircle2
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Curated Material Selection", description: "Access to premium architectural materials and finishes, expertly curated and displayed in our showroom for confident, informed decisions", icon: Palette
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Masterful Execution", description: "Certified installation specialists with deep expertise in luxury hardscape construction and meticulous attention to architectural detail", icon: Users
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Transparent Collaboration", description: "Clear communication throughout every phase, with professional project management ensuring your vision becomes reality on schedule", icon: MessageCircle
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=1"
|
|
|
|
enableKpiAnimation={true}
|
|
|
|
imageAlt="Material showroom display"
|
|
|
|
tag="Design Excellence"
|
|
|
|
|
|
|
|
tagIcon={Eye}
|
|
|
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
buttons={[{ text: "Explore Our Approach", href: "#contact" }]}
|
|
|
|
buttons={[{ text: "Explore Our Approach", href: "#contact" }]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
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"
|
|
|
|
titleClassName="text-5xl font-bold mb-4"
|
|
|
|
descriptionClassName="text-lg leading-relaxed mb-8"
|
|
|
|
descriptionClassName="text-lg leading-relaxed mb-8"
|
|
|
|
bulletTitleClassName="text-xl font-semibold mb-2"
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
