Update src/app/page.tsx

2026-05-11 19:57:13 +00:00 · 2026-05-11 19:56:39 +00:00 · 2026-05-11 19:56:12 +00:00 · 2026-05-11 19:56:11 +00:00 · 2026-05-11 19:55:40 +00:00 · 2026-05-11 19:55:40 +00:00
3 changed files with 91 additions and 134 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,55 @@
+"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="grid md:grid-cols-2 gap-12">
+            <div>
+              <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>
+            <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>
+        </div>
+        <FooterLogoEmphasis
+          columns={[{ items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} 
+          logoText="Benak Consulting LLC"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- 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,14 +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"
    />
@@ -46,64 +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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=1"},
-        {
-          name: "Michael Chen",          handle: "@innovatelab",          testimonial: "Reliable communication and deep technical expertise every single time.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=2"},
-        {
-          name: "Emily Rodriguez",          handle: "@growthco",          testimonial: "They truly understand our staffing needs and deliver quality professionals fast.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=3"},
-        {
-          name: "David Kim",          handle: "@startupxyz",          testimonial: "An incredible consulting partner for long-term project support.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=4"},
-        {
-          name: "Alex Rivera",          handle: "@enterprisetech",          testimonial: "The best experience we have had with an IT consulting firm in years.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=5"},
+        { 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"},
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=6"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png",          alt: "Logo"},
-      ]}
-      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"},
+        { 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"
    />
  </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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=7"
-      mediaAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/showing-curious-data_1098-14123.jpg?_wi=1"
+      useInvertedBackground={false}
    />
  </div>

@@ -111,27 +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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=8",          imageAlt: "Service Image"},
-        {
-          id: "f2",          title: "IT Consulting",          descriptions: [
-            "Planning, managing, and executing technology initiatives with experienced consulting resources."],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=9",          imageAlt: "Service Image"},
-        {
-          id: "f3",          title: "Reliable Support",          descriptions: [
-            "Dependable service delivery built on 20 years of professional consulting experience."],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=10",          imageAlt: "Service Image"},
-        {
-          id: "f4",          title: "Technical Areas",          descriptions: [
-            "Specialized support in Software Development, Database/Data, Cloud, Infrastructure, Business Analysis, and QA."],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png?_wi=11",          imageAlt: "Service Image"},
+        { 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>

@@ -140,94 +89,47 @@ 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan5Ic1q1Umi6BwcobeOcsttrO/uploaded-1778529182671-0qz5etsj.png",          alt: "Client"},
-      ]}
      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." },
+        { id: "q2", title: "Do you provide consulting services?", content: "Yes, our consulting services help organizations plan, manage, and execute technology initiatives." },
      ]}
      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"
    />
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #fdfaf8;
-  --card: #f4ede8;
-  --foreground: #1a1512;
-  --primary-cta: #c8521e;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000000;
+  --primary-cta: #E34400;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #f4ede8;
+  --secondary-cta: #000000;
  --secondary-cta-text: #ffffff;
-  --accent: #e1d5cc;
-  --background-accent: #f4ede8;
+  --accent: #E34400;
+  --background-accent: #f9f9f9;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	d78d9d149b	Update src/app/page.tsx	2026-05-11 19:57:13 +00:00
bender	efdb8a3207	Update src/app/page.tsx	2026-05-11 19:56:39 +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	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	f929079c1c	Merge version_2 into main Merge version_2 into main	2026-05-11 19:53:24 +00:00