bender/9965a27f-7f82-469a-a98f-5dddb60baf26
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-06 19:28:11 +00:00
Conversation 0 Commits 2 Files Changed 2 +187 -4
2 changed files with 187 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Hammer, Building, CheckCircle, DollarSign, Clock, MapPin, Wrench, Image, Phone, Star } from "lucide-react";
import { Hammer, Building, CheckCircle, DollarSign, Clock, MapPin, Wrench, Image, Phone, Star, Hammer as HammerIcon, Droplet, UtensilsCrossed, Drill, Brush, Paintbrush, Waves, DoorOpen, AlertTriangle } from "lucide-react";
export default function LandingPage() {
return (
@@ -92,22 +92,64 @@ export default function LandingPage() {
<FeatureCardTwelve
features={[
{
id: "bathroom", label: "Bathrooms", title: "Complete Bathroom Renovations", items: [
id: "full-home", label: "Full Home", title: "Full Home Renovations", items: [
"Complete structural assessment", "Design and planning consultation", "Multi-room coordination", "Project management"
],
buttons: [{ text: "Learn More", href: "contact" }]
},
{
id: "bathroom", label: "Bathrooms", title: "Bathroom Renovations", items: [
"Tile work and waterproofing", "Fixture installation", "Custom vanities and storage", "Ventilation systems"
],
buttons: [{ text: "Learn More", href: "contact" }]
},
{
id: "kitchen", label: "Kitchens", title: "Modern Kitchen Upgrades", items: [
id: "kitchen", label: "Kitchens", title: "Kitchen Renovations", items: [
"Cabinet refacing or replacement", "Countertop installation", "Appliance integration", "Lighting and finishes"
],
buttons: [{ text: "Learn More", href: "contact" }]
},
{
id: "roofing", label: "Roofing", title: "Roof Repairs & Replacement", items: [
id: "flooring", label: "Flooring", title: "Flooring Installation", items: [
"Hardwood and laminate installation", "Tile and stone work", "Subfloor preparation", "Finishing and sealing"
],
buttons: [{ text: "Learn More", href: "contact" }]
},
{
id: "brickwork", label: "Brickwork", title: "Brickwork & Plastering", items: [
"Brick and mortar work", "Wall repairs and restoration", "Professional plastering", "Surface finishing"
],
buttons: [{ text: "Learn More", href: "contact" }]
},
{
id: "roofing", label: "Roofing", title: "Roof Repairs", items: [
"Leak detection and repair", "Roof inspections", "Material replacement", "Weather protection"
],
buttons: [{ text: "Learn More", href: "contact" }]
},
{
id: "painting", label: "Painting", title: "Painting & Finishing", items: [
"Interior and exterior painting", "Surface preparation", "Color consultation", "Quality finishes"
],
buttons: [{ text: "Learn More", href: "contact" }]
},
{
id: "paving", label: "Paving", title: "Paving & Outdoor Areas", items: [
"Driveway paving", "Patio installation", "Outdoor landscaping", "Drainage solutions"
],
buttons: [{ text: "Learn More", href: "contact" }]
},
{
id: "doors-windows", label: "Doors & Windows", title: "Door & Window Installation", items: [
"Door frame installation", "Window replacement", "Weatherproofing", "Hardware installation"
],
buttons: [{ text: "Learn More", href: "contact" }]
},
{
id: "structural", label: "Structural", title: "Structural Repairs", items: [
"Foundation assessment", "Load-bearing wall work", "Structural reinforcement", "Safety compliance"
],
buttons: [{ text: "Learn More", href: "contact" }]
}
]}
animationType="blur-reveal"

141
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,141 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Wrench, Phone } from "lucide-react";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="medium"
background="blurBottom"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="BuildRight"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "projects" },
{ name: "Contact", id: "contact" }
]}
bottomLeftText="Roodepoort, Johannesburg"
bottomRightText="hello@buildright.co.za"
/>
</div>
<div id="services" data-section="services" style={{ paddingTop: "6rem" }}>
<FeatureCardTwelve
features={[
{
id: "full-home", label: "Full Home", title: "Full Home Renovations", items: [
"Complete structural assessment and planning", "Design consultation and 3D visualization", "Multi-room coordination and management", "Professional project timeline and delivery"
],
buttons: [{ text: "Get Quote", href: "contact" }]
},
{
id: "bathroom", label: "Bathrooms", title: "Bathroom Renovations", items: [
"Tile work and professional waterproofing", "Premium fixture installation and plumbing", "Custom vanities and storage solutions", "Ventilation systems and moisture control"
],
buttons: [{ text: "Get Quote", href: "contact" }]
},
{
id: "kitchen", label: "Kitchens", title: "Kitchen Renovations", items: [
"Cabinet refacing, replacement, and custom design", "Quality countertop installation and finishing", "Seamless appliance integration and electrical", "Professional lighting and premium finishes"
],
buttons: [{ text: "Get Quote", href: "contact" }]
},
{
id: "flooring", label: "Flooring", title: "Flooring Installation", items: [
"Hardwood and laminate installation expertise", "Premium tile and natural stone work", "Professional subfloor preparation and repair", "High-quality finishing and protective sealing"
],
buttons: [{ text: "Get Quote", href: "contact" }]
},
{
id: "brickwork", label: "Brickwork", title: "Brickwork & Plastering", items: [
"Expert brick and mortar work for structures", "Professional wall repairs and restoration", "Quality plastering and surface preparation", "Premium finishing for aesthetic appeal"
],
buttons: [{ text: "Get Quote", href: "contact" }]
},
{
id: "roofing", label: "Roofing", title: "Roof Repairs", items: [
"Comprehensive leak detection and repair", "Professional roof inspections and assessment", "Quality material replacement and upgrades", "Superior weather protection solutions"
],
buttons: [{ text: "Get Quote", href: "contact" }]
},
{
id: "painting", label: "Painting", title: "Painting & Finishing", items: [
"Professional interior and exterior painting", "Meticulous surface preparation and priming", "Expert color consultation and selection", "Premium finishes with attention to detail"
],
buttons: [{ text: "Get Quote", href: "contact" }]
},
{
id: "paving", label: "Paving", title: "Paving & Outdoor Areas", items: [
"Professional driveway paving and installation", "Custom patio design and construction", "Landscape integration and outdoor design", "Proper drainage solutions and maintenance"
],
buttons: [{ text: "Get Quote", href: "contact" }]
},
{
id: "doors-windows", label: "Doors & Windows", title: "Door & Window Installation", items: [
"Professional door frame and installation work", "Quality window replacement and upgrades", "Expert weatherproofing and insulation", "Complete hardware and finishing installation"
],
buttons: [{ text: "Get Quote", href: "contact" }]
},
{
id: "structural", label: "Structural", title: "Structural Repairs", items: [
"Comprehensive foundation assessment and repair", "Expert load-bearing wall construction work", "Professional structural reinforcement solutions", "Full safety compliance and building standards"
],
buttons: [{ text: "Get Quote", href: "contact" }]
}
]}
animationType="blur-reveal"
title="Our Services"
description="Comprehensive home renovation and construction services tailored to your needs. From complete home transformations to specialized repairs, BuildRight delivers quality workmanship with professional expertise."
tag="What We Do"
tagIcon={Wrench}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
ariaLabel="Services section describing all renovation offerings"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get Started"
title="Ready to Transform Your Home?"
description="Contact BuildRight today for a free consultation and detailed quote. Our team will discuss your project, answer questions, and provide professional guidance tailored to your renovation needs."
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Your email address"
buttonText="Get Free Quote"
termsText="We respect your privacy. We'll contact you within 24 hours with your free quote."
ariaLabel="Contact section for service inquiries"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="BuildRight"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
ariaLabel="Site footer with branding and links"
/>
</div>
</ThemeProvider>
);
}