|
|
|
|
@@ -2,15 +2,14 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
|
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
|
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
|
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
|
|
|
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
|
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
|
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
|
import { Building2, Eye, CheckCircle2, Palette, Users, MessageCircle, Sparkles, ArrowRightLeft, Cog, Footprints, Home, Zap, Shield, Hammer, Trees, Droplet, Frame, Lightbulb, Crown, Phone } from 'lucide-react';
|
|
|
|
|
import { Building2, Eye, CheckCircle2, Palette, Users, MessageCircle, Sparkles, ArrowRightLeft, Cog, Footprints, Home, Zap, Shield, Hammer, Trees, Droplet, Frame, Lightbulb, Crown, Phone, Calendar } from 'lucide-react';
|
|
|
|
|
import React, { useState } from 'react';
|
|
|
|
|
|
|
|
|
|
interface BeforeAfterImagePair {
|
|
|
|
|
@@ -99,7 +98,7 @@ export default function LandingPage() {
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<div id="nav" data-section="nav" className="fixed top-0 left-0 right-0 z-50">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
brandName="Taishan"
|
|
|
|
|
navItems={[
|
|
|
|
|
@@ -109,34 +108,28 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Process", id: "process" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Book Appointment Now", href: "#contact"
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDualMedia
|
|
|
|
|
<div id="hero" data-section="hero" className="pt-20">
|
|
|
|
|
<HeroBillboardScroll
|
|
|
|
|
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"
|
|
|
|
|
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"
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-lbulq2e9.jpg?_wi=1"
|
|
|
|
|
imageAlt="Premium project showcase"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Get Your Free 3D Design", href: "#contact" },
|
|
|
|
|
{ text: "Visit Our Showroom", href: "#showroom" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textBoxClassName="max-w-2xl"
|
|
|
|
|
containerClassName="max-w-full"
|
|
|
|
|
titleClassName="text-5xl lg:text-6xl font-bold leading-tight tracking-tight"
|
|
|
|
|
descriptionClassName="text-lg lg:text-xl leading-relaxed"
|
|
|
|
|
tagClassName="inline-flex items-center gap-2 font-semibold uppercase tracking-wider"
|
|
|
|
|
@@ -145,9 +138,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="Why Choose Taishan"
|
|
|
|
|
description="Premium quality, professional service, and guaranteed satisfaction for every project."
|
|
|
|
|
tag="The Taishan Advantage"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -155,19 +148,13 @@ 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: "6-Year Warranty", description: "Complete coverage and peace of mind on all materials and workmanship", icon: Shield
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Professional Project Planning", description: "Detailed timelines, material specifications, and structured installation processes", icon: CheckCircle2
|
|
|
|
|
title: "10,000 sq ft Showroom", description: "Explore real samples and design options in person to make confident selections", icon: Building2
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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
|
|
|
|
|
title: "Free 3D Design Technology", description: "See your complete project before construction begins with professional renderings", icon: Eye
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-ok3joqnq.jpg?_wi=1"
|
|
|
|
|
@@ -182,8 +169,8 @@ 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."
|
|
|
|
|
title="Experience Breathtaking 3D Design Technology"
|
|
|
|
|
description="Taishan Construction offers complimentary 3D project renderings with a custom client portal where you can view your design, track progress, and access project documents anytime, anywhere. Visualize your driveway, backyard, or porch before construction begins with crystal-clear photorealistic renderings."
|
|
|
|
|
tag="3D Design Technology"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -192,6 +179,10 @@ export default function LandingPage() {
|
|
|
|
|
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" }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Calendar,
|
|
|
|
|
title: "Custom Client Portal", description: "Access your project anytime with dedicated portal for designs, progress updates, and documentation"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: ArrowRightLeft,
|
|
|
|
|
title: "Before & After Comparisons", description: "Side-by-side views showing current property and your completed dream project transformation"
|
|
|
|
|
|
