Merge version_3 into main

Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
2026-05-11 19:56:15 +00:00
2 changed files with 27 additions and 28 deletions

View File

@@ -10,11 +10,21 @@ export default function ContactPage() {
const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "" }); const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "" });
return ( return (
<ThemeProvider> <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> <ReactLenis root>
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[{ name: "Home", id: "/" }, { name: "Contact", id: "/contact" }]} navItems={[{ name: "Home", id: "/" }, { name: "Contact", id: "/contact" }]}
brandName="Benak Consulting LLC"
/> />
<div className="pt-32 pb-16 px-6 max-w-4xl mx-auto"> <div className="pt-32 pb-16 px-6 max-w-4xl mx-auto">
<h1 className="text-4xl font-bold mb-8">Contact Us</h1> <h1 className="text-4xl font-bold mb-8">Contact Us</h1>
@@ -26,12 +36,12 @@ export default function ContactPage() {
<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> </div>
<form className="flex flex-col gap-4"> <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="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="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})} /> <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})} /> <textarea placeholder="Message" rows={5} className="p-3 border rounded" required onChange={(e) => setFormData({...formData, message: e.target.value})} />
<button type="submit" className="bg-primary-cta text-white p-3 rounded font-semibold">Send Message</button> <button type="submit" className="p-3 rounded font-semibold">Send Message</button>
</form> </form>
</div> </div>
</div> </div>

View File

@@ -2,7 +2,6 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven'; import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
@@ -31,14 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", id: "hero"}, { name: "About Us", id: "about" },
{ { name: "Services", id: "services" },
name: "About Us", id: "about"}, { name: "Contact", id: "contact" },
{
name: "Services", id: "services"},
{
name: "Contact", id: "contact"},
]} ]}
brandName="Benak Consulting LLC" brandName="Benak Consulting LLC"
/> />
@@ -47,16 +42,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardTestimonial <HeroBillboardTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain"}}
title="Connecting Businesses with Trusted IT Talent." 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." 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={[ testimonials={[
{ name: "Sarah Johnson", handle: "@techcorp", testimonial: "Benak Consulting provided us with exceptional talent that transformed our project roadmap.", rating: 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: "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 }, { name: "Emily Rodriguez", handle: "@growthco", testimonial: "They truly understand our staffing needs and deliver quality professionals fast.", rating: 5 },
{ name: "David Kim", handle: "@startupxyz", testimonial: "An incredible consulting partner for long-term project support.", rating: 5 },
{ name: "Alex Rivera", handle: "@enterprisetech", testimonial: "The best experience we have had with an IT consulting firm in years.", rating: 5 },
]} ]}
buttons={[ buttons={[
{ text: "Contact Us", href: "/contact" }, { text: "Contact Us", href: "/contact" },
@@ -71,11 +63,10 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
tag="About Us" tag="About Us"
title="20 Years of IT Excellence" 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." 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. Our approach is formal, responsive, and built around long-term professional relationships." subdescription="We work with businesses that need technology support, consulting resources, or staffing assistance for ongoing operations and project-based needs."
icon={Users} icon={Users}
imageSrc="http://img.b2bpic.net/free-photo/showing-curious-data_1098-14123.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/showing-curious-data_1098-14123.jpg?_wi=1"
mediaAnimation="slide-up"
/> />
</div> </div>
@@ -88,7 +79,6 @@ export default function LandingPage() {
{ 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: ["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: "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."] }, { id: "f3", title: "Reliable Support", descriptions: ["Dependable service delivery built on 20 years of professional consulting experience."] },
{ id: "f4", title: "Technical Areas", descriptions: ["Specialized support in Software Development, Database/Data, Cloud, Infrastructure, Business Analysis, and QA."] },
]} ]}
title="Professional IT Services" title="Professional IT Services"
description="Comprehensive technology solutions tailored to your business needs." description="Comprehensive technology solutions tailored to your business needs."
@@ -119,6 +109,7 @@ export default function LandingPage() {
author="Chief Technical Officer, TechSolutions Group" author="Chief Technical Officer, TechSolutions Group"
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="blur-reveal" avatarsAnimation="blur-reveal"
avatars={[{ src: "https://i.pravatar.cc/100?u=1", alt: "Author avatar" }]}
/> />
</div> </div>
@@ -127,12 +118,11 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ 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: "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 with our experienced experts." }, { id: "q2", title: "Do you provide consulting services?", content: "Yes, our consulting services help organizations plan, manage, and execute technology initiatives." },
{ 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." },
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Answers to common inquiries about our staffing and consulting process." description="Answers to common inquiries."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -140,8 +130,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ items: [{ label: "Home", href: "/" }, { label: "About Us", href: "/#about" }, { label: "Services", href: "/#services" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }
{ items: [{ label: "LinkedIn (Beena)", href: "#" }, { label: "LinkedIn (Deepa)", href: "#" }] },
]} ]}
logoText="Benak Consulting LLC" logoText="Benak Consulting LLC"
/> />
@@ -149,4 +138,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }