7 Commits

Author SHA1 Message Date
bef65b4f96 Update src/app/page.tsx 2026-03-06 17:20:13 +00:00
9f3fdf00fb Update src/app/page.tsx 2026-03-06 17:15:17 +00:00
f519857b94 Update src/app/page.tsx 2026-03-06 17:07:42 +00:00
58d847d3f3 Update src/app/page.tsx 2026-03-06 17:07:03 +00:00
92ebe4a048 Update src/app/page.tsx 2026-03-06 17:02:49 +00:00
6b9cc474df Update src/app/page.tsx 2026-03-06 16:58:39 +00:00
96d438de20 Merge version_12 into main
Merge version_12 into main
2026-03-06 16:46:43 +00:00

View File

@@ -122,7 +122,7 @@ export default function LandingPage() {
tagIcon={Building2} tagIcon={Building2}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ text: "Claim Your Free 3D Design ", href: "#contact" }, { text: "Get Your Free 3D Design", href: "#contact" },
{ text: "View Our Work", href: "#gallery" } { text: "View Our Work", href: "#gallery" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
@@ -152,12 +152,12 @@ export default function LandingPage() {
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."
background={{ variant: "plain" }} background={{ variant: "plain" }}
kpis={[ kpis={[
{ value: "3D", label: "Photorealistic Design" }, { value: "3D", label: "Project Visualization " },
{ value: "100%", label: "Custom Solutions" }, { value: "Custom", label: "Designed Projects" },
{ value: "6yr", label: "Warranty Coverage" } { value: "6 Year", label: "Warranty Coverage" }
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
tag="Design Excellence" tag="Our Process"
tagIcon={Eye} tagIcon={Eye}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[{ text: "Explore Our Approach", href: "#contact" }]} buttons={[{ text: "Explore Our Approach", href: "#contact" }]}
@@ -173,19 +173,19 @@ export default function LandingPage() {
<div id="3d-design" data-section="3d-design"> <div id="3d-design" data-section="3d-design">
<FeatureHoverPattern <FeatureHoverPattern
title="Step Into Your Future Backyard" title="See Your Project Before a Single Brick Is Laid"
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." description=""
tag="Visualization Technology" tag="Visualization Technology"
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
features={[ features={[
{ {
icon: Eye, icon: Eye,
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" } 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, icon: ArrowRightLeft,
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" 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" animationType="slide-up"
@@ -202,19 +202,19 @@ export default function LandingPage() {
<div className="max-w-7xl mx-auto"> <div className="max-w-7xl mx-auto">
<div className="mb-12"> <div className="mb-12">
<p className="text-sm font-semibold uppercase tracking-wider text-primary-cta mb-2">Design + Craftsmanship</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> <h2 className="text-4xl lg:text-5xl font-bold mb-4">What We Build.</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> <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>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
{[ {[
{ {
id: "interlock", icon: Cog, id: "interlock", icon: Cog,
title: "Architectural Interlock Driveways", description: "Premium interlock paving systems designed with precision and executed with masterful craftsmanship" title: "Interlock Driveways", description: "Premium interlock paving systems designed with precision and executed with masterful craftsmanship"
}, },
{ {
id: "patios", icon: Palette, id: "patios", icon: Palette,
title: "Custom Outdoor Sanctuaries", description: "Thoughtfully designed patio spaces transforming properties into luxurious outdoor experiences" title: "Outdoor Living Spaces", description: "Custom outdoor living areas designed for relaxing, entertaining, and extending the functionality of your backyard."
}, },
{ {
id: "walkways", icon: Footprints, id: "walkways", icon: Footprints,
@@ -257,8 +257,8 @@ export default function LandingPage() {
</div> </div>
<div className="bg-card rounded-lg p-8 border border-accent/20"> <div className="bg-card rounded-lg p-8 border border-accent/20">
<h3 className="text-2xl font-bold mb-6">Design Excellence Gallery</h3> <h3 className="text-2xl font-bold mb-6">From Design to Reality.</h3>
<p className="text-foreground/80 mb-8">Hover to compare architectural renderings with realized projects:</p> <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"> <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
{beforeAfterPairs.map((pair, index) => ( {beforeAfterPairs.map((pair, index) => (
<BeforeAfterCard <BeforeAfterCard
@@ -278,8 +278,8 @@ export default function LandingPage() {
<div className="max-w-7xl mx-auto"> <div className="max-w-7xl mx-auto">
<div className="mb-12"> <div className="mb-12">
<p className="text-sm font-semibold uppercase tracking-wider text-primary-cta mb-2">Project Portfolio</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> <h2 className="text-4xl lg:text-5xl font-bold mb-4">Featured Projects</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> <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>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6"> <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
@@ -343,9 +343,10 @@ export default function LandingPage() {
<div id="showroom" data-section="showroom"> <div id="showroom" data-section="showroom">
<SplitAbout <SplitAbout
title="The Design Experience Showroom" title="Visit Our
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." 10,000 SQFT Design Showroom"
tag="Material Consultation" 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" tagAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -353,16 +354,17 @@ export default function LandingPage() {
mediaAnimation="slide-up" mediaAnimation="slide-up"
bulletPoints={[ bulletPoints={[
{ {
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: "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: "Design Consultation With Experts", description: "Our specialists help refine your vision, balancing aesthetic aspirations with practical considerations and budget parameters", 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: "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: "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: "Access to Exclusive Collections", description: "Discover premium architectural materials and professional-grade systems typically reserved for high-end design projects", 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" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772749929936-heyeujvs.jpg?_wi=1"