Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0cbc5783d6 | |||
| d33ffa48d8 | |||
| 4abe621135 | |||
| f68d8096cf | |||
| 5e90047565 | |||
| 148606c629 | |||
| b7aa010dd0 | |||
| 4e0348c160 | |||
| 46bb1dd775 | |||
| 846deead0b | |||
| 289a0f0f97 | |||
| 1e8f29539a | |||
| a487c8847e |
@@ -1,7 +1,7 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||||
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||||
@@ -10,7 +10,7 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
|
|||||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import { Sparkles, Zap, Briefcase, TrendingUp, Quote, Facebook, Linkedin, Twitter } from "lucide-react";
|
import { Sparkles, Zap, Briefcase, TrendingUp, Quote, Facebook } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -28,7 +28,7 @@ export default function LandingPage() {
|
|||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
brandName="WebBug"
|
brandName="Webbug"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "Portfolio", id: "portfolio" },
|
{ name: "Portfolio", id: "portfolio" },
|
||||||
@@ -41,34 +41,19 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroCentered
|
||||||
title="Websites That Turn Visitors Into Customers"
|
title="Websites That Turn Visitors Into Customers"
|
||||||
description="Professional web design for local service businesses. We create fast, modern websites designed to generate leads and drive conversions."
|
description="Professional web design for local service businesses. We create fast, modern websites designed to generate leads and drive conversions."
|
||||||
tag="Web Design Agency"
|
background={{ variant: "plain" }}
|
||||||
tagIcon={Sparkles}
|
avatars={[
|
||||||
tagAnimation="slide-up"
|
{ src: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=2", alt: "Team member 1" },
|
||||||
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2", alt: "Team member 2" },
|
||||||
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Get a Free Quote", href: "contact" },
|
{ text: "Get a Free Quote", href: "contact" },
|
||||||
{ text: "View Our Work", href: "portfolio" },
|
{ text: "View Our Work", href: "portfolio" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-office-with-pc-desk-be-used-by-programmers_482257-125560.jpg"
|
|
||||||
imageAlt="Modern web design agency workspace"
|
|
||||||
mediaAnimation="blur-reveal"
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
name: "Mike Rodriguez", handle: "Owner, Rodriguez Plumbing", testimonial: "WebBug transformed our online presence. We get 3x more lead inquiries now.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=1", imageAlt: "Mike Rodriguez"},
|
|
||||||
{
|
|
||||||
name: "Sarah Chen", handle: "CEO, BuildRight Construction", testimonial: "Professional, fast turnaround, and results that exceeded expectations.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=1", imageAlt: "Sarah Chen"},
|
|
||||||
{
|
|
||||||
name: "David Thompson", handle: "Manager, Clean Sweep Services", testimonial: "Our new website is beautiful and actually brings in customers. Highly recommend!", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-with-document_1098-294.jpg?_wi=1", imageAlt: "David Thompson"},
|
|
||||||
]}
|
|
||||||
testimonialRotationInterval={5000}
|
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{ variant: "glowing-orb" }}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -76,10 +61,10 @@ export default function LandingPage() {
|
|||||||
<MediaAbout
|
<MediaAbout
|
||||||
title="Modern Web Design for Local Services"
|
title="Modern Web Design for Local Services"
|
||||||
description="We specialize in creating professional websites for service-based businesses. Our designs are fast, mobile-friendly, and optimized to convert visitors into paying customers. With years of experience in the service industry, we understand your business and what your customers need."
|
description="We specialize in creating professional websites for service-based businesses. Our designs are fast, mobile-friendly, and optimized to convert visitors into paying customers. With years of experience in the service industry, we understand your business and what your customers need."
|
||||||
tag="About WebBug"
|
tag="About Webbug"
|
||||||
buttons={[{ text: "Learn More", href: "services" }]}
|
buttons={[{ text: "Learn More", href: "services" }]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149145155.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149145155.jpg"
|
||||||
imageAlt="WebBug creative team collaborating"
|
imageAlt="Webbug creative team collaborating"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -97,11 +82,14 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "business-websites", title: "Business Websites", description: "Professional websites designed to build trust and generate calls and form submissions.", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-flat-design_23-2148257414.jpg", imageAlt: "Professional business website design"},
|
id: "business-websites", title: "Business Websites", description: "Professional websites designed to build trust and generate calls and form submissions.", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-flat-design_23-2148257414.jpg", imageAlt: "Professional business website design"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "landing-pages", title: "Landing Pages", description: "High-converting landing pages built specifically for ads and marketing campaigns.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149188470.jpg", imageAlt: "High-converting landing page design"},
|
id: "landing-pages", title: "Landing Pages", description: "High-converting landing pages built specifically for ads and marketing campaigns.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149188470.jpg", imageAlt: "High-converting landing page design"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "website-redesign", title: "Website Redesign", description: "We transform outdated websites into modern, fast, mobile-friendly experiences.", imageSrc: "http://img.b2bpic.net/free-vector/technology-landing-page-template-with-photo_52683-21230.jpg", imageAlt: "Website redesign mockup"},
|
id: "website-redesign", title: "Website Redesign", description: "We transform outdated websites into modern, fast, mobile-friendly experiences.", imageSrc: "http://img.b2bpic.net/free-vector/technology-landing-page-template-with-photo_52683-21230.jpg", imageAlt: "Website redesign mockup"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -119,11 +107,14 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Local Plumbing Website", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-vector/electrician-landing-page_23-2148716532.jpg", imageAlt: "Professional plumbing company website"},
|
id: "1", name: "Local Plumbing Website", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-vector/electrician-landing-page_23-2148716532.jpg", imageAlt: "Professional plumbing company website"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", name: "Construction Company Website", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-business-landing-page-template_23-2149874298.jpg", imageAlt: "Construction company website portfolio"},
|
id: "2", name: "Construction Company Website", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-business-landing-page-template_23-2149874298.jpg", imageAlt: "Construction company website portfolio"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", name: "Cleaning Service Website", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-vector/laundry-service-vertical-web-page-set-with-prices-contacts-symbols_1284-9614.jpg", imageAlt: "Professional cleaning service website"},
|
id: "3", name: "Cleaning Service Website", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-vector/laundry-service-vertical-web-page-set-with-prices-contacts-symbols_1284-9614.jpg", imageAlt: "Professional cleaning service website"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -161,13 +152,21 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Mike Rodriguez", handle: "Owner, Rodriguez Plumbing", testimonial: "WebBug transformed our online presence. Within 3 months, we were getting 3x more lead inquiries through our website. Professional team, great communication, and results that exceeded expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=2", imageAlt: "Mike Rodriguez"},
|
id: "1", name: "Mike Rodriguez", handle: "Owner, Rodriguez Plumbing", testimonial: "Webbug transformed our online presence. Within 3 months, we were getting 3x more lead inquiries through our website. Professional team, great communication, and results that exceeded expectations.", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=2", imageAlt: "Mike Rodriguez"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", name: "Sarah Chen", handle: "CEO, BuildRight Construction", testimonial: "We were looking for a web design company that understood the construction industry. WebBug nailed it. The website looks fantastic and has significantly increased our customer inquiries.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2", imageAlt: "Sarah Chen"},
|
id: "2", name: "Sarah Chen", handle: "CEO, BuildRight Construction", testimonial: "We were looking for a web design company that understood the construction industry. Webbug nailed it. The website looks fantastic and has significantly increased our customer inquiries.", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2", imageAlt: "Sarah Chen"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", name: "David Thompson", handle: "Manager, Clean Sweep Services", testimonial: "Our new website is beautiful, easy to navigate, and actually brings in customers. The team was responsive, professional, and delivered on time. Highly recommend WebBug!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-with-document_1098-294.jpg?_wi=2", imageAlt: "David Thompson"},
|
id: "3", name: "David Thompson", handle: "Manager, Clean Sweep Services", testimonial: "Our new website is beautiful, easy to navigate, and actually brings in customers. The team was responsive, professional, and delivered on time. Highly recommend Webbug!", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-with-document_1098-294.jpg?_wi=2", imageAlt: "David Thompson"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "4", name: "Jennifer Martinez", handle: "Owner, Martinez HVAC", testimonial: "Best decision we made for our business. WebBug took the time to understand our services and created a website that converts. Our phone has been ringing non-stop!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageAlt: "Jennifer Martinez"},
|
id: "4", name: "Jennifer Martinez", handle: "Owner, Martinez HVAC", testimonial: "Best decision we made for our business. Webbug took the time to understand our services and created a website that converts. Our phone has been ringing non-stop!", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageAlt: "Jennifer Martinez"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -197,21 +196,16 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="WebBug"
|
logoText="Webbug"
|
||||||
copyrightText="© 2025 WebBug. All rights reserved."
|
copyrightText="© 2025 Webbug. All rights reserved."
|
||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
icon: Facebook,
|
||||||
href: "https://facebook.com/webbugnow", ariaLabel: "Facebook"},
|
href: "https://facebook.com/webbugnow", ariaLabel: "Facebook"
|
||||||
{
|
},
|
||||||
icon: Linkedin,
|
|
||||||
href: "https://linkedin.com/company/webbugnow", ariaLabel: "LinkedIn"},
|
|
||||||
{
|
|
||||||
icon: Twitter,
|
|
||||||
href: "https://twitter.com/webbugnow", ariaLabel: "Twitter"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user