Update theme colors

Merge version_4 into main

src/app/page.tsx

@@ -28,30 +28,30 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="Webbug"
+          brandName="Medical Web Pro"
           navItems={[
             { name: "Services", id: "services" },
             { name: "Portfolio", id: "portfolio" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonials" },
           ]}
-          button={{ text: "Book a free meeting", href: "contact" }}
+          button={{ text: "Schedule a consultation", href: "contact" }}
           animateOnLoad={true}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroCentered
-          title="Websites That Turn Visitors Into Customers"
+          title="HIPAA-Compliant Websites for Medical & Dental Practices"
-          description="Professional web design for local service businesses. We create fast, modern websites designed to generate leads and drive conversions."
+          description="Professional web design that builds patient trust and grows your practice. Secure, mobile-optimized websites designed to attract and convert new patients."
           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/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=2", alt: "Medical professional 1" },
-            { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2", alt: "Team member 2" },
+            { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2", alt: "Medical professional 2" },
           ]}
           buttons={[
-            { text: "Book a free meeting", href: "contact" },
+            { text: "Schedule a consultation", href: "contact" },
-            { text: "View Our Work", href: "portfolio" },
+            { text: "View Case Studies", href: "portfolio" },
           ]}
           buttonAnimation="slide-up"
         />
@@ -59,12 +59,12 @@ export default function LandingPage() {
 
       <div id="about" data-section="about">
         <MediaAbout
-          title="Modern Web Design for Local Services"
+          title="Specialized Web Design for Healthcare Professionals"
-          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 HIPAA-compliant websites for medical practices, dental offices, and healthcare providers. Our designs are built with patient privacy at the forefront, featuring secure patient portals, appointment booking systems, and mobile-friendly interfaces that inspire confidence and encourage patient engagement."
-          tag="About Webbug"
+          tag="About Medical Web Pro"
           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="Healthcare team collaborating"
           useInvertedBackground={false}
         />
       </div>
@@ -72,8 +72,8 @@ export default function LandingPage() {
       <div id="services" data-section="services">
         <FeatureCardTwentySeven
           title="Our Services"
-          description="We help local businesses grow online with fast, modern websites designed to generate leads."
+          description="We help medical and dental practices establish a strong online presence with secure, compliant websites that attract and retain patients."
-          tag="What We Offer"
+          tag="Healthcare Solutions"
           tagIcon={Zap}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -82,13 +82,13 @@ 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: "medical-websites",              title: "Medical Practice Websites",              description: "HIPAA-compliant websites designed to build patient trust, showcase expertise, and provide essential practice information and online appointment scheduling.",              imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-flat-design_23-2148257414.jpg",              imageAlt: "Professional medical 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: "dental-websites",              title: "Dental Practice Websites",              description: "Patient-focused dental websites featuring before/after galleries, treatment information, online booking, and secure patient communication portals.",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149188470.jpg",              imageAlt: "Modern dental practice website"
             },
             {
-              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: "patient-portal",              title: "Patient Portal Integration",              description: "Secure, HIPAA-compliant patient portals for medical records access, appointment management, prescription requests, and secure provider communication.",              imageSrc: "http://img.b2bpic.net/free-vector/technology-landing-page-template-with-photo_52683-21230.jpg",              imageAlt: "Secure patient portal interface"
             },
           ]}
         />
@@ -96,8 +96,8 @@ export default function LandingPage() {
 
       <div id="portfolio" data-section="portfolio">
         <ProductCardOne
-          title="Recent Projects"
+          title="Case Studies"
-          description="Websites we've created for local service businesses."
+          description="Websites we've created for medical practices and dental offices to improve patient acquisition and engagement."
           tag="Portfolio"
           tagIcon={Briefcase}
           tagAnimation="slide-up"
@@ -107,13 +107,13 @@ 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: "Comprehensive Medical Group Website",              price: "View Case Study",              imageSrc: "http://img.b2bpic.net/free-vector/electrician-landing-page_23-2148716532.jpg",              imageAlt: "Medical group practice 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: "Multi-Specialty Dental Practice Website",              price: "View Case Study",              imageSrc: "http://img.b2bpic.net/free-vector/real-estate-business-landing-page-template_23-2149874298.jpg",              imageAlt: "Dental practice 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: "Orthopedic Surgery Center 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: "Surgery center website"
             },
           ]}
         />
