Update src/app/page.tsx

Merge version_3 into main
2026-03-09 15:03:32 +00:00 · 2026-03-09 14:57:15 +00:00 · 2026-03-09 14:57:11 +00:00 · 2026-03-09 14:54:01 +00:00 · 2026-03-09 14:53:57 +00:00 · 2026-03-09 14:52:52 +00:00
1 changed files with 42 additions and 48 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client";

 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 FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
 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 FooterCard from "@/components/sections/footer/FooterCard";
 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() {
  return (
@@ -28,47 +28,32 @@ export default function LandingPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
-          brandName="WebBug"
+          brandName="Webbug"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
          ]}
-          button={{ text: "Get a Free Quote", href: "contact" }}
+          button={{ text: "Book a free meeting", href: "contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
-        <HeroBillboardTestimonial
+        <HeroCentered
          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."
-          tag="Web Design Agency"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          avatars={[
+            { 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={[
-            { text: "Get a Free Quote", href: "contact" },
+            { text: "Book a free meeting", href: "contact" },
            { text: "View Our Work", href: "portfolio" },
          ]}
          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>

@@ -76,10 +61,10 @@ export default function LandingPage() {
        <MediaAbout
          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."
-          tag="About WebBug"
+          tag="About Webbug"
          buttons={[{ text: "Learn More", href: "services" }]}
          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}
        />
      </div>
@@ -97,11 +82,14 @@ export default function LandingPage() {
          animationType="slide-up"
          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>
@@ -119,11 +107,14 @@ export default function LandingPage() {
          animationType="slide-up"
          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>
@@ -161,13 +152,21 @@ export default function LandingPage() {
          animationType="slide-up"
          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>
@@ -197,21 +196,16 @@ export default function LandingPage() {

      <div id="footer" data-section="footer">
        <FooterCard
-          logoText="WebBug"
-          copyrightText="© 2025 WebBug. All rights reserved."
+          logoText="Webbug"
+          copyrightText="© 2025 Webbug. All rights reserved."
          socialLinks={[
            {
              icon: 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"},
+              href: "https://facebook.com/webbugnow",              ariaLabel: "Facebook"
+            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	f7d8e466d9	Update src/app/page.tsx	2026-03-09 15:03:32 +00:00
bender	2c85140b24	Merge version_3 into main Merge version_3 into main	2026-03-09 14:57:15 +00:00
bender	0cbc5783d6	Update src/app/page.tsx	2026-03-09 14:57:11 +00:00
bender	d33ffa48d8	Merge version_2 into main Merge version_2 into main	2026-03-09 14:54:01 +00:00
bender	4abe621135	Update src/app/page.tsx	2026-03-09 14:53:57 +00:00
bender	f68d8096cf	Merge version_2 into main Merge version_2 into main	2026-03-09 14:52:52 +00:00
bender	5e90047565	Update src/app/page.tsx	2026-03-09 14:52:48 +00:00
bender	148606c629	Merge version_1 into main Merge version_1 into main	2026-03-09 14:45:03 +00:00
bender	b7aa010dd0	Merge version_1 into main Merge version_1 into main	2026-03-09 14:43:50 +00:00
bender	4e0348c160	Merge version_1 into main Merge version_1 into main	2026-03-09 14:43:03 +00:00
bender	46bb1dd775	Merge version_1 into main Merge version_1 into main	2026-03-09 14:42:36 +00:00
bender	846deead0b	Merge version_1 into main Merge version_1 into main	2026-03-09 14:41:22 +00:00
bender	289a0f0f97	Merge version_1 into main Merge version_1 into main	2026-03-09 14:35:51 +00:00
bender	1e8f29539a	Merge version_1 into main Merge version_1 into main	2026-03-09 14:34:56 +00:00
bender	a487c8847e	Merge version_1 into main Merge version_1 into main	2026-03-09 14:33:32 +00:00