Update src/app/contact/page.tsx

Merge version_5 into main
2026-05-11 20:08:33 +00:00 · 2026-05-11 20:06:11 +00:00 · 2026-05-11 20:06:08 +00:00 · 2026-05-11 20:03:43 +00:00 · 2026-05-11 20:03:40 +00:00 · 2026-05-11 19:58:37 +00:00
3 changed files with 84 additions and 265 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,54 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import ReactLenis from "lenis/react";
+
+export default function ContactPage() {
+  const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "" });
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          navItems={[{ name: "Home", id: "/" }, { name: "Contact", id: "/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="mb-12">
+            <h2 className="text-2xl font-semibold mb-4">Get in Touch</h2>
+            <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>Email:</strong> info@benakconsulting.com</p>
+            <p><strong>Hours:</strong> Mon-Fri, 9am - 5pm</p>
+          </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"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Source_Sans_3 } from "next/font/google";

@@ -35,7 +34,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body className={`${sourceSans3.variable} antialiased`}>
-          <Tag />
+          
          {children}
          <script
              dangerouslySetInnerHTML={{
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,6 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
@@ -31,22 +30,10 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About Us",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact Us",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About Us", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Contact", id: "contact" },
      ]}
      brandName="Benak Consulting LLC"
    />
@@ -54,117 +41,31 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
      title="Connecting Businesses 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,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg?_wi=1",
-        },
-        {
-          name: "Michael Chen",
-          handle: "@innovatelab",
-          testimonial: "Reliable communication and deep technical expertise every single time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
-        },
-        {
-          name: "Emily Rodriguez",
-          handle: "@growthco",
-          testimonial: "They truly understand our staffing needs and deliver quality professionals fast.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",
-        },
-        {
-          name: "David Kim",
-          handle: "@startupxyz",
-          testimonial: "An incredible consulting partner for long-term project support.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-        },
-        {
-          name: "Alex Rivera",
-          handle: "@enterprisetech",
-          testimonial: "The best experience we have had with an IT consulting firm in years.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-stylish-woman_23-2148323518.jpg",
-        },
+        { 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",
-        },
-        {
-          text: "View Services",
-          href: "#services",
-        },
+        { 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"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-african-businessman-wearing-suit-headshot-vertical-portrait-with-team_1163-3924.jpg",
-          alt: "Smiling african businessman wearing suit",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg",
-          alt: "Confident cheerful businesswoman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-          alt: "Positive confident businessman posing outside",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
-          alt: "Portrait of a happy businessman with crossed arms",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
-          alt: "Smiling Successful Middle-aged Business Leader",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "20 Years Excellence",
-        },
-        {
-          type: "text",
-          text: "Expert IT Staffing",
-        },
-        {
-          type: "text",
-          text: "Consulting Solutions",
-        },
-        {
-          type: "text",
-          text: "Reliable Talent",
-        },
-        {
-          type: "text",
-          text: "Proven Success",
-        },
-      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
-      useInvertedBackground={false}
      tag="About Us"
      title="20 Years of IT Excellence"
-      description="Benak Consulting LLC is an IT staffing and consulting business focused on helping organizations connect with skilled technology professionals. With around 20 years of professional experience, our team understands the importance of reliable communication, qualified talent, and client-focused service."
-      subdescription="We work with businesses that need technology support, consulting resources, or staffing assistance for ongoing operations and project-based needs. Our approach is formal, responsive, and built around long-term professional relationships."
+      description="Benak Consulting LLC is an IT staffing and consulting business focused on helping organizations connect with skilled technology professionals."
+      subdescription="We work with businesses that need technology support, consulting resources, or staffing assistance for ongoing operations and project-based needs."
      icon={Users}
      imageSrc="http://img.b2bpic.net/free-photo/showing-curious-data_1098-14123.jpg?_wi=1"
-      mediaAnimation="slide-up"
+      useInvertedBackground={false}
    />
  </div>

@@ -172,47 +73,14 @@ export default function LandingPage() {
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="split"
-      useInvertedBackground={false}
      features={[
-        {
-          id: "f1",
-          title: "IT Staffing",
-          descriptions: [
-            "Identifying qualified technology professionals for project-based, contract, and long-term staffing needs.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
-          imageAlt: "Luxurious business environment used in corporate culture and the industry",
-        },
-        {
-          id: "f2",
-          title: "IT Consulting",
-          descriptions: [
-            "Planning, managing, and executing technology initiatives with experienced consulting resources.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/two-business-woman-working-office-with-digital-tablet_1301-3550.jpg?_wi=2",
-          imageAlt: "Luxurious business environment used in corporate culture and the industry",
-        },
-        {
-          id: "f3",
-          title: "Reliable Support",
-          descriptions: [
-            "Dependable service delivery built on 20 years of professional consulting experience.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/showing-curious-data_1098-14123.jpg?_wi=2",
-          imageAlt: "Luxurious business environment used in corporate culture and the industry",
-        },
-        {
-          id: "f4",
-          title: "Technical Areas",
-          descriptions: [
-            "Specialized support in Software Development, Database/Data, Cloud, Infrastructure, Business Analysis, and QA.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg?_wi=2",
-          imageAlt: "Luxurious business environment used in corporate culture and the industry",
-        },
+        { id: "f1", title: "IT Staffing", descriptions: ["Identifying qualified technology professionals for project-based, contract, and long-term staffing needs."] },
+        { id: "f2", title: "IT Consulting", descriptions: ["Planning, managing, and executing technology initiatives with experienced consulting resources."] },
+        { id: "f3", title: "Reliable Support", descriptions: ["Dependable service delivery built on 20 years of professional consulting experience."] },
      ]}
      title="Professional IT Services"
      description="Comprehensive technology solutions tailored to your business needs."
+      useInvertedBackground={false}
    />
  </div>

@@ -221,150 +89,48 @@ export default function LandingPage() {
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
      metrics={[
-        {
-          id: "m1",
-          value: "20+",
-          title: "Years Experience",
-          description: "Professional IT and staffing history.",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Professionals",
-          description: "Highly qualified talent network.",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Client-Focused",
-          description: "Commitment to project success.",
-          icon: Target,
-        },
+        { id: "m1", value: "20+", title: "Years Experience", description: "Professional IT and staffing history.", icon: Award },
+        { id: "m2", value: "500+", title: "Professionals", description: "Highly qualified talent network.", icon: Users },
+        { id: "m3", value: "100%", title: "Client-Focused", description: "Commitment to project success.", icon: Target },
      ]}
      title="Proven Results"
      description="Our experience delivers tangible value to our clients."
+      useInvertedBackground={false}
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFifteen
-      useInvertedBackground={false}
      testimonial="Benak Consulting has been instrumental in scaling our engineering team effectively. Their commitment to matching qualified professionals is unmatched."
      rating={5}
      author="Chief Technical Officer, TechSolutions Group"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-senior-business-man-relaxing_1262-2369.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-          alt: "Client 5",
-        },
-      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
+      avatars={[{ src: "https://i.pravatar.cc/100?u=1", alt: "Author avatar" }]}
+      useInvertedBackground={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
-      useInvertedBackground={false}
      faqs={[
-        {
-          id: "q1",
-          title: "What kind of IT staffing do you support?",
-          content: "We support contract, project-based, and long-term staffing for a variety of IT roles including developers, analysts, and infrastructure experts.",
-        },
-        {
-          id: "q2",
-          title: "Do you provide consulting services?",
-          content: "Yes, our consulting services help organizations plan, manage, and execute technology initiatives with our experienced experts.",
-        },
-        {
-          id: "q3",
-          title: "How long has Benak Consulting been in business?",
-          content: "Our team brings around 20 years of professional IT consulting and staffing experience to every client project.",
-        },
+        { 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." }
      ]}
      title="Frequently Asked Questions"
-      description="Answers to common inquiries about our staffing and consulting process."
+      description="Answers to common inquiries."
      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Get in touch today. Our team is ready to discuss how we can support your business with reliable IT staffing and consulting services. Contact us at info@benakconsulting.com or visit us in Suwanee, GA."
-      buttons={[
-        {
-          text: "Call 732-579-2932",
-          href: "tel:7325792932",
-        },
-        {
-          text: "Email Us",
-          href: "mailto:info@benakconsulting.com",
-        },
-      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "LinkedIn (Beena)",
-              href: "https://linkedin.com/in/beenasidharthan",
-            },
-            {
-              label: "LinkedIn (Deepa)",
-              href: "https://linkedin.com/in/deepapcs",
-            },
-          ],
-        },
+        { items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }
      ]}
      logoText="Benak Consulting LLC"
    />
@@ -372,4 +138,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	c6183687ad	Update src/app/contact/page.tsx	2026-05-11 20:08:33 +00:00
bender	f07cfdd972	Merge version_5 into main Merge version_5 into main	2026-05-11 20:06:11 +00:00
bender	e6eb57854a	Update src/app/page.tsx	2026-05-11 20:06:08 +00:00
bender	967918531b	Merge version_4 into main Merge version_4 into main	2026-05-11 20:03:43 +00:00
bender	10dbc8a4cf	Remove watermark	2026-05-11 20:03:40 +00:00
bender	b111565b36	Merge version_4 into main Merge version_4 into main	2026-05-11 19:58:37 +00:00
bender	52b94c76a4	Update src/app/page.tsx	2026-05-11 19:58:33 +00:00
bender	a3d739c139	Merge version_3 into main Merge version_3 into main	2026-05-11 19:57:16 +00:00
bender	d78d9d149b	Update src/app/page.tsx	2026-05-11 19:57:13 +00:00
bender	a750236997	Merge version_3 into main Merge version_3 into main	2026-05-11 19:56:46 +00:00
bender	efdb8a3207	Update src/app/page.tsx	2026-05-11 19:56:39 +00:00
bender	8ec58cd6be	Merge version_3 into main Merge version_3 into main	2026-05-11 19:56:15 +00:00
bender	b53d947f13	Update src/app/page.tsx	2026-05-11 19:56:12 +00:00
bender	9ae7ad5064	Update src/app/contact/page.tsx	2026-05-11 19:56:11 +00:00
bender	49cab56505	Merge version_3 into main Merge version_3 into main	2026-05-11 19:55:43 +00:00
bender	e407c7a4a4	Update src/app/page.tsx	2026-05-11 19:55:40 +00:00
bender	f7531dad90	Add src/app/contact/page.tsx	2026-05-11 19:55:40 +00:00
bender	c29e027faf	Switch to version 1: modified src/app/styles/variables.css	2026-05-11 19:54:37 +00:00
bender	70193befe3	Switch to version 1: modified src/app/page.tsx	2026-05-11 19:54:36 +00:00
bender	162292da43	Merge version_2 into main Merge version_2 into main	2026-05-11 19:53:48 +00:00
bender	77a4ad32b0	Update src/app/page.tsx	2026-05-11 19:53:45 +00:00
bender	f929079c1c	Merge version_2 into main Merge version_2 into main	2026-05-11 19:53:24 +00:00
bender	af0e37b0b1	Update src/app/styles/variables.css	2026-05-11 19:53:18 +00:00
bender	af043285d8	Update src/app/page.tsx	2026-05-11 19:53:18 +00:00
bender	70e15e1885	Merge version_1 into main Merge version_1 into main	2026-05-11 19:50:34 +00:00