@@ -121,8 +121,8 @@ export default function LandingPage() {
 
       <div id="metrics" data-section="metrics">
         <MetricCardTwo
-          title="Our Impact"
+          title="Our Healthcare Impact"
-          description="Proven results for local service businesses."
+          description="Proven results for medical and dental practices."
           tag="Key Metrics"
           tagIcon={TrendingUp}
           tagAnimation="slide-up"
@@ -131,18 +131,18 @@ export default function LandingPage() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           metrics={[
-            { id: "1", value: "150+", description: "Websites Created" },
+            { id: "1", value: "200+", description: "Healthcare Websites Created" },
-            { id: "2", value: "3x", description: "Average Lead Increase" },
+            { id: "2", value: "4x", description: "Average New Patient Increase" },
-            { id: "3", value: "98%", description: "Client Satisfaction" },
+            { id: "3", value: "99%", description: "Client Satisfaction Rate" },
-            { id: "4", value: "50K+", description: "Leads Generated for Clients" },
+            { id: "4", value: "100K+", description: "New Patients Attracted" },
           ]}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen
-          title="What Our Clients Say"
+          title="What Healthcare Professionals Say"
-          description="Hear from service business owners who've transformed their online presence."
+          description="Hear from medical and dental practice owners who've transformed their patient acquisition and online presence."
           tag="Testimonials"
           tagIcon={Quote}
           tagAnimation="slide-up"
@@ -152,20 +152,20 @@ 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,
+              id: "1",              name: "Dr. Robert Garcia",              handle: "Cardiologist, Garcia Heart Center",              testimonial: "Medical Web Pro created a professional, patient-friendly website that has significantly increased our new patient inquiries. The HIPAA compliance and secure patient portal features were exactly what we needed. Highly recommend for any medical practice.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=2",              imageAlt: "Mike Rodriguez"
+              imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg?_wi=2",              imageAlt: "Dr. Robert Garcia"
             },
             {
-              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,
+              id: "2",              name: "Dr. Linda Chen, DDS",              handle: "Owner, Premier Dental Associates",              testimonial: "We needed a modern dental website that showcased our services and made it easy for patients to book appointments. Medical Web Pro delivered exactly that. Our patient inquiries have tripled, and the online booking system has reduced our administrative burden.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2",              imageAlt: "Sarah Chen"
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148924772.jpg?_wi=2",              imageAlt: "Dr. Linda 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,
+              id: "3",              name: "Dr. Michael Thompson, MD",              handle: "Orthopedic Surgeon, Thompson Sports Medicine",              testimonial: "The team understood the healthcare industry and created a website that builds patient confidence. The secure patient portal and appointment scheduling system are top-notch. Our practice has grown significantly since launching the new site.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-with-document_1098-294.jpg?_wi=2",              imageAlt: "David Thompson"
+              imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-with-document_1098-294.jpg?_wi=2",              imageAlt: "Dr. Michael 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,
+              id: "4",              name: "Dr. Jennifer Martinez, DDS",              handle: "Pediatric Dentistry, Martinez Smiles",              testimonial: "Medical Web Pro created a warm, welcoming website for our pediatric practice. Parents love the patient education content, and the online appointment booking has been a game-changer. We're seeing more new families every month.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              imageAlt: "Jennifer Martinez"
+              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              imageAlt: "Dr. Jennifer Martinez"
             },
           ]}
         />
@@ -173,39 +173,39 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactSplitForm
-          title="Need a Website That Brings You Customers?"
+          title="Ready to Grow Your Medical or Dental Practice?"
-          description="Let's discuss your project and create a website that drives real results for your business."
+          description="Let's discuss how a professional, HIPAA-compliant website can help you attract more patients and strengthen your practice's online presence."
           useInvertedBackground={false}
           inputs={[
             { name: "name", type: "text", placeholder: "Your Name", required: true },
             { name: "email", type: "email", placeholder: "Your Email", required: true },
-            { name: "business", type: "text", placeholder: "Business Name", required: true },
+            { name: "practice", type: "text", placeholder: "Practice Name", required: true },
-            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            { name: "specialty", type: "text", placeholder: "Medical Specialty or Dental Service", required: true },
           ]}
           textarea={{
-            name: "message",            placeholder: "Tell us about your project and business goals...",            rows: 5,
+            name: "message",            placeholder: "Tell us about your practice and your goals for your online presence...",            rows: 5,
             required: true,
           }}
           imageSrc="http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg"
-          imageAlt="Professional team working on project"
+          imageAlt="Healthcare professionals collaborating"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
-          buttonText="Start Your Project"
+          buttonText="Schedule Your Consultation"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterCard
-          logoText="Webbug"
+          logoText="Medical Web Pro"
-          copyrightText="© 2025 Webbug. All rights reserved."
+          copyrightText="© 2025 Medical Web Pro. All rights reserved. HIPAA-Compliant Healthcare Web Design."
           socialLinks={[
             {
               icon: Facebook,
-              href: "https://facebook.com/webbugnow",              ariaLabel: "Facebook"
+              href: "https://facebook.com/medicalwebpro",              ariaLabel: "Facebook"
             },
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #f5faff;
-  --card: #f3ede2;
+  --card: #f1f8ff;
-  --foreground: #2e2521;
+  --foreground: #001122;
-  --primary-cta: #2e2521;
+  --primary-cta: #15479c;
-  --primary-cta-text: #fcf6ec;
+  --primary-cta-text: #f5faff;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #2e2521;
+  --secondary-cta-text: #001122;
-  --accent: #b2a28b;
+  --accent: #a8cce8;
-  --background-accent: #b2a28b;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);