From ea609f8d6c8d31b394264bd9f3130b355a5e247a Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 08:19:02 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 103 ++++++++++++++++++++++++++++------------------- 1 file changed, 61 insertions(+), 42 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8c1064f..6c35b73 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" } ]} /> @@ -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" } ]} /> @@ -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} />