bender/63bc7e3f-5453-477d-b520-a45a66fca182
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_5 into main #9

Merged
bender merged 2 commits from version_5 into main 2026-03-02 22:11:39 +00:00
Conversation 0 Commits 2 Files Changed 2 +48 -92
2 changed files with 48 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/layout.tsx
View File

@@ -1,32 +1,21 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Archivo } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const archivo = Archivo({
variable: "--font-archivo", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Custom Web Design for Small Business - Gavin Healey", description: "High-converting custom websites for small to medium businesses. Affordable flat rate $650. Increase leads, revenue, and online presence with results-driven design.", keywords: "custom web design, affordable website designer, small business websites, lead generation, conversion optimization", openGraph: {
title: "Custom Web Design for Business Growth", description: "Affordable, high-converting custom websites built to increase revenue and generate qualified leads for your business.", type: "website", url: "https://example.com", siteName: "Gavin Healey Web Design", images: [{
url: "https://images.unsplash.com/photo-1460925895917-adf4198c869f?w=1200&h=630&fit=crop", alt: "Custom web design for business"
title: "Global Web Solutions - Build Your International Presence", description: "Professional custom web design and development for businesses worldwide. Create a powerful online presence that connects with your global audience.", keywords: "web design, web development, custom websites, global reach, international business", openGraph: {
title: "Global Web Solutions", description: "Professional custom web design and development for businesses worldwide.", type: "website", url: "https://example.com", siteName: "Global Web Solutions", images: [{
url: "https://images.unsplash.com/photo-1460925895917-adf4198c869f?w=1200&h=630&fit=crop", alt: "Professional web design"
}]
},
twitter: {
card: "summary_large_image", title: "Custom Web Design - Increase Your Business Revenue", description: "High-converting websites built for small businesses. $650 flat rate. Results-driven design focused on your growth.", images: ["https://images.unsplash.com/photo-1460925895917-adf4198c869f?w=1200&h=630&fit=crop"]
card: "summary_large_image", title: "Global Web Solutions", description: "Professional custom web design and development for businesses worldwide.", images: ["https://images.unsplash.com/photo-1460925895917-adf4198c869f?w=1200&h=630&fit=crop"]
},
robots: {
index: true,
@@ -43,7 +32,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${archivo.variable} antialiased`}
className={`${inter.variable} antialiased`}
>
<Tag />
{children}

119
src/app/page.tsx
View File

@@ -26,33 +26,32 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="Gavin Healey"
brandName="Global Web Solutions"
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Process", id: "process" },
{ name: "Testimonials", id: "testimonials" },
{ name: "How It Works", id: "process" },
{ name: "Contact", id: "contact" }
]}
bottomLeftText="Affordable Custom Websites"
bottomRightText="208-870-8907"
bottomLeftText="Professional Web Design & Development"
bottomRightText="Let's Connect"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
title="Increase Your Revenue with a Custom Website Built for Conversions"
description="High-converting websites designed specifically for small to medium-sized businesses that want to generate more leads, establish a stronger online presence, and grow their bottom line."
title="Build Your Professional Online Presence"
description="Custom web design and development solutions for businesses ready to establish a strong digital footprint and connect with audiences worldwide."
background={{ variant: "plain" }}
avatars={[
{ src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", alt: "Satisfied client" },
{ src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", alt: "Happy business owner" },
{ src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", alt: "Client success story" }
{ src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", alt: "Professional" },
{ src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", alt: "Global reach" },
{ src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", alt: "Quality design" }
]}
avatarText="Trusted by 50+ local businesses generating 2M+ in new revenue"
avatarText="Trusted by businesses and professionals globally"
buttons={[
{ text: "Get Your Custom Website", href: "contact" },
{ text: "Book a Call", href: "contact" }
{ text: "Start Your Project", href: "contact" },
{ text: "Learn More", href: "about" }
]}
buttonAnimation="slide-up"
/>
@@ -60,10 +59,10 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextAbout
tag="About Gavin Healey"
title="I build high-converting custom websites that drive real business results. No templates. No compromises. Just strategic design focused on increasing your revenue and generating more qualified leads."
tag="About Us"
title="We create clean, professional websites that help businesses connect with their audience and achieve their goals."
buttons={[
{ text: "Start Growing Today", href: "contact" }
{ text: "Get In Touch", href: "contact" }
]}
useInvertedBackground={false}
/>
@@ -72,26 +71,26 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardSix
tag="Services"
title="What You Get"
description="Comprehensive custom web design built to maximize your business potential"
title="What We Offer"
description="Comprehensive web design and development services built for quality and performance"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Fully Custom Website Design", description: "Completely unique design tailored to your brand identity and business goals. No cookie-cutter templates—just strategic design built for your specific audience.", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop&_wi=1"
title: "Custom Web Design", description: "Professionally designed websites tailored to your brand and business needs. Clean, modern design that reflects your values.", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop"
},
{
id: 2,
title: "Mobile-Optimized & Fast-Loading", description: "Fully responsive layouts that work flawlessly on all devices. Lightning-fast load times to keep visitors engaged and reduce bounce rates.", imageSrc: "https://images.unsplash.com/photo-1516321318423-f06f70d504f0?w=600&h=400&fit=crop&_wi=1"
title: "Responsive Development", description: "Fully responsive layouts that work seamlessly across all devices. Fast-loading pages optimized for performance.", imageSrc: "https://images.unsplash.com/photo-1516321318423-f06f70d504f0?w=600&h=400&fit=crop"
},
{
id: 3,
title: "Lead Generation Structure", description: "Built-in conversion optimization with strategic CTAs, contact forms, and lead capture mechanisms designed to turn visitors into qualified prospects.", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c869f?w=600&h=400&fit=crop"
title: "User Experience Focus", description: "Intuitive navigation and design that makes it easy for visitors to find what they need and take action.", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c869f?w=600&h=400&fit=crop"
},
{
id: 4,
title: "SEO-Friendly Foundation", description: "Technical SEO best practices built in from day one. Optimized metadata, clean code, and structure to help you rank higher and attract organic traffic.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&_wi=1"
title: "Technical Excellence", description: "Built with best practices in mind. Clean code, SEO optimization, and performance standards as standard.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop"
}
]}
/>
@@ -99,22 +98,22 @@ export default function LandingPage() {
<div id="why-choose" data-section="why-choose">
<ProductCardOne
tag="Why Choose Gavin Healey"
title="What Sets Me Apart"
description="Direct communication with the owner. Affordable flat-rate pricing. Results-driven approach focused on your bottom line."
tag="Why Choose Us"
title="What Sets Us Apart"
description="Professional approach. Quality focus. Transparent communication."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "1", name: "Affordable Flat Rate: $650", price: "Complete custom website", imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=400&h=400&fit=crop", imageAlt: "Modern architecture building"
id: "1", name: "Professional Quality", price: "Industry standard design", imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=400&h=400&fit=crop", imageAlt: "Professional quality"
},
{
id: "2", name: "Direct Communication", price: "Work with the owner", imageSrc: "https://images.unsplash.com/photo-1449844908441-8829872d2607?w=400&h=400&fit=crop", imageAlt: "Direct communication"
id: "2", name: "Direct Communication", price: "Clear and transparent", imageSrc: "https://images.unsplash.com/photo-1449844908441-8829872d2607?w=400&h=400&fit=crop", imageAlt: "Communication"
},
{
id: "3", name: "Built to Increase Revenue", price: "Conversion-focused design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOtK2oq414W1FEEKQhM88phyFS/uploaded-1772489068615-u4qxd3ku.avif", imageAlt: "Revenue focused design"
id: "3", name: "Results Oriented", price: "Built to perform", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c869f?w=400&h=400&fit=crop", imageAlt: "Results focused"
}
]}
/>
@@ -123,47 +122,22 @@ export default function LandingPage() {
<div id="process" data-section="process">
<FeatureCardSix
tag="Process"
title="How We Build Your Website"
description="Three strategic steps to launch your high-converting online presence"
title="How We Work"
description="A straightforward approach to building your online presence"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Step 1: Strategy Call", description: "We discuss your business goals, target audience, and vision. I learn what success looks like for you and answer all your questions.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&_wi=2"
title: "Discovery & Planning", description: "We start by understanding your business, goals, and vision. Clear communication about what you want to achieve.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop"
},
{
id: 2,
title: "Step 2: Custom Build", description: "I design and develop your custom website from the ground up. You'll see progress updates and have input throughout the development process.", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop&_wi=2"
title: "Design & Development", description: "We design and build your website with attention to detail. You'll see progress and have input throughout the process.", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop"
},
{
id: 3,
title: "Step 3: Launch & Grow", description: "Your website goes live. We'll do final testing, optimize performance, and you'll be ready to start generating leads and growing your business.", imageSrc: "https://images.unsplash.com/photo-1516321318423-f06f70d504f0?w=600&h=400&fit=crop&_wi=2"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
tag="Success Stories"
title="What Our Clients Say"
description="Real results from real businesses that grew through high-converting custom websites"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "1", name: "Sarah Mitchell", role: "Founder & CEO, Local Marketing Agency", testimonial: "Gavin's custom website design completely transformed our online presence. Within 3 months, we saw a 150% increase in qualified leads. His approach is strategic, not just aesthetic. Highly recommended.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "Sarah Mitchell"
},
{
id: "2", name: "Michael Chen", role: "Owner, E-Commerce Startup", testimonial: "For $650, the value we received was incredible. Gavin didn't just build us a website—he created a conversion machine. Our sales increased 40% in the first month after launch.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&_wi=2", imageAlt: "Michael Chen"
},
{
id: "3", name: "Emily Rodriguez", role: "Director, Local Services Business", testimonial: "Working with Gavin was refreshing. No upsells, no hidden fees, just a talented designer who genuinely cares about our success. Our phone has been ringing non-stop with qualified leads.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop&_wi=2", imageAlt: "Emily Rodriguez"
},
{
id: "4", name: "David Kim", role: "Founder, Tech Consulting Firm", testimonial: "We tried DIY website builders before hiring Gavin. The difference is night and day. Our new site looks professional, converts visitors into clients, and we're already seeing ROI on our investment.", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", imageAlt: "David Kim"
title: "Launch & Support", description: "Your website goes live. We ensure everything works smoothly and provide ongoing support as you grow.", imageSrc: "https://images.unsplash.com/photo-1516321318423-f06f70d504f0?w=600&h=400&fit=crop"
}
]}
/>
@@ -171,20 +145,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
title="Let's Build Your Website"
description="Ready to increase your revenue and generate more leads? Reach out today. I'll discuss your project, answer questions, and we'll schedule a strategy call to get started."
title="Ready to Get Started?"
description="Let's discuss your project and explore how we can help you build a professional online presence that works for your business."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{
name: "message", placeholder: "Tell me about your business and what you're looking to achieve with a new website...", rows: 5,
name: "message", placeholder: "Tell us about your project and what you're looking to achieve...", rows: 5,
required: true
}}
useInvertedBackground={false}
mediaPosition="right"
mediaAnimation="slide-up"
buttonText="Get Started - Book Your Call"
buttonText="Send Message"
imageSrc="https://images.unsplash.com/photo-1460925895917-adf4198c869f?w=600&h=600&fit=crop"
imageAlt="Contact us"
/>
@@ -192,28 +166,21 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
logoText="Gavin Healey Web Design"
copyrightText="© 2025 Gavin Healey Web Design. All rights reserved."
logoText="Global Web Solutions"
copyrightText="© 2025 Global Web Solutions. All rights reserved."
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "#" },
{ label: "Home", href: "/" },
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Process", href: "#process" }
{ label: "How It Works", href: "#process" }
]
},
{
title: "Contact", items: [
{ label: "Phone: 208-870-8907", href: "#" },
{ label: "Email: gavin.101xd@gmail.com", href: "mailto:gavin.101xd@gmail.com" },
{ label: "Book a Call", href: "#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
title: "Connect", items: [
{ label: "Contact", href: "#contact" },
{ label: "Get In Touch", href: "#contact" }
]
}
]}