bender/55d885d7-7b79-43ff-91ce-5658dc82e2f9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 00:33:49 +00:00
parent 2f3d68a45d
commit 48299c3903
1 changed files with 65 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

301
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Box, Briefcase, Building, CheckCircle, Clock, DollarSign, Eye, Home, ListChecks, MessageCircle, MessageSquare, Paintbrush, ShieldCheck, Sun, Tool, Users, Wrench } from "lucide-react";
import { Award, Box, Briefcase, Building, CheckCircle, Clock, DollarSign, Eye, Home, ListChecks, MessageCircle, MessageSquare, Paintbrush, ShieldCheck, Sun, Users, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,34 +31,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get a Free Quote",
href: "#contact",
}}
text: "Get a Free Quote", href: "#contact"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7tev3u"
logoAlt="Metro Carpentry Group logo"
brandName="Metro Carpentry Group"
@@ -68,21 +54,16 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
logoText="Metro Carpentry Group"
description="Premium residential and commercial carpentry solutions delivered with precision, quality, and craftsmanship. 4.9-Star Rated. Melbourne Carpentry Specialists. Quality Guaranteed."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
{
text: "Call Now",
href: "tel:+61409622403",
},
text: "Call Now", href: "tel:+61409622403"},
]}
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-with-hammer-building-roof-house_23-2148748848.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-with-hammer-building-roof-house_23-2148748848.jpg"
imageAlt="Modern carpentry project with timber frames and clean lines"
mediaAnimation="slide-up"
/>
@@ -96,49 +77,31 @@ export default function LandingPage() {
features={[
{
icon: Home,
title: "Residential Carpentry",
description: "Transforming homes with bespoke timber solutions, from extensions to detailed interior finishes.",
},
title: "Residential Carpentry", description: "Transforming homes with bespoke timber solutions, from extensions to detailed interior finishes."},
{
icon: Building,
title: "Commercial Carpentry",
description: "Delivering robust and stylish carpentry for offices, retail spaces, and commercial developments.",
},
title: "Commercial Carpentry", description: "Delivering robust and stylish carpentry for offices, retail spaces, and commercial developments."},
{
icon: Sun,
title: "Decking & Outdoor Structures",
description: "Creating durable and beautiful outdoor living areas, perfect for entertaining and relaxation.",
},
{
icon: Tool,
title: "Renovations & Extensions",
description: "Expertly expanding and upgrading properties with seamless carpentry integration and modern design.",
},
title: "Decking & Outdoor Structures", description: "Creating durable and beautiful outdoor living areas, perfect for entertaining and relaxation."},
{
icon: Wrench,
title: "Framing & Structural Carpentry",
description: "Constructing solid foundations and frameworks for new builds and major structural changes.",
},
title: "Renovations & Extensions", description: "Expertly expanding and upgrading properties with seamless carpentry integration and modern design."},
{
icon: Wrench,
title: "Framing & Structural Carpentry", description: "Constructing solid foundations and frameworks for new builds and major structural changes."},
{
icon: Building,
title: "Pergolas & Alfresco Areas",
description: "Designing and building custom pergolas and alfresco structures for enhanced outdoor enjoyment.",
},
title: "Pergolas & Alfresco Areas", description: "Designing and building custom pergolas and alfresco structures for enhanced outdoor enjoyment."},
{
icon: Box,
title: "Custom Timber Work",
description: "Crafting unique timber installations, joinery, and bespoke pieces tailored to your vision.",
},
title: "Custom Timber Work", description: "Crafting unique timber installations, joinery, and bespoke pieces tailored to your vision."},
{
icon: Paintbrush,
title: "Property Maintenance",
description: "Comprehensive carpentry maintenance and repair services to keep your property in top condition.",
},
title: "Property Maintenance", description: "Comprehensive carpentry maintenance and repair services to keep your property in top condition."},
{
icon: Briefcase,
title: "Shop Fit-Outs",
description: "Specialized carpentry for retail and commercial fit-outs, creating functional and attractive spaces.",
},
title: "Shop Fit-Outs", description: "Specialized carpentry for retail and commercial fit-outs, creating functional and attractive spaces."},
]}
title="Professional Carpentry Services Built with Precision"
description="From custom timber work to large-scale structural framing, our team delivers superior craftsmanship across all project types for homeowners, builders, and developers."
@@ -153,7 +116,7 @@ export default function LandingPage() {
title="About Metro Carpentry Group"
description="Metro Carpentry Group is a trusted Melbourne-based carpentry specialist dedicated to delivering exceptional craftsmanship. With years of experience, we pride ourselves on quality workmanship, reliable project delivery, and a truly customer-focused approach."
subdescription="We use only premium materials and pay meticulous attention to every detail, ensuring your residential or commercial project is built to last and exceeds your expectations."
icon={Tool}
icon={Wrench}
imageSrc="http://img.b2bpic.net/free-photo/top-view-wood-crafting-objects-assortment_23-2148732481.jpg"
imageAlt="Professional carpenter working on a timber frame"
mediaAnimation="opacity"
@@ -168,34 +131,22 @@ export default function LandingPage() {
features={[
{
icon: Users,
title: "Experienced Team",
description: "Highly skilled and certified carpenters with years of experience in complex projects.",
},
title: "Experienced Team", description: "Highly skilled and certified carpenters with years of experience in complex projects."},
{
icon: Award,
title: "Quality Craftsmanship",
description: "Meticulous attention to detail and a commitment to using premium materials for lasting results.",
},
title: "Quality Craftsmanship", description: "Meticulous attention to detail and a commitment to using premium materials for lasting results."},
{
icon: ShieldCheck,
title: "Fully Insured",
description: "Peace of mind knowing your project is fully covered by comprehensive insurance.",
},
title: "Fully Insured", description: "Peace of mind knowing your project is fully covered by comprehensive insurance."},
{
icon: Clock,
title: "Reliable Service",
description: "Punctual project delivery and consistent communication, from start to final completion.",
},
title: "Reliable Service", description: "Punctual project delivery and consistent communication, from start to final completion."},
{
icon: MessageCircle,
title: "Transparent Communication",
description: "Clear, honest, and regular updates throughout your project journey.",
},
title: "Transparent Communication", description: "Clear, honest, and regular updates throughout your project journey."},
{
icon: Eye,
title: "Attention to Detail",
description: "We pride ourselves on the finest details, ensuring a flawless finish every time.",
},
title: "Attention to Detail", description: "We pride ourselves on the finest details, ensuring a flawless finish every time."},
]}
title="Why Choose Metro Carpentry Group?"
description="We stand by our core values, ensuring every client receives unparalleled service and craftsmanship. Discover the difference that true dedication makes."
@@ -211,47 +162,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "project-1",
name: "Luxury Home Renovation",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712933.jpg",
imageAlt: "Completed luxury home renovation with custom timber features",
},
id: "project-1", name: "Luxury Home Renovation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712933.jpg", imageAlt: "Completed luxury home renovation with custom timber features"},
{
id: "project-2",
name: "Modern Decking Project",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-wooden-chairs-porch-wooden-house_181624-15412.jpg",
imageAlt: "Spacious timber decking in a modern backyard",
},
id: "project-2", name: "Modern Decking Project", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-wooden-chairs-porch-wooden-house_181624-15412.jpg", imageAlt: "Spacious timber decking in a modern backyard"},
{
id: "project-3",
name: "Outdoor Living Space",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698460.jpg",
imageAlt: "Stylish outdoor living area with a custom pergola",
},
id: "project-3", name: "Outdoor Living Space", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698460.jpg", imageAlt: "Stylish outdoor living area with a custom pergola"},
{
id: "project-4",
name: "Commercial Office Fit-Out",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-carpenter-using-drill-while-working-with-wood-workshop_637285-11681.jpg",
imageAlt: "Contemporary commercial office with timber paneling and custom joinery",
},
id: "project-4", name: "Commercial Office Fit-Out", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-carpenter-using-drill-while-working-with-wood-workshop_637285-11681.jpg", imageAlt: "Contemporary commercial office with timber paneling and custom joinery"},
{
id: "project-5",
name: "Bespoke Timber Installation",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wood-logs_23-2151340204.jpg",
imageAlt: "Unique custom timber staircase in a residential property",
},
id: "project-5", name: "Bespoke Timber Installation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wood-logs_23-2151340204.jpg", imageAlt: "Unique custom timber staircase in a residential property"},
{
id: "project-6",
name: "Before & After Gallery",
price: "View Gallery",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263531.jpg",
imageAlt: "Before and after comparison of a carpentry renovation",
},
id: "project-6", name: "Before & After Gallery", price: "View Gallery", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263531.jpg", imageAlt: "Before and after comparison of a carpentry renovation"},
]}
title="Showcasing Our Exceptional Craftsmanship"
description="Explore a selection of our recently completed residential and commercial projects, demonstrating the quality and versatility of Metro Carpentry Group."
@@ -264,65 +185,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "October 2023",
title: "Exceptional Home Renovation",
quote: "Metro Carpentry Group transformed our home. The attention to detail and quality of work on our extension was outstanding. Highly recommend their professional team!",
tag: "Homeowner",
avatarSrc: "http://img.b2bpic.net/free-photo/young-business-woman-checking-satisfaction-checklist-box-copy-space_1258-88647.jpg",
avatarAlt: "Sarah J. avatar",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7tev3u",
imageAlt: "professional man smiling portrait happy",
},
id: "1", name: "Sarah J.", date: "October 2023", title: "Exceptional Home Renovation", quote: "Metro Carpentry Group transformed our home. The attention to detail and quality of work on our extension was outstanding. Highly recommend their professional team!", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/young-business-woman-checking-satisfaction-checklist-box-copy-space_1258-88647.jpg", avatarAlt: "Sarah J. avatar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7tev3u", imageAlt: "professional man smiling portrait happy"},
{
id: "2",
name: "David M.",
date: "September 2023",
title: "Reliable Commercial Partner",
quote: "As a property developer, I need partners I can trust. Metro Carpentry Group delivered our commercial fit-out on time and to an impeccable standard.",
tag: "Property Developer",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
avatarAlt: "David M. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-with-hammer-building-roof-house_23-2148748848.jpg?_wi=2",
imageAlt: "professional man smiling portrait happy",
},
id: "2", name: "David M.", date: "September 2023", title: "Reliable Commercial Partner", quote: "As a property developer, I need partners I can trust. Metro Carpentry Group delivered our commercial fit-out on time and to an impeccable standard.", tag: "Property Developer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", avatarAlt: "David M. avatar", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-with-hammer-building-roof-house_23-2148748848.jpg", imageAlt: "professional man smiling portrait happy"},
{
id: "3",
name: "Emily R.",
date: "August 2023",
title: "Stunning Decking Project",
quote: "Our new timber deck is beyond perfect! The team was professional, friendly, and the craftsmanship is simply beautiful. It's truly a new outdoor oasis.",
tag: "Residential Client",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg",
avatarAlt: "Emily R. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530709.jpg",
imageAlt: "professional man smiling portrait happy",
},
id: "3", name: "Emily R.", date: "August 2023", title: "Stunning Decking Project", quote: "Our new timber deck is beyond perfect! The team was professional, friendly, and the craftsmanship is simply beautiful. It's truly a new outdoor oasis.", tag: "Residential Client", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg", avatarAlt: "Emily R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530709.jpg", imageAlt: "professional man smiling portrait happy"},
{
id: "4",
name: "Michael T.",
date: "July 2023",
title: "Precision Framing Experts",
quote: "Metro Carpentry Group handled all our structural framing with precision and efficiency. Their expertise made a critical phase of our build stress-free.",
tag: "Builder",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg",
avatarAlt: "Michael T. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-577.jpg",
imageAlt: "professional man smiling portrait happy",
},
id: "4", name: "Michael T.", date: "July 2023", title: "Precision Framing Experts", quote: "Metro Carpentry Group handled all our structural framing with precision and efficiency. Their expertise made a critical phase of our build stress-free.", tag: "Builder", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg", avatarAlt: "Michael T. avatar", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-577.jpg", imageAlt: "professional man smiling portrait happy"},
{
id: "5",
name: "Jessica L.",
date: "June 2023",
title: "Custom Work Excellence",
quote: "We commissioned a custom timber bookshelf, and the results are magnificent. It's a true piece of art and a testament to their skilled craftsmanship.",
tag: "Custom Project Client",
avatarSrc: "http://img.b2bpic.net/free-photo/builder-man-construction-uniform-safety-helmet-wearing-safety-glasses-looking-aside-with-pensive-expression-with-arms-crossed-his-chest-standing-pink-background_141793-138107.jpg",
avatarAlt: "Jessica L. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263533.jpg",
imageAlt: "professional man smiling portrait happy",
},
id: "5", name: "Jessica L.", date: "June 2023", title: "Custom Work Excellence", quote: "We commissioned a custom timber bookshelf, and the results are magnificent. It's a true piece of art and a testament to their skilled craftsmanship.", tag: "Custom Project Client", avatarSrc: "http://img.b2bpic.net/free-photo/builder-man-construction-uniform-safety-helmet-wearing-safety-glasses-looking-aside-with-pensive-expression-with-arms-crossed-his-chest-standing-pink-background_141793-138107.jpg", avatarAlt: "Jessica L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263533.jpg", imageAlt: "professional man smiling portrait happy"},
]}
title="What Our Valued Clients Say"
description="Hear directly from homeowners, builders, and developers across Melbourne about their experience with Metro Carpentry Group's professionalism and superior results."
@@ -337,29 +208,19 @@ export default function LandingPage() {
features={[
{
icon: MessageSquare,
title: "Consultation",
description: "We discuss your vision, requirements, and project scope in detail to understand your needs.",
},
title: "Consultation", description: "We discuss your vision, requirements, and project scope in detail to understand your needs."},
{
icon: DollarSign,
title: "Free Quote",
description: "Receive a transparent and competitive quote, outlining all costs with no hidden fees.",
},
title: "Free Quote", description: "Receive a transparent and competitive quote, outlining all costs with no hidden fees."},
{
icon: ListChecks,
title: "Project Planning",
description: "Detailed planning, including design, materials selection, and scheduling, tailored to your timeline.",
},
title: "Project Planning", description: "Detailed planning, including design, materials selection, and scheduling, tailored to your timeline."},
{
icon: Tool,
title: "Construction & Craftsmanship",
description: "Our skilled carpenters bring your project to life with precision, quality, and exceptional craftsmanship.",
},
icon: Wrench,
title: "Construction & Craftsmanship", description: "Our skilled carpenters bring your project to life with precision, quality, and exceptional craftsmanship."},
{
icon: CheckCircle,
title: "Final Completion",
description: "Thorough inspection and handover, ensuring your complete satisfaction with the finished work.",
},
title: "Final Completion", description: "Thorough inspection and handover, ensuring your complete satisfaction with the finished work."},
]}
title="Our Seamless Project Process"
description="From initial idea to final completion, we guide you through a transparent and efficient process, ensuring clarity and satisfaction at every stage of your carpentry project."
@@ -371,20 +232,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Let's Build Something Exceptional Together"
description="Ready to start your next project? Contact Metro Carpentry Group today for a free quote, or call us directly. We proudly serve Melbourne & Surrounding Suburbs. Visit us at 17 Sydney Rd, Brunswick VIC 3056."
buttons={[
{
text: "Get a Free Quote",
href: "mailto:info@metrocargroup.com.au",
},
text: "Get a Free Quote", href: "mailto:info@metrocargroup.com.au"},
{
text: "Call Metro Carpentry Group",
href: "tel:+61409622403",
},
text: "Call Metro Carpentry Group", href: "tel:+61409622403"},
]}
/>
</div>
@@ -394,66 +250,39 @@ export default function LandingPage() {
logoText="Metro Carpentry Group"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Residential Carpentry",
href: "#services",
},
label: "Residential Carpentry", href: "#services"},
{
label: "Commercial Carpentry",
href: "#services",
},
label: "Commercial Carpentry", href: "#services"},
{
label: "Decking & Structures",
href: "#services",
},
label: "Decking & Structures", href: "#services"},
{
label: "Renovations & Extensions",
href: "#services",
},
label: "Renovations & Extensions", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Projects",
href: "#projects",
},
label: "Our Projects", href: "#projects"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Why Choose Us",
href: "#why-choose-us",
},
label: "Why Choose Us", href: "#why-choose-us"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Get a Quote",
href: "#contact",
},
label: "Get a Quote", href: "#contact"},
{
label: "Call Now: 0409 622 403",
href: "tel:+61409622403",
},
label: "Call Now: 0409 622 403", href: "tel:+61409622403"},
{
label: "17 Sydney Rd, Brunswick VIC 3056",
href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere",
},
label: "17 Sydney Rd, Brunswick VIC 3056", href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
{
label: "Service Areas: Melbourne & Suburbs",
href: "#",
},
label: "Service Areas: Melbourne & Suburbs", href: "#"},
],
},
]}