Update src/app/pricing/page.tsx
This commit is contained in:
@@ -33,7 +33,7 @@ export default function PricingPage() {
|
|||||||
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"
|
||||||
@@ -57,68 +57,25 @@ export default function PricingPage() {
|
|||||||
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"
|
||||||
@@ -133,16 +90,13 @@ export default function PricingPage() {
|
|||||||
description="All BuildTrades websites include core features designed to bring you leads and grow your business. The main differences are scale, customization, and ongoing support."
|
description="All BuildTrades websites include core features designed to bring you leads and grow your business. The main differences are scale, customization, and ongoing support."
|
||||||
tag="Included Features"
|
tag="Included Features"
|
||||||
tagIcon={CheckCircle}
|
tagIcon={CheckCircle}
|
||||||
|
tagAnimation="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Industry-Specific Design", description:
|
||||||
title: "Industry-Specific Design",
|
"Every package includes a custom website designed specifically for contractors and service professionals. Your site will be optimized to showcase your work and build trust with potential clients.", media: {
|
||||||
description:
|
|
||||||
"Every package includes a custom website designed specifically for contractors and service professionals. Your site will be optimized to showcase your work 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=4",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-beautiful-home-renovation-website-feat-1772524385305-8eee5654.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" },
|
||||||
@@ -151,14 +105,10 @@ export default function PricingPage() {
|
|||||||
reverse: false,
|
reverse: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Mobile Optimization & Speed", description:
|
||||||
title: "Mobile Optimization & Speed",
|
"All BuildTrades websites are built mobile-first and load lightning fast. Google ranks fast, mobile-friendly sites higher, and your customers expect responsive design.", media: {
|
||||||
description:
|
|
||||||
"All BuildTrades websites are built mobile-first and load lightning fast. Google ranks fast, mobile-friendly sites higher, and your customers expect responsive design.",
|
|
||||||
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=3",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-hvac-and-plumbing-service-1772524382687-b79f1d72.png"},
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{ icon: Star, text: "Mobile-first design" },
|
{ icon: Star, text: "Mobile-first design" },
|
||||||
{ icon: Award, text: "Sub-2 second load times" },
|
{ icon: Award, text: "Sub-2 second load times" },
|
||||||
@@ -167,14 +117,10 @@ export default function PricingPage() {
|
|||||||
reverse: true,
|
reverse: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Lead Capture & Support", description:
|
||||||
title: "Lead Capture & Support",
|
"Starter includes basic contact forms. Professional and Enterprise plans include appointment scheduling, lead capture systems, and integration with your existing tools.", media: {
|
||||||
description:
|
|
||||||
"Starter includes basic contact forms. Professional and Enterprise plans include appointment scheduling, lead capture systems, and integration with your existing tools.",
|
|
||||||
media: {
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/an-electrical-contractor-website-showcas-1772524389451-00faeefa.png?_wi=3",
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/an-electrical-contractor-website-showcas-1772524389451-00faeefa.png"},
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{ icon: Rocket, text: "Contact forms" },
|
{ icon: Rocket, text: "Contact forms" },
|
||||||
{ icon: Zap, text: "Lead management" },
|
{ icon: Zap, text: "Lead management" },
|
||||||
@@ -194,35 +140,31 @@ export default function PricingPage() {
|
|||||||
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