Update src/app/page.tsx
This commit is contained in:
370
src/app/page.tsx
370
src/app/page.tsx
@@ -55,7 +55,7 @@ export default function HomePage() {
|
|||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="mediumLarge"
|
contentWidth="mediumLarge"
|
||||||
sizing="largeSmallSizeLargeTitles"
|
sizing="largeSmallSizeLargeTitles"
|
||||||
background="fluid"
|
background="circleGradient"
|
||||||
cardStyle="subtle-shadow"
|
cardStyle="subtle-shadow"
|
||||||
primaryButtonStyle="double-inset"
|
primaryButtonStyle="double-inset"
|
||||||
secondaryButtonStyle="solid"
|
secondaryButtonStyle="solid"
|
||||||
@@ -74,13 +74,13 @@ export default function HomePage() {
|
|||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
title="Websites Built for Contractors Who Build"
|
title="Websites Built for Contractors Who Build"
|
||||||
description="Professional, mobile-optimized websites designed specifically for trades businesses. Showcase your work, attract more clients, and grow your business with a site built by people who understand the construction industry."
|
description="Professional, mobile-optimized websites designed specifically for trades businesses. Showcase your work, attract more clients, and grow your business with a site built by people who understand the construction industry."
|
||||||
background={{ variant: "fluid" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
tag="For Contractors & Trades"
|
tag="For Contractors & Trades"
|
||||||
tagIcon={Hammer}
|
tagIcon={Hammer}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "See Our Work", href: "/portfolio" },
|
{ text: "See Our Work", href: "#portfolio" },
|
||||||
{ text: "Get Started", href: "/contact" },
|
{ text: "Get Started", href: "#contact" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-construction-and-trades-website-1772524382530-a7d5e491.png"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-construction-and-trades-website-1772524382530-a7d5e491.png"
|
||||||
@@ -88,17 +88,11 @@ export default function HomePage() {
|
|||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-satisfied-c-1772524380165-667bbd23.png",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-satisfied-c-1772524380165-667bbd23.png", alt: "John - Contractor"},
|
||||||
alt: "John - Contractor",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-female-cont-1772524381105-64a95cff.png",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-female-cont-1772524381105-64a95cff.png", alt: "Sarah - Home Services"},
|
||||||
alt: "Sarah - Home Services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-male-small--1772524380697-ec133f7c.png",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-male-small--1772524380697-ec133f7c.png", alt: "Mike - Construction Owner"},
|
||||||
alt: "Mike - Construction Owner",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 200+ contractors nationwide"
|
avatarText="Trusted by 200+ contractors nationwide"
|
||||||
/>
|
/>
|
||||||
@@ -113,14 +107,10 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Project Portfolio Gallery", description:
|
||||||
title: "Project Portfolio Gallery",
|
"Showcase your best work with high-quality before-and-after photo galleries. Let your projects speak for themselves and build trust with potential clients.", media: {
|
||||||
description:
|
|
||||||
"Showcase your best work with high-quality before-and-after photo galleries. Let your projects speak for themselves and build trust with potential clients.",
|
|
||||||
media: {
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-beautiful-home-renovation-website-feat-1772524385305-8eee5654.png?_wi=1",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-beautiful-home-renovation-website-feat-1772524385305-8eee5654.png"},
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{ icon: Image, text: "Professional photo galleries" },
|
{ icon: Image, text: "Professional photo galleries" },
|
||||||
{ icon: Star, text: "Before & after sliders" },
|
{ icon: Star, text: "Before & after sliders" },
|
||||||
@@ -129,14 +119,10 @@ export default function HomePage() {
|
|||||||
reverse: false,
|
reverse: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Service-Based Design", description:
|
||||||
title: "Service-Based Design",
|
"Designed specifically for service and trade businesses. Highlight your services, service areas, certifications, and what makes your business unique.", media: {
|
||||||
description:
|
|
||||||
"Designed specifically for service and trade businesses. Highlight your services, service areas, certifications, and what makes your business unique.",
|
|
||||||
media: {
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-hvac-and-plumbing-service-1772524382687-b79f1d72.png?_wi=1",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-hvac-and-plumbing-service-1772524382687-b79f1d72.png"},
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{ icon: Zap, text: "Service listings" },
|
{ icon: Zap, text: "Service listings" },
|
||||||
{ icon: MapPin, text: "Service area coverage" },
|
{ icon: MapPin, text: "Service area coverage" },
|
||||||
@@ -145,14 +131,10 @@ export default function HomePage() {
|
|||||||
reverse: true,
|
reverse: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Lead Capture & Contact", description:
|
||||||
title: "Lead Capture & Contact",
|
"Turn visitors into leads with easy contact forms, appointment booking, emergency callback requests, and clear phone numbers. Make it simple for customers to reach you.", media: {
|
||||||
description:
|
|
||||||
"Turn visitors into leads with easy contact forms, appointment booking, emergency callback requests, and clear phone numbers. Make it simple for customers to reach you.",
|
|
||||||
media: {
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/an-electrical-contractor-website-showcas-1772524389451-00faeefa.png?_wi=1",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/an-electrical-contractor-website-showcas-1772524389451-00faeefa.png"},
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{ icon: PhoneCall, text: "Click-to-call buttons" },
|
{ icon: PhoneCall, text: "Click-to-call buttons" },
|
||||||
{ icon: Calendar, text: "Appointment scheduling" },
|
{ icon: Calendar, text: "Appointment scheduling" },
|
||||||
@@ -176,14 +158,10 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Discovery & Planning", description:
|
||||||
title: "Discovery & Planning",
|
"We start by understanding your business, your target clients, and your goals. We'll discuss your unique value proposition, service offerings, and what makes you stand out.", media: {
|
||||||
description:
|
|
||||||
"We start by understanding your business, your target clients, and your goals. We'll discuss your unique value proposition, service offerings, and what makes you stand out.",
|
|
||||||
media: {
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-consultation-meeting-betw-1772524380781-b8f17974.png?_wi=1",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-consultation-meeting-betw-1772524380781-b8f17974.png"},
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{ icon: MessageCircle, text: "Detailed consultation" },
|
{ icon: MessageCircle, text: "Detailed consultation" },
|
||||||
{ icon: Lightbulb, text: "Strategy development" },
|
{ icon: Lightbulb, text: "Strategy development" },
|
||||||
@@ -192,14 +170,10 @@ export default function HomePage() {
|
|||||||
reverse: false,
|
reverse: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Design & Development", description:
|
||||||
title: "Design & Development",
|
"Our team creates a beautiful, mobile-optimized website that reflects your brand and attracts your ideal clients. Every element is designed for conversions.", media: {
|
||||||
description:
|
|
||||||
"Our team creates a beautiful, mobile-optimized website that reflects your brand and attracts your ideal clients. Every element is designed for conversions.",
|
|
||||||
media: {
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-web-designer-working-on-website-design-1772524383361-0a40889a.png",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-web-designer-working-on-website-design-1772524383361-0a40889a.png"},
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{ icon: Palette, text: "Custom design" },
|
{ icon: Palette, text: "Custom design" },
|
||||||
{ icon: Code, text: "Responsive development" },
|
{ icon: Code, text: "Responsive development" },
|
||||||
@@ -208,14 +182,10 @@ export default function HomePage() {
|
|||||||
reverse: true,
|
reverse: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Launch & Support", description:
|
||||||
title: "Launch & Support",
|
"We launch your site, optimize for search engines, and provide ongoing support. Your website is now working hard to bring you new clients.", media: {
|
||||||
description:
|
|
||||||
"We launch your site, optimize for search engines, and provide ongoing support. Your website is now working hard to bring you new clients.",
|
|
||||||
media: {
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-fully-completed-polished-website-displ-1772524382026-fc7a2bff.png",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-fully-completed-polished-website-displ-1772524382026-fc7a2bff.png"},
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{ icon: Rocket, text: "Website launch" },
|
{ icon: Rocket, text: "Website launch" },
|
||||||
{ icon: Search, text: "SEO optimization" },
|
{ icon: Search, text: "SEO optimization" },
|
||||||
@@ -239,29 +209,14 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "HomeReno Kitchen Specialists", price: "View Project", imageSrc:
|
||||||
name: "HomeReno Kitchen Specialists",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-beautiful-home-renovation-website-feat-1772524385305-8eee5654.png", imageAlt: "Kitchen renovation specialist website"},
|
||||||
price: "View Project",
|
|
||||||
imageSrc:
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-beautiful-home-renovation-website-feat-1772524385305-8eee5654.png?_wi=2",
|
|
||||||
imageAlt: "Kitchen renovation specialist website",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "QuickFix HVAC & Plumbing", price: "View Project", imageSrc:
|
||||||
name: "QuickFix HVAC & Plumbing",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-hvac-and-plumbing-service-1772524382687-b79f1d72.png", imageAlt: "HVAC and plumbing services website"},
|
||||||
price: "View Project",
|
|
||||||
imageSrc:
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-hvac-and-plumbing-service-1772524382687-b79f1d72.png?_wi=2",
|
|
||||||
imageAlt: "HVAC and plumbing services website",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Elite Electrical Solutions", price: "View Project", imageSrc:
|
||||||
name: "Elite Electrical Solutions",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/an-electrical-contractor-website-showcas-1772524389451-00faeefa.png", imageAlt: "Electrical contractor website"},
|
||||||
price: "View Project",
|
|
||||||
imageSrc:
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/an-electrical-contractor-website-showcas-1772524389451-00faeefa.png?_wi=2",
|
|
||||||
imageAlt: "Electrical contractor website",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -279,65 +234,29 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "John Martinez", role: "Owner, Martinez Home Services", testimonial:
|
||||||
name: "John Martinez",
|
"BuildTrades understood our business immediately. They built a website that actually brings us leads. Within 3 months, we had 40% more inquiries. Highly recommend!", imageSrc:
|
||||||
role: "Owner, Martinez Home Services",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-satisfied-c-1772524380165-667bbd23.png", imageAlt: "John Martinez - Home Services Owner"},
|
||||||
testimonial:
|
|
||||||
"BuildTrades understood our business immediately. They built a website that actually brings us leads. Within 3 months, we had 40% more inquiries. Highly recommend!",
|
|
||||||
imageSrc:
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-satisfied-c-1772524380165-667bbd23.png?_wi=1",
|
|
||||||
imageAlt: "John Martinez - Home Services Owner",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Sarah Chen", role: "CEO, ProBuild Renovations", testimonial:
|
||||||
name: "Sarah Chen",
|
"The portfolio gallery feature is incredible. Our before-and-afters really sell our work. The team was responsive and made the process smooth from start to finish.", imageSrc:
|
||||||
role: "CEO, ProBuild Renovations",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-female-cont-1772524381105-64a95cff.png", imageAlt: "Sarah Chen - Renovation Company CEO"},
|
||||||
testimonial:
|
|
||||||
"The portfolio gallery feature is incredible. Our before-and-afters really sell our work. The team was responsive and made the process smooth from start to finish.",
|
|
||||||
imageSrc:
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-female-cont-1772524381105-64a95cff.png?_wi=1",
|
|
||||||
imageAlt: "Sarah Chen - Renovation Company CEO",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Mike Thompson", role: "Owner, Thompson Electric", testimonial:
|
||||||
name: "Mike Thompson",
|
"Best decision we made for the business. The website looks professional, loads fast, and I've gotten several high-quality leads from it. Worth every penny.", imageSrc:
|
||||||
role: "Owner, Thompson Electric",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-male-small--1772524380697-ec133f7c.png", imageAlt: "Mike Thompson - Electrical Contractor"},
|
||||||
testimonial:
|
|
||||||
"Best decision we made for the business. The website looks professional, loads fast, and I've gotten several high-quality leads from it. Worth every penny.",
|
|
||||||
imageSrc:
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-male-small--1772524380697-ec133f7c.png?_wi=1",
|
|
||||||
imageAlt: "Mike Thompson - Electrical Contractor",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Jessica Rodriguez", role: "Operations Manager, Precision Plumbing", testimonial:
|
||||||
name: "Jessica Rodriguez",
|
"The appointment booking system has saved us hours of back-and-forth phone calls. Our customers love how easy it is to schedule, and our team loves the efficiency.", imageSrc:
|
||||||
role: "Operations Manager, Precision Plumbing",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-female-trad-1772524380616-7fb0e272.png", imageAlt: "Jessica Rodriguez - Plumbing Company"},
|
||||||
testimonial:
|
|
||||||
"The appointment booking system has saved us hours of back-and-forth phone calls. Our customers love how easy it is to schedule, and our team loves the efficiency.",
|
|
||||||
imageSrc:
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-female-trad-1772524380616-7fb0e272.png",
|
|
||||||
imageAlt: "Jessica Rodriguez - Plumbing Company",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Robert Chang", role: "Owner, Chang Construction", testimonial:
|
||||||
name: "Robert Chang",
|
"Professional, affordable, and built for contractors. They get what it's like running a service business. The support team is always there when you need them.", imageSrc:
|
||||||
role: "Owner, Chang Construction",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-an-experience-1772524380768-828bd7f2.png", imageAlt: "Robert Chang - Construction Company Owner"},
|
||||||
testimonial:
|
|
||||||
"Professional, affordable, and built for contractors. They get what it's like running a service business. The support team is always there when you need them.",
|
|
||||||
imageSrc:
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-an-experience-1772524380768-828bd7f2.png",
|
|
||||||
imageAlt: "Robert Chang - Construction Company Owner",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Amanda Foster", role: "Founder, Foster HVAC Services", testimonial:
|
||||||
name: "Amanda Foster",
|
"I compared several web designers, but BuildTrades really showed they understood the contractor industry. My new website has doubled my monthly leads!", imageSrc:
|
||||||
role: "Founder, Foster HVAC Services",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-successful--1772524380263-06abe806.png", imageAlt: "Amanda Foster - HVAC Services Founder"},
|
||||||
testimonial:
|
|
||||||
"I compared several web designers, but BuildTrades really showed they understood the contractor industry. My new website has doubled my monthly leads!",
|
|
||||||
imageSrc:
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-successful--1772524380263-06abe806.png",
|
|
||||||
imageAlt: "Amanda Foster - HVAC Services Founder",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -354,68 +273,25 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "startup",
|
id: "startup", tag: "Starter Website", tagIcon: Rocket,
|
||||||
tag: "Starter Website",
|
price: "$2,499", period: "one-time", description:
|
||||||
tagIcon: Rocket,
|
"Perfect for getting started online. Includes everything you need to establish an online presence and start getting leads.", button: { text: "Get Started", href: "#contact" },
|
||||||
price: "$2,499",
|
featuresTitle: "What's Included:", features: [
|
||||||
period: "one-time",
|
"5-7 page professional website", "Mobile responsive design", "Contact form & email integration", "Basic SEO optimization", "Social media links", "1 month free support"],
|
||||||
description:
|
|
||||||
"Perfect for getting started online. Includes everything you need to establish an online presence and start getting leads.",
|
|
||||||
button: { text: "Get Started", href: "/contact" },
|
|
||||||
featuresTitle: "What's Included:",
|
|
||||||
features: [
|
|
||||||
"5-7 page professional website",
|
|
||||||
"Mobile responsive design",
|
|
||||||
"Contact form & email integration",
|
|
||||||
"Basic SEO optimization",
|
|
||||||
"Social media links",
|
|
||||||
"1 month free support",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "professional",
|
id: "professional", tag: "Professional Package", tagIcon: Star,
|
||||||
tag: "Professional Package",
|
price: "$4,999", period: "one-time", description:
|
||||||
tagIcon: Star,
|
"Our most popular choice. Full-featured website designed to convert visitors into leads and clients.", button: { text: "Choose Plan", href: "#contact" },
|
||||||
price: "$4,999",
|
featuresTitle: "What's Included:", features: [
|
||||||
period: "one-time",
|
"10-15 page custom website", "Advanced portfolio gallery", "Appointment scheduling system", "Lead capture forms", "Advanced SEO optimization", "Blog section", "Google Analytics setup", "3 months free support", "Monthly website maintenance"],
|
||||||
description:
|
|
||||||
"Our most popular choice. Full-featured website designed to convert visitors into leads and clients.",
|
|
||||||
button: { text: "Choose Plan", href: "/contact" },
|
|
||||||
featuresTitle: "What's Included:",
|
|
||||||
features: [
|
|
||||||
"10-15 page custom website",
|
|
||||||
"Advanced portfolio gallery",
|
|
||||||
"Appointment scheduling system",
|
|
||||||
"Lead capture forms",
|
|
||||||
"Advanced SEO optimization",
|
|
||||||
"Blog section",
|
|
||||||
"Google Analytics setup",
|
|
||||||
"3 months free support",
|
|
||||||
"Monthly website maintenance",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "enterprise",
|
id: "enterprise", tag: "Enterprise Solution", tagIcon: Award,
|
||||||
tag: "Enterprise Solution",
|
price: "$8,999", period: "one-time", description:
|
||||||
tagIcon: Award,
|
"Everything included in Professional plus advanced features for serious growth and full business automation.", button: { text: "Request Demo", href: "#contact" },
|
||||||
price: "$8,999",
|
featuresTitle: "What's Included:", features: [
|
||||||
period: "one-time",
|
"20+ page fully custom website", "E-commerce integration", "Advanced booking system", "Customer portal", "Lead management system", "Email marketing integration", "Advanced analytics", "1-on-1 strategy consulting", "6 months free support", "Priority support tier"],
|
||||||
description:
|
|
||||||
"Everything included in Professional plus advanced features for serious growth and full business automation.",
|
|
||||||
button: { text: "Request Demo", href: "/contact" },
|
|
||||||
featuresTitle: "What's Included:",
|
|
||||||
features: [
|
|
||||||
"20+ page fully custom website",
|
|
||||||
"E-commerce integration",
|
|
||||||
"Advanced booking system",
|
|
||||||
"Customer portal",
|
|
||||||
"Lead management system",
|
|
||||||
"Email marketing integration",
|
|
||||||
"Advanced analytics",
|
|
||||||
"1-on-1 strategy consulting",
|
|
||||||
"6 months free support",
|
|
||||||
"Priority support tier",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -433,55 +309,31 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "How long does it take to build my website?", content:
|
||||||
title: "How long does it take to build my website?",
|
"Most projects are completed within 4-6 weeks from start to finish. This includes discovery, design, development, testing, and launch. We'll provide you with a specific timeline during our initial consultation."},
|
||||||
content:
|
|
||||||
"Most projects are completed within 4-6 weeks from start to finish. This includes discovery, design, development, testing, and launch. We'll provide you with a specific timeline during our initial consultation.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Can I update my website myself?", content:
|
||||||
title: "Can I update my website myself?",
|
"Yes! We build sites with user-friendly content management systems. We provide training and documentation so you can update your portfolio, services, and pricing easily. Our support team is also available to help."},
|
||||||
content:
|
|
||||||
"Yes! We build sites with user-friendly content management systems. We provide training and documentation so you can update your portfolio, services, and pricing easily. Our support team is also available to help.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Will my website be mobile optimized?", content:
|
||||||
title: "Will my website be mobile optimized?",
|
"Absolutely. All our websites are mobile-first responsive designs. Your site will look perfect on phones, tablets, and desktop computers. Google also favors mobile-friendly sites, which helps with rankings."},
|
||||||
content:
|
|
||||||
"Absolutely. All our websites are mobile-first responsive designs. Your site will look perfect on phones, tablets, and desktop computers. Google also favors mobile-friendly sites, which helps with rankings.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "Do you offer SEO services?", content:
|
||||||
title: "Do you offer SEO services?",
|
"Yes. Every website includes basic SEO optimization (on-page SEO, meta tags, site structure). Our Professional and Enterprise packages include advanced SEO. We also offer ongoing SEO services as an add-on."},
|
||||||
content:
|
|
||||||
"Yes. Every website includes basic SEO optimization (on-page SEO, meta tags, site structure). Our Professional and Enterprise packages include advanced SEO. We also offer ongoing SEO services as an add-on.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", title: "What about website maintenance and updates?", content:
|
||||||
title: "What about website maintenance and updates?",
|
"We provide ongoing support with every plan. Professional and Enterprise packages include monthly maintenance. We handle security updates, backups, performance optimization, and can assist with content updates."},
|
||||||
content:
|
|
||||||
"We provide ongoing support with every plan. Professional and Enterprise packages include monthly maintenance. We handle security updates, backups, performance optimization, and can assist with content updates.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", title: "Can you integrate appointment booking or lead forms?", content:
|
||||||
title: "Can you integrate appointment booking or lead forms?",
|
"Yes! Professional and Enterprise packages include these features. We can integrate appointment scheduling, lead capture forms, contact forms, and lead management systems that work with your existing tools."},
|
||||||
content:
|
|
||||||
"Yes! Professional and Enterprise packages include these features. We can integrate appointment scheduling, lead capture forms, contact forms, and lead management systems that work with your existing tools.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "7",
|
id: "7", title: "Do you provide hosting?", content:
|
||||||
title: "Do you provide hosting?",
|
"Yes, website hosting is included in all packages. We handle all the technical backend so you can focus on your business. Your site will be fast, secure, and always available."},
|
||||||
content:
|
|
||||||
"Yes, website hosting is included in all packages. We handle all the technical backend so you can focus on your business. Your site will be fast, secure, and always available.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "8",
|
id: "8", title: "What if I need changes after my site launches?", content:
|
||||||
title: "What if I need changes after my site launches?",
|
"No problem. Every package includes free support for a set period (1-6 months depending on plan). After that, we offer affordable support packages for ongoing updates and maintenance."},
|
||||||
content:
|
|
||||||
"No problem. Every package includes free support for a set period (1-6 months depending on plan). After that, we offer affordable support packages for ongoing updates and maintenance.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-helpful-customer-service-representativ-1772524380874-1ceecd4b.png?_wi=1"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-helpful-customer-service-representativ-1772524380874-1ceecd4b.png"
|
||||||
imageAlt="Customer support team helping with website questions"
|
imageAlt="Customer support team helping with website questions"
|
||||||
mediaPosition="right"
|
mediaPosition="right"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -497,38 +349,24 @@ export default function HomePage() {
|
|||||||
description="Let's talk about your website. Tell us about your business, and we'll show you exactly how we can help you attract more clients and grow your bottom line."
|
description="Let's talk about your website. Tell us about your business, and we'll show you exactly how we can help you attract more clients and grow your bottom line."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "fullName",
|
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Full Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "businessEmail",
|
name: "businessEmail", type: "email", placeholder: "Business Email Address", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Business Email Address",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "businessName",
|
name: "businessName", type: "text", placeholder: "Business Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Business Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "serviceType",
|
name: "serviceType", type: "text", placeholder: "Type of Service (e.g., Plumbing, Electrical, Renovation)"},
|
||||||
type: "text",
|
|
||||||
placeholder: "Type of Service (e.g., Plumbing, Electrical, Renovation)",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder:
|
||||||
placeholder:
|
"Tell us about your business and what you're looking to achieve with a new website...", rows: 5,
|
||||||
"Tell us about your business and what you're looking to achieve with a new website...",
|
|
||||||
rows: 5,
|
|
||||||
required: true,
|
required: true,
|
||||||
}}
|
}}
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-team-of-web-designers-and-1772524381824-5e8170ca.png?_wi=1"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-team-of-web-designers-and-1772524381824-5e8170ca.png"
|
||||||
imageAlt="BuildTrades team collaborating on web projects"
|
imageAlt="BuildTrades team collaborating on web projects"
|
||||||
mediaPosition="right"
|
mediaPosition="right"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -544,35 +382,31 @@ export default function HomePage() {
|
|||||||
logoText="BuildTrades"
|
logoText="BuildTrades"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{ label: "About Us", href: "/about" },
|
{ label: "About Us", href: "/about" },
|
||||||
{ label: "Our Process", href: "/" },
|
{ label: "Our Process", href: "#services" },
|
||||||
{ label: "Portfolio", href: "/" },
|
{ label: "Portfolio", href: "#portfolio" },
|
||||||
{ label: "Pricing", href: "/pricing" },
|
{ label: "Pricing", href: "/pricing" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
{ label: "Website Design", href: "#" },
|
||||||
{ label: "Website Design", href: "/" },
|
{ label: "SEO Services", href: "#" },
|
||||||
{ label: "SEO Services", href: "/" },
|
{ label: "Lead Generation", href: "#" },
|
||||||
{ label: "Lead Generation", href: "/" },
|
{ label: "Website Maintenance", href: "#" },
|
||||||
{ label: "Website Maintenance", href: "/" },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Resources",
|
title: "Resources", items: [
|
||||||
items: [
|
{ label: "Blog", href: "#" },
|
||||||
{ label: "Blog", href: "/" },
|
{ label: "Case Studies", href: "#" },
|
||||||
{ label: "Case Studies", href: "/" },
|
{ label: "FAQ", href: "#faq" },
|
||||||
{ label: "FAQ", href: "/" },
|
{ label: "Contact Us", href: "#contact" },
|
||||||
{ label: "Contact Us", href: "/contact" },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
|
||||||
{ label: "Facebook", href: "https://facebook.com" },
|
{ label: "Facebook", href: "https://facebook.com" },
|
||||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||||
{ label: "Instagram", href: "https://instagram.com" },
|
{ label: "Instagram", href: "https://instagram.com" },
|
||||||
|
|||||||
Reference in New Issue
Block a user