Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 56a0bbe78d | |||
| 2c8cc2e3ec | |||
| da377817d6 | |||
| 364de5b0e6 | |||
| ec1a295553 | |||
| c4ce95639b | |||
| fd44387844 | |||
| 4609cf5ae7 | |||
| a4dd0333e7 | |||
| ecf397a7a7 | |||
| e6ae9e7267 | |||
| bb2096224d | |||
| f4d015fc1e | |||
| a126ff27af | |||
| 1366c052e6 |
1388
src/app/layout.tsx
1388
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
121
src/app/page.tsx
121
src/app/page.tsx
@@ -26,33 +26,32 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Gavin Healey"
|
||||
brandName="Website Creator. co "
|
||||
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&_wi=1"
|
||||
},
|
||||
{
|
||||
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&_wi=1"
|
||||
},
|
||||
{
|
||||
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&_wi=1"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -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-1552664730-d307ca884978?w=400&h=400&fit=crop", imageAlt: "Affordable pricing"
|
||||
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: "http://img.b2bpic.net/free-photo/business-brainstorming-graph-chart-report-data-concept_53876-31213.jpg?id=2991594", 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: "http://img.b2bpic.net/free-photo/team-work-process-young-business-managers-crew-working-with-new-startup-project-labtop-wood-table-typing-keyboard-texting-message-analyze-graph-plans_1253-799.jpg?id=1131477", 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: "Call Or Zoom Meeting ", 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&_wi=2"
|
||||
},
|
||||
{
|
||||
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&_wi=2"
|
||||
},
|
||||
{
|
||||
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 BOOM. More Revenue", imageSrc: "http://img.b2bpic.net/free-photo/close-up-financial-report-with-businesspeople-background_1098-4069.jpg?id=867775"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -171,49 +145,42 @@ 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"
|
||||
imageSrc="https://images.unsplash.com/photo-1460925895917-adf4198c869f?w=600&h=600&fit=crop"
|
||||
buttonText="Send Message"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOtK2oq414W1FEEKQhM88phyFS/uploaded-1772489748016-nhgqc9we.avif"
|
||||
imageAlt="Contact us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Gavin Healey Web Design"
|
||||
copyrightText="© 2025 Gavin Healey Web Design. All rights reserved."
|
||||
logoText="Website Creator. co "
|
||||
copyrightText="© 2025 Website Creator. co . 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" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user