32 Commits

Author SHA1 Message Date
dea44de9d2 Update src/app/page.tsx 2026-05-11 20:22:42 +00:00
33fc3bed05 Update src/app/contact/page.tsx 2026-05-11 20:22:42 +00:00
114b7ad5ae Merge version_10 into main
Merge version_10 into main
2026-05-11 20:20:52 +00:00
8fc0af0a03 Update src/app/page.tsx 2026-05-11 20:20:49 +00:00
d7cadbda87 Merge version_9 into main
Merge version_9 into main
2026-05-11 20:13:20 +00:00
e06a933d67 Update src/app/page.tsx 2026-05-11 20:13:17 +00:00
e5df180076 Merge version_8 into main
Merge version_8 into main
2026-05-11 20:11:33 +00:00
5742cdd25b Update src/app/page.tsx 2026-05-11 20:11:29 +00:00
acea064c6f Merge version_7 into main
Merge version_7 into main
2026-05-11 20:09:42 +00:00
3449c8e62e Update src/app/contact/page.tsx 2026-05-11 20:09:39 +00:00
6d8187fb3a Merge version_6 into main
Merge version_6 into main
2026-05-11 20:08:36 +00:00
c6183687ad Update src/app/contact/page.tsx 2026-05-11 20:08:33 +00:00
f07cfdd972 Merge version_5 into main
Merge version_5 into main
2026-05-11 20:06:11 +00:00
e6eb57854a Update src/app/page.tsx 2026-05-11 20:06:08 +00:00
967918531b Merge version_4 into main
Merge version_4 into main
2026-05-11 20:03:43 +00:00
10dbc8a4cf Remove watermark 2026-05-11 20:03:40 +00:00
b111565b36 Merge version_4 into main
Merge version_4 into main
2026-05-11 19:58:37 +00:00
52b94c76a4 Update src/app/page.tsx 2026-05-11 19:58:33 +00:00
a3d739c139 Merge version_3 into main
Merge version_3 into main
2026-05-11 19:57:16 +00:00
d78d9d149b Update src/app/page.tsx 2026-05-11 19:57:13 +00:00
a750236997 Merge version_3 into main
Merge version_3 into main
2026-05-11 19:56:46 +00:00
efdb8a3207 Update src/app/page.tsx 2026-05-11 19:56:39 +00:00
8ec58cd6be Merge version_3 into main
Merge version_3 into main
2026-05-11 19:56:15 +00:00
b53d947f13 Update src/app/page.tsx 2026-05-11 19:56:12 +00:00
9ae7ad5064 Update src/app/contact/page.tsx 2026-05-11 19:56:11 +00:00
49cab56505 Merge version_3 into main
Merge version_3 into main
2026-05-11 19:55:43 +00:00
e407c7a4a4 Update src/app/page.tsx 2026-05-11 19:55:40 +00:00
f7531dad90 Add src/app/contact/page.tsx 2026-05-11 19:55:40 +00:00
c29e027faf Switch to version 1: modified src/app/styles/variables.css 2026-05-11 19:54:37 +00:00
70193befe3 Switch to version 1: modified src/app/page.tsx 2026-05-11 19:54:36 +00:00
162292da43 Merge version_2 into main
Merge version_2 into main
2026-05-11 19:53:48 +00:00
f929079c1c Merge version_2 into main
Merge version_2 into main
2026-05-11 19:53:24 +00:00
4 changed files with 97 additions and 137 deletions

54
src/app/contact/page.tsx Normal file
View File

@@ -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> 287 Rothbury Ct, Suwanee, GA 30024</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>
);
}

View File

@@ -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={{

View File

@@ -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,30 @@ 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" },
]}
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 +72,15 @@ 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: ["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: ["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: ["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>
@@ -140,94 +89,52 @@ 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. 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: "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 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"
/>
@@ -235,4 +142,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -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);