Update src/app/page.tsx

Merge version_18 into main

src/app/contact/page.tsx

@@ -2,7 +2,7 @@
 
 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 ReactLenis from "lenis/react";
 
@@ -23,31 +23,37 @@ 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>
-          <div className="grid md:grid-cols-2 gap-12">
+          <div className="mb-12">
-            <div>
+            <h2 className="text-2xl font-semibold mb-4">Get in Touch</h2>
-              <h2 className="text-2xl font-semibold mb-4">Get in Touch</h2>
+            <p className="mb-2"><strong>Address:</strong> 287 Rothbury Ct, Suwanee, GA 30024</p>
-              <p className="mb-2"><strong>Address:</strong> Suwanee, GA</p>
+            <p className="mb-2"><strong>Phone:</strong> 732-579-2932</p>
-              <p className="mb-2"><strong>Phone:</strong> 732-579-2932</p>
+            <p className="mb-2"><strong>Email:</strong> info@benakconsulting.com</p>
-              <p className="mb-2"><strong>Email:</strong> info@benakconsulting.com</p>
+            <p><strong>Hours:</strong> Mon-Fri, 9am - 5pm</p>
-              <p><strong>Hours:</strong> Mon-Fri, 9am - 5pm</p>
-            </div>
-            <form className="flex flex-col gap-4" onSubmit={(e) => e.preventDefault()}>
-              <input type="text" placeholder="Full Name" className="p-3 border rounded" required onChange={(e) => setFormData({...formData, name: e.target.value})} />
-              <input type="email" placeholder="Email" className="p-3 border rounded" required onChange={(e) => setFormData({...formData, email: e.target.value})} />
-              <input type="text" placeholder="Company/Subject" className="p-3 border rounded" required onChange={(e) => setFormData({...formData, subject: e.target.value})} />
-              <textarea placeholder="Message" rows={5} className="p-3 border rounded" required onChange={(e) => setFormData({...formData, message: e.target.value})} />
-              <button type="submit" className="p-3 rounded font-semibold">Send Message</button>
-            </form>
           </div>
+          <h2 className="text-2xl font-semibold mb-6">Send us an inquiry</h2>
+          <form className="flex flex-col gap-4" onSubmit={(e) => e.preventDefault()}>
+            <input type="text" placeholder="Full Name" className="p-3 border rounded" required onChange={(e) => setFormData({...formData, name: e.target.value})} />
+            <input type="email" placeholder="Email" className="p-3 border rounded" required onChange={(e) => setFormData({...formData, email: e.target.value})} />
+            <input type="text" placeholder="Company/Subject" className="p-3 border rounded" required onChange={(e) => setFormData({...formData, subject: e.target.value})} />
+            <textarea placeholder="Message" rows={5} className="p-3 border rounded" required onChange={(e) => setFormData({...formData, message: e.target.value})} />
+            <button type="submit" className="p-3 rounded font-semibold">Send Message</button>
+          </form>
         </div>
         <FooterLogoEmphasis
           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"
+          logoClassName="scale-[0.6]"
+          className="py-8"
         />
       </ReactLenis>
     </ThemeProvider>

src/app/page.tsx

@@ -7,7 +7,7 @@ import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwe
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 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,14 +28,17 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarLayoutFloatingInline
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About Us", id: "about" },
         { name: "Services", id: "services" },
-        { name: "Contact", id: "contact" },
+        { name: "Contact", id: "/contact" },
       ]}
-      brandName="Benak Consulting LLC"
+      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>
 
@@ -48,10 +51,6 @@ export default function LandingPage() {
         { 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" },
-        { text: "View Services", href: "#services" },
-      ]}
       background={{ variant: "plain" }}
       imageSrc="http://img.b2bpic.net/free-photo/two-business-woman-working-office-with-digital-tablet_1301-3550.jpg?_wi=1"
     />
@@ -74,13 +73,14 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       features={[
-        { id: "f1", title: "IT Staffing", descriptions: ["Identifying qualified technology professionals for project-based, contract, and long-term staffing needs."] },
+        { id: "f1", title: "IT Staffing", descriptions: ["We provide comprehensive IT staffing services, including deep-dive candidate screening, technical proficiency assessment, and cultural alignment. Our database of over 500+ pre-vetted professionals covers roles in cloud engineering, cybersecurity, data science, and software development, ensuring we bridge the skill gaps in your current team rapidly."] },
-        { id: "f2", title: "IT Consulting", descriptions: ["Planning, managing, and executing technology initiatives with experienced consulting resources."] },
+        { id: "f2", title: "IT Consulting", descriptions: ["Our IT consulting services offer strategic guidance for complex technology roadmaps. From digital transformation initiatives to legacy system modernization, we provide expert senior consultants who act as extensions of your leadership, ensuring your IT infrastructure is robust, scalable, and optimized for long-term growth."] },
-        { id: "f3", title: "Reliable Support", descriptions: ["Dependable service delivery built on 20 years of professional consulting experience."] },
+        { id: "f3", title: "Reliable Support", descriptions: ["With 20 years of proven experience, we offer continuous, dependable support for your ongoing technology needs. We focus on minimizing downtime through proactive monitoring, rapid incident response, and personalized service level agreements tailored to the unique operational requirements of your business."] },
       ]}
       title="Professional IT Services"
       description="Comprehensive technology solutions tailored to your business needs."
       useInvertedBackground={false}
+      textBoxClassName="flex flex-col items-center text-center"
     />
   </div>
 
@@ -107,7 +107,8 @@ export default function LandingPage() {
       author="Chief Technical Officer, TechSolutions Group"
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
-      avatars={[{ src: "https://i.pravatar.cc/100?u=1", alt: "Author avatar" }]}
+      avatars={[{ src: "https://i.pravatar.cc/100?u=1", alt: "Author avatar" }]
+      }
       useInvertedBackground={false}
     />
   </div>
@@ -118,7 +119,10 @@ export default function LandingPage() {
       faqs={[
         { id: "q1", title: "What kind of IT staffing do you support?", content: "We support contract, project-based, and long-term staffing. Our streamlined onboarding process ensures a industry-leading time-to-fill, typically identifying and vetting top-tier candidates within 5-7 business days." },
         { id: "q2", title: "Do you provide consulting services?", content: "Yes, our consulting services help organizations plan, manage, and execute technology initiatives. We leverage our network to rapidly onboard experts to minimize project downtime." },
-        { id: "q3", title: "What is your process for candidate vetting?", content: "We conduct rigorous technical assessments, background checks, and cultural fit interviews. This thorough, yet accelerated process allows us to maintain high speed-to-hire without compromising on talent quality." }
+        { id: "q3", title: "What is your process for candidate vetting?", content: "We conduct rigorous technical assessments, background checks, and cultural fit interviews. This thorough, yet accelerated process allows us to maintain high speed-to-hire without compromising on talent quality." },
+        { id: "q4", title: "How do I get started with your services?", content: "You can easily contact us via our contact form or give us a call. We'll set up an initial consultation to understand your needs and provide a tailored proposal." },
+        { id: "q5", title: "Are there any long-term commitments?", content: "We offer flexible engagement models tailored to your project scope and duration. Our goal is to provide the support you need, when you need it."},
+        { id: "q6", title: "Do you support international clients?", content: "Currently, we focus on providing services within the United States to ensure we meet high regulatory and quality standards, but we are open to discussing global partnerships on a case-by-case basis." }
       ]}
       title="Frequently Asked Questions"
       description="Answers to common inquiries."
@@ -133,6 +137,9 @@ export default function LandingPage() {
         { 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-1778602491420-95nrleel.png"
+      logoClassName="scale-[0.6]"
+      className="py-8"
     />
   </div>
       </ReactLenis>