-
VG FENCE PRODUCTS
-
Ontario's B2B Fence Supply Partner. Premium quality, same-day delivery.
-
+
VG Fence Products
+
Ontario's B2B fence supply partner — KWC & beyond
+
📍 Serving 250km radius from Kitchener-Waterloo
+
-
Serving 250km across Ontario
-
Solutions
+
Products
-
-
Company
+
Services
-
-
Account
+
We serve
-
-
© {new Date().getFullYear()} VG Fence Products. All rights reserved.
-
Privacy Policy • Terms of Service
+
© {new Date().getFullYear()} VG Fence Products. All rights reserved. · Kitchener, Ontario, Canada
+
vgfence.com
);
diff --git a/components/Hero.tsx b/components/Hero.tsx
new file mode 100644
index 0000000..f7ca884
--- /dev/null
+++ b/components/Hero.tsx
@@ -0,0 +1,105 @@
+"use client";
+import Link from 'next/link';
+
+export default function Hero() {
+ return (
+
+
+
+
+
+
+
Kitchener–Waterloo Region · Ontario
+
+ Ontario's B2BFence Supply
+
+ Supplying contractors, builders, and property managers across Ontario with{' '}
+ chain link, ornamental, composite, glass railing, and stain products —
+ with same-day job site delivery across a 250km radius from KWC.
+
+
+
+
+
+
3+
+
Years serving KWC
+
+
+
250km
+
Delivery radius
+
+
+
+
B2B
+
Contractor focus
+
+
+
+
+
Request a quote
+
Response within 2 business hours · Contractor pricing available
+
+
+
+ );
+}
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index e69de09..3c0c77a 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -10,8 +10,6 @@ export default function Navbar() {
Get a quote
diff --git a/components/Products.tsx b/components/Products.tsx
new file mode 100644
index 0000000..afe0375
--- /dev/null
+++ b/components/Products.tsx
@@ -0,0 +1,112 @@
+import Link from 'next/link';
+
+export default function Products() {
+ const products = [
+ {
+ name: "Aluminum railing",
+ desc: "Residential and commercial aluminum railing systems for decks, balconies, stairs, and pools.",
+ tags: ["Residential", "Commercial"],
+ icon: (
+
+ )
+ },
+ {
+ name: "Chain link fence",
+ desc: "Commercial and residential chain link in black and galvanized finishes. High volume, quick delivery.",
+ tags: ["Black", "Galvanized", "Commercial", "Residential"],
+ icon: (
+
+ )
+ },
+ {
+ name: "Composite fences",
+ desc: "Low maintenance composite fence panels in three premium colours. Natural wood look, zero rot.",
+ tags: ["Ancient Wood", "Golden Teak", "Anthracite Grey"],
+ icon: (
+
+ )
+ },
+ {
+ name: "Glass railing",
+ desc: "Premium tempered glass railing for pools, decks, balconies, and commercial applications.",
+ tags: ["Pool-safe", "Residential", "Commercial"],
+ icon: (
+
+ )
+ },
+ {
+ name: "Ornamental fence",
+ desc: "Classic black ornamental iron fence for residential properties. Elegant, durable, and timeless.",
+ tags: ["Black", "Residential"],
+ icon: (
+
+ )
+ },
+ {
+ name: "Expert Stain & Seal",
+ desc: "Professional-grade wood care products for fences, decks, pergolas, and outdoor structures.",
+ tags: ["Stain & Seal", "Clean & Bright", "High margin"],
+ icon: (
+
+ )
+ },
+ {
+ name: "Fence armor",
+ desc: "Post protection accessories to extend the life of any fence installation. Post caps, guards, and rot barriers.",
+ tags: ["Post Caps", "Post Guards", "Rot Barrier"],
+ icon: (
+
+ )
+ },
+ {
+ name: "Temporary fence rentals",
+ desc: "Construction site fencing, crowd control, and event barriers available for short or long-term rental.",
+ tags: ["Construction", "Events", "Rental"],
+ icon: (
+
+ )
+ }
+ ];
+
+ return (
+
+
+
+
Our products
+
Everything youbuild.
+
+
+ Nine product lines in stock, ready for same-day or scheduled delivery to your job site anywhere in our 250km radius.
+
+
+ {products.map((product, index) => (
+
+
+ {product.icon}
+
+
{product.name}
+
{product.desc}
+
+ {product.tags.map((tag, tIndex) => (
+ {tag}
+ ))}
+
+
→
+
+ ))}
+
+
+
+
+
Need a custom quote?
+
Talk to our
+
Bulk orders · Contractor accounts · Scheduled deliveries · Job site planning
+
+
Request pricing →
+
+
+
+ );
+}
diff --git a/components/Services.tsx b/components/Services.tsx
new file mode 100644
index 0000000..1d94406
--- /dev/null
+++ b/components/Services.tsx
@@ -0,0 +1,80 @@
+export default function Services() {
+ const services = [
+ {
+ num: "01",
+ name: "2D Fence Drawing Services",
+ desc: "CAD-based fence layout drawings for residential and commercial projects. Perfect for permits, planning, and contractor submissions.",
+ list: [
+ "Residential & commercial layouts",
+ "Chain link, wood, aluminum drawings",
+ "Gate placement & access planning",
+ "Material takeoff & quantity estimation",
+ "Permit support drawings",
+ "Property boundary fence design"
+ ]
+ },
+ {
+ num: "02",
+ name: "Wood Staining Services",
+ desc: "Professional application of Expert Stain & Seal products on fences, decks, pergolas, and outdoor structures.",
+ list: [
+ "Fence, deck & pergola staining",
+ "New wood preparation & staining",
+ "Old wood restoration & re-staining",
+ "Cedar & pressure treated staining",
+ "UV & waterproof sealing",
+ "Color matching services"
+ ]
+ },
+ {
+ num: "03",
+ name: "Temporary & Site Services",
+ desc: "Complete temporary fencing solutions for construction sites, events, and emergency situations across Ontario.",
+ list: [
+ "Temporary fence rental setup",
+ "Construction site fence management",
+ "Site safety barrier installation",
+ "Emergency fence repair service"
+ ]
+ },
+ {
+ num: "04",
+ name: "Delivery & Logistics",
+ desc: "Reliable material delivery across our 250km service radius. Same-day local, bulk job site, and scheduled contractor deliveries.",
+ list: [
+ "Same-day delivery (local KWC)",
+ "Bulk job site delivery",
+ "Scheduled contractor deliveries",
+ "Small order pickup support"
+ ]
+ }
+ ];
+
+ return (
+
+
+
+ More than just supply.
+
+ {services.map((service, index) => (
+
+
{service.num}
+
+ {service.name.split(' ').map((word, wIndex) => (
+ wIndex >= 1 ? {word} : word
+ ))}
+
+
{service.desc}
+
+ {service.list.map((item, lIndex) => (
+ {item}
+ ))}
+
+
+ ))}
+
+ );
+}
diff --git a/components/StainPromo.tsx b/components/StainPromo.tsx
new file mode 100644
index 0000000..8cb5086
--- /dev/null
+++ b/components/StainPromo.tsx
@@ -0,0 +1,35 @@
+export default function StainPromo() {
+ return (
+
+
+
+
+
New — high margin product line
+
Expert Stain& Seal
+
Professional-grade wood care products built for contractors. Two products, maximum results — now available through VG Fence Products with contractor pricing and bulk ordering.
+
+
Product 1 Stain & Seal
+
Product 2 Clean & Bright
+
+
+
+
Who orders from us
+ {[
+ "Deck & fence staining contractors",
+ "Exterior painters & handymen",
+ "Pressure washing companies",
+ "Property maintenance companies",
+ "Wood restoration contractors",
+ "DIY homeowners (decks & fences)"
+ ].map((item, index) => (
+
+ ))}
+
Get stain product pricing →
+
+
+ );
+}
diff --git a/components/Territory.tsx b/components/Territory.tsx
new file mode 100644
index 0000000..9f3fd88
--- /dev/null
+++ b/components/Territory.tsx
@@ -0,0 +1,90 @@
+export default function Territory() {
+ return (
+
+ Service territory
+ Based in KWC.
+
+
+
250km radius
+
+ KWC
+
+ Guelph
+ ~30km
+
+ Hamilton
+ ~75km
+
+ Toronto / GTA
+ ~110km
+
+ Brantford
+ ~50km
+
+ Stratford
+ ~45km
+
+ London
+ ~120km
+
+ Owen Sound
+ ~175km
+
+ Barrie
+ ~160km
+
+ Niagara
+ ~150km
+
+ Major hub
+ Regional city
+ 250km radius
+
+
+
+
+
📍 Home base: Kitchener · Waterloo · Cambridge
+
+ {[
+ { type: 'home', name: 'Kitchener · Waterloo · Cambridge', sub: 'Home base — priority service area', dist: '0km' },
+ { type: 'near', name: 'Guelph', sub: 'High residential & commercial growth', dist: '~30km' },
+ { type: 'near', name: 'Brantford', sub: 'Contractors, builders, industrial', dist: '~50km' },
+ { type: 'near', name: 'Hamilton', sub: 'Industrial, commercial, property managers', dist: '~75km' },
+ { type: 'home', name: 'Toronto / GTA', sub: 'Commercial builders, developers, high volume', dist: '~110km' },
+ { type: 'home', name: 'London', sub: 'Large market, residential & commercial', dist: '~120km' },
+ { type: 'far', name: 'Niagara · Barrie · Owen Sound', sub: 'Extended delivery available', dist: '~150–175km' },
+ ].map((city, index) => (
+
+
+
+
{city.name}
+
{city.sub}
+
+
{city.dist}
+
+ ))}
+
+
+
+ );
+}
diff --git a/components/TrustBar.tsx b/components/TrustBar.tsx
new file mode 100644
index 0000000..1b4d87c
--- /dev/null
+++ b/components/TrustBar.tsx
@@ -0,0 +1,19 @@
+export default function TrustBar() {
+ const trustItems = [
+ { icon: '🚚', text: 'Same-day job site delivery' },
+ { icon: '📐', text: '2D fence drawing services' },
+ { icon: '🏗️', text: 'Contractor accounts available' },
+ { icon: '📍', text: 'Serving 250km across Ontario' },
+ { icon: '⭐', text: '3+ years serving KWC' },
+ ];
+
+ return (
+
+ {trustItems.map((item, index) => (
+
+ {item.icon} {item.text}
+
+ ))}
+
+ );
+}
diff --git a/components/WhoWeServe.tsx b/components/WhoWeServe.tsx
new file mode 100644
index 0000000..81dda41
--- /dev/null
+++ b/components/WhoWeServe.tsx
@@ -0,0 +1,30 @@
+export default function WhoWeServe() {
+ const targets = [
+ { priority: 1, name: "Fence contractors", examples: "Residential · Commercial · Chain link specialists · Ornamental installers" },
+ { priority: 1, name: "General contractors", examples: "Landscaping · Deck builders · Pool contractors · Renovation" },
+ { priority: 1, name: "Builders & developers", examples: "Home builders · Commercial builders · Site developers · Real estate developers" },
+ { priority: 2, name: "Property managers", examples: "Apartments · Commercial properties · Industrial facilities · Storage" },
+ { priority: 2, name: "Staining contractors", examples: "Deck staining · Fence staining · Painters · Handyman services · Pressure washing" },
+ { priority: 2, name: "Event & rental companies", examples: "Event management · Temp fence rental · Crowd control · Festival organizers" },
+ { priority: 3, name: "Government & institutions", examples: "Municipalities · Schools · Parks & rec · Public infrastructure · Government contractors", type: "Specialty" },
+ { priority: 3, name: "Agriculture & rural", examples: "Farms · Ranches · Livestock owners · Agricultural businesses", type: "Specialty" },
+ ];
+
+ return (
+
+ Who we serve
+ Built for thebuild.
+
+ {targets.map((target, index) => (
+
+
+ {target.priority === 1 ? '⬛ Priority 1' : target.priority === 2 ? '◼ Priority 2' : `◻ ${target.type}`}
+
+
{target.name}
+
{target.examples}
+
+ ))}
+
+ );
+}