Update src/app/page.tsx

Merge version_21 into main

src/app/contact/page.tsx

@@ -2,8 +2,8 @@
 
 import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import ReactLenis from "lenis/react";
 
 export default function ContactPage() {
@@ -23,9 +23,12 @@ export default function ContactPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
+        <NavbarLayoutFloatingInline
           navItems={[{ name: "Home", id: "/" }, { name: "Contact", id: "/contact" }]}
           logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778597600633-cjlo78tg.png"
+          logoClassName="scale-[2.5]"
+          className="py-6"
+          button={{ text: "Get Started", href: "/contact" }}
         />
         <div className="pt-32 pb-16 px-6 max-w-4xl mx-auto">
           <h1 className="text-4xl font-bold mb-8">Contact Us</h1>
@@ -45,12 +48,17 @@ export default function ContactPage() {
             <button type="submit" className="p-3 rounded font-semibold">Send Message</button>
           </form>
         </div>
-        <FooterLogoEmphasis
+        <FooterBaseCard
-          columns={[{ items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} 
           logoText="Benak Consulting LLC"
-          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778597600633-cjlo78tg.png"
+          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778602491420-95nrleel.png"
+          logoImageClassName="scale-[2.5]"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "/" }, { label: "Contact", href: "/contact" }] },
+            { title: "Services", items: [{ label: "IT Staffing", href: "/" }, { label: "IT Consulting", href: "/" }] }
+          ]}
+          className="py-8"
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import { Award, Target, Users } from "lucide-react";
@@ -28,7 +28,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarLayoutFloatingInline
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About Us", id: "about" },
@@ -36,21 +36,21 @@ export default function LandingPage() {
         { name: "Contact", id: "/contact" },
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778597600633-cjlo78tg.png"
+      logoClassName="scale-[2.5]"
+      className="py-6"
+      button={{ text: "Contact Us ", href: "/contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      title="Connecting Businesses with Trusted IT Talent."
+      title="Connecting Business with Trusted IT Talent."
       description="Benak Consulting LLC provides professional IT staffing and consulting solutions for businesses seeking skilled technology professionals, dependable project support, and experienced consulting services."
       testimonials={[
         { name: "Sarah Johnson", handle: "@techcorp", testimonial: "Benak Consulting provided us with exceptional talent that transformed our project roadmap.", rating: 5 },
         { name: "Michael Chen", handle: "@innovatelab", testimonial: "Reliable communication and deep technical expertise every single time.", rating: 5 },
         { name: "Emily Rodriguez", handle: "@growthco", testimonial: "They truly understand our staffing needs and deliver quality professionals fast.", rating: 5 },
       ]}
-      buttons={[
-        { text: "Contact Us", href: "/contact" },
-      ]}
       background={{ variant: "plain" }}
       imageSrc="http://img.b2bpic.net/free-photo/two-business-woman-working-office-with-digital-tablet_1301-3550.jpg?_wi=1"
     />
@@ -132,15 +132,18 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseCard
-      columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }
-      ]}
       logoText="Benak Consulting LLC"
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778597600633-cjlo78tg.png"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778606746621-z4rjlwnr.png"
+      logoImageClassName="scale-[2.5]"
+      columns={[
+        { title: "Company", items: [{ label: "About", href: "/" }, { label: "Contact", href: "/contact" }] },
+        { title: "Services", items: [{ label: "IT Staffing", href: "/" }, { label: "IT Consulting", href: "/" }] }
+      ]}
+      className="py-8"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}