bender/c2fdf880-53c0-4bf2-9a0c-962bb819b8fa
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-03-03 08:19:02 +00:00
parent 49f8dc8fd4
commit ea609f8d6c
1 changed files with 61 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/app/page.tsx
View File

@@ -25,7 +25,7 @@ import {
TrendingUp,
Mail,
Zap,
Crown,
Crown
} from "lucide-react";
const navItems = [
@@ -33,7 +33,7 @@ const navItems = [
{ name: "Portfolio", id: "portfolio" },
{ name: "Why Us", id: "about" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
{ name: "Contact", id: "contact" }
];
const footerColumns = [
@@ -42,32 +42,32 @@ const footerColumns = [
{ label: "Web Design", href: "#services" },
{ label: "SEO Optimization", href: "#services" },
{ label: "Lead Generation", href: "#services" },
{ label: "Portfolio Showcase", href: "#services" },
],
{ label: "Portfolio Showcase", href: "#services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Testimonials", href: "#testimonials" },
{ label: "Contact", href: "#contact" },
],
{ label: "Contact", href: "#contact" }
]
},
{
title: "Resources", items: [
{ label: "Blog", href: "/blog" },
{ label: "Case Studies", href: "/case-studies" },
{ label: "Pricing", href: "#pricing" },
{ label: "FAQ", href: "#faq" },
],
{ label: "FAQ", href: "#faq" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
{ label: "Cookie Policy", href: "#" }
]
}
];
export default function HomePage() {
@@ -100,7 +100,7 @@ export default function HomePage() {
showDimOverlay={true}
buttons={[
{ text: "Start Your Project", href: "#contact" },
{ text: "View Our Work", href: "#portfolio" },
{ text: "View Our Work", href: "#portfolio" }
]}
/>
</div>
@@ -110,13 +110,14 @@ export default function HomePage() {
heading={[
{ type: "text", content: "We help contractors and trades professionals" },
{
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-diverse-team-of-professionals-in-busin-1772525364824-7e7b1c83.png", alt: "Team of professionals"},
{ type: "text", content: "build web presence that drives real results" },
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-diverse-team-of-professionals-in-busin-1772525364824-7e7b1c83.png", alt: "Team of professionals"
},
{ type: "text", content: "build web presence that drives real results" }
]}
useInvertedBackground={false}
buttons={[
{ text: "Learn More", href: "#services" },
{ text: "Get Started", href: "#contact" },
{ text: "Get Started", href: "#contact" }
]}
/>
</div>
@@ -139,56 +140,63 @@ export default function HomePage() {
{ name: "Booking", icon: Calendar },
{ name: "Gallery", icon: Camera },
{ name: "Pricing", icon: DollarSign },
{ name: "About", icon: Info },
],
{ name: "About", icon: Info }
]
},
{
title: "SEO Optimization", description:
"Get found by customers searching for your services. We optimize your website to rank higher in Google search results.", bentoComponent: "animated-bar-chart"},
"Get found by customers searching for your services. We optimize your website to rank higher in Google search results.", bentoComponent: "animated-bar-chart"
},
{
title: "Lead Generation", description:
"Strategic contact forms, call-to-action buttons, and landing pages designed to convert visitors into qualified leads.", bentoComponent: "3d-stack-cards", items: [
{
icon: Target,
title: "Targeted Traffic", subtitle: "Attract qualified leads", detail: "Drive the right customers to your website"},
title: "Targeted Traffic", subtitle: "Attract qualified leads", detail: "Drive the right customers to your website"
},
{
icon: Users,
title: "Conversion Focused", subtitle: "Maximize inquiries", detail: "Turn visitors into potential customers"},
title: "Conversion Focused", subtitle: "Maximize inquiries", detail: "Turn visitors into potential customers"
},
{
icon: TrendingUp,
title: "Growth Driven", subtitle: "Scale your business", detail: "Build sustainable customer acquisition"},
],
title: "Growth Driven", subtitle: "Scale your business", detail: "Build sustainable customer acquisition"
}
]
},
{
title: "Portfolio Showcase", description:
"Display your best work with high-quality image galleries, before-and-after sliders, and project descriptions that showcase your expertise.", bentoComponent: "media-stack", items: [
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-website-homepage-for-an-h-1772525371418-b0396661.png?_wi=1"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-website-homepage-for-an-h-1772525371418-b0396661.png?_wi=1"
},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-website-design-for-an-electrica-1772525365761-8ab3b767.png?_wi=1"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-website-design-for-an-electrica-1772525365761-8ab3b767.png?_wi=1"
},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-sleek-plumbing-company-website-with-be-1772525370173-1759d840.png?_wi=1"},
],
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-sleek-plumbing-company-website-with-be-1772525370173-1759d840.png?_wi=1"
}
]
},
{
title: "Client Reviews Integration", description:
"Build trust with integrated review systems. Display Google reviews, testimonials, and ratings directly on your site.", bentoComponent: "icon-info-cards", items: [
{ icon: Star, label: "Client Rating", value: "4.9/5" },
{ icon: Users, label: "Satisfied Clients", value: "500+" },
{ icon: TrendingUp, label: "Positive Reviews", value: "98%" },
],
{ icon: TrendingUp, label: "Positive Reviews", value: "98%" }
]
},
{
title: "Quick Setup", description:
"Integrated contact forms and appointment booking systems make it easy for customers to get in touch or schedule services.", bentoComponent: "3d-task-list", items: [
{ icon: Mail, label: "Email Forms", time: "5 min setup" },
{ icon: Calendar, label: "Online Booking", time: "10 min setup" },
{ icon: Phone, label: "Call Widget", time: "2 min setup" },
],
},
{ icon: Phone, label: "Call Widget", time: "2 min setup" }
]
}
]}
textboxLayout="default"
animationType="slide-up"
@@ -204,13 +212,16 @@ export default function HomePage() {
products={[
{
id: "1", name: "HVAC Solutions Plus", price: "Website + SEO Package", variant: "Responsive Design, Lead Forms", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-website-homepage-for-an-h-1772525371418-b0396661.png?_wi=2", imageAlt: "HVAC contractor website design"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-website-homepage-for-an-h-1772525371418-b0396661.png?_wi=2", imageAlt: "HVAC contractor website design"
},
{
id: "2", name: "Elite Electrical Services", price: "Full Web Solution", variant: "Portfolio, Booking System, Reviews", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-website-design-for-an-electrica-1772525365761-8ab3b767.png?_wi=2", imageAlt: "Electrical contractor website"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-website-design-for-an-electrica-1772525365761-8ab3b767.png?_wi=2", imageAlt: "Electrical contractor website"
},
{
id: "3", name: "Professional Plumbing", price: "E-Commerce Ready", variant: "Online Estimates, Emergency Booking", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-sleek-plumbing-company-website-with-be-1772525370173-1759d840.png?_wi=2", imageAlt: "Plumbing company website"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-sleek-plumbing-company-website-with-be-1772525370173-1759d840.png?_wi=2", imageAlt: "Plumbing company website"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -225,27 +236,33 @@ export default function HomePage() {
{
id: "1", name: "John Martinez", handle: "Owner, Martinez Plumbing", testimonial:
"BuildPro transformed our online presence. We're now getting 3x more qualified leads per month. Highly recommended!", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-photo-of-a-middl-1772525365269-b583c138.png?_wi=1", imageAlt: "John Martinez"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-photo-of-a-middl-1772525365269-b583c138.png?_wi=1", imageAlt: "John Martinez"
},
{
id: "2", name: "Sarah Thompson", handle: "Manager, Thompson HVAC", testimonial:
"Professional team, excellent communication, and results that speak for themselves. Our website converted within the first month.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-photo-of-a-femal-1772525364195-fbfb05fb.png?_wi=1", imageAlt: "Sarah Thompson"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-photo-of-a-femal-1772525364195-fbfb05fb.png?_wi=1", imageAlt: "Sarah Thompson"
},
{
id: "3", name: "Mike Johnson", handle: "Electrical Contractor", testimonial:
"The website looks amazing and the booking system has made scheduling so much easier. Best investment we've made for our business.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-photo-of-a-male--1772525366226-8fc37743.png?_wi=1", imageAlt: "Mike Johnson"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-photo-of-a-male--1772525366226-8fc37743.png?_wi=1", imageAlt: "Mike Johnson"
},
{
id: "4", name: "Jessica Lee", handle: "Owner, Lee's Home Services", testimonial:
"Outstanding support and a website that actually generates leads. Saw ROI within 3 months. Can't ask for more!", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-photo-of-a-femal-1772525363923-25fa4696.png?_wi=1", imageAlt: "Jessica Lee"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-photo-of-a-femal-1772525363923-25fa4696.png?_wi=1", imageAlt: "Jessica Lee"
},
{
id: "5", name: "David Wilson", handle: "General Contractor", testimonial:
"BuildPro understood exactly what we needed. The portfolio showcase really impresses our potential clients.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-male-execut-1772525365107-571dd632.png?_wi=1", imageAlt: "David Wilson"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-male-execut-1772525365107-571dd632.png?_wi=1", imageAlt: "David Wilson"
},
{
id: "6", name: "Amanda Rodriguez", handle: "Operations Director, Urban Contractors", testimonial:
"Not just a website - it's a complete business tool. The SEO work they did put us on the first page of Google.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-female-entr-1772525364762-9e382698.png?_wi=1", imageAlt: "Amanda Rodriguez"},
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-headshot-of-a-female-entr-1772525364762-9e382698.png?_wi=1", imageAlt: "Amanda Rodriguez"
}
]}
title="What Our Clients Say"
description="Real results from real contractors who've partnered with BuildPro"
@@ -263,9 +280,11 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Acme Construction", "Pro Services LLC", "Elite Trades", "Quality Builders", "MasterCraft Solutions", "Nexus Build", "Trade Hub", "Swift Services"]}
"Acme Construction", "Pro Services LLC", "Elite Trades", "Quality Builders", "MasterCraft Solutions", "Nexus Build", "Trade Hub", "Swift Services"
]}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-simple-logo-for-acme-cons-1772525363799-c3f86f26.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-professional-logo-for-pro-servi-1772525366592-93615c00.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-logo-for-elite-trades-fea-1772525364605-db30d8dd.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-sleek-professional-logo-for-quality-bu-1772525363819-c29e5ed0.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-logo-for-mastercraft-solu-1772525365146-3f80ddaa.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-professional-logo-for-nexus-bui-1772525364389-4f613359.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-logo-for-trade-hub-featur-1772525364672-0b68839f.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-dynamic-logo-for-swift-se-1772525367175-89937762.png"]}
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-simple-logo-for-acme-cons-1772525363799-c3f86f26.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-professional-logo-for-pro-servi-1772525366592-93615c00.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-logo-for-elite-trades-fea-1772525364605-db30d8dd.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-sleek-professional-logo-for-quality-bu-1772525363819-c29e5ed0.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-logo-for-mastercraft-solu-1772525365146-3f80ddaa.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-modern-professional-logo-for-nexus-bui-1772525364389-4f613359.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-logo-for-trade-hub-featur-1772525364672-0b68839f.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-dynamic-logo-for-swift-se-1772525367175-89937762.png"
]}
speed={40}
showCard={true}
/>