Update src/app/services/page.tsx
This commit is contained in:
@@ -1,159 +1,126 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/components/ThemeProvider';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import { Users, Building2, Globe, Award, ArrowRight } from 'lucide-react';
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Blog", id: "blog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Industries", href: "/industries" },
|
||||
{ label: "Support", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Email", href: "mailto:info@nexorasolutions.com" },
|
||||
],
|
||||
},
|
||||
];
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import { Zap, Shield, Rocket, BarChart3 } from 'lucide-react';
|
||||
|
||||
const ServicesPage = () => {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="flat"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
brandName="Nexora Solutions"
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'Services', id: '/services' },
|
||||
{ name: 'About', id: '#about' },
|
||||
{ name: 'Contact', id: '#contact' },
|
||||
]}
|
||||
button={{ text: 'Get Started', href: 'contact' }}
|
||||
/>
|
||||
|
||||
<div id="services-hero" data-section="services-hero">
|
||||
<HeroCentered
|
||||
title="Comprehensive HR & IT Solutions"
|
||||
description="Unlock your organization's potential with our tailored consulting services designed to solve your most pressing talent and technology challenges."
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", alt: "Trusted professional 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-people-meeting-coffee_23-2148817097.jpg", alt: "Trusted professional 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10527.jpg", alt: "Trusted professional 3" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ companies worldwide"
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "/contact" },
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-features" data-section="services-features">
|
||||
<FeatureCardTwentySix
|
||||
features={[
|
||||
{
|
||||
title: "Talent Acquisition",
|
||||
description: "We help companies identify, attract, and hire the best talent for their specific business needs through advanced sourcing techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-financial-consultant-writing-reports-while-having-meeting-with-clients-office_637285-898.jpg?_wi=4",
|
||||
imageAlt: "Talent Acquisition Services",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
{
|
||||
title: "Recruitment Process Outsourcing",
|
||||
description: "Complete recruitment solutions that streamline hiring processes and improve efficiency from job posting to candidate onboarding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-general-manager-looking-mockup-screen-solving-tasks_482257-119557.jpg?_wi=4",
|
||||
imageAlt: "RPO Services",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
{
|
||||
title: "IT Staffing",
|
||||
description: "Providing skilled IT professionals to support your projects and business operations with expertise across all technology domains.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-indoors_23-2149831295.jpg?_wi=3",
|
||||
imageAlt: "IT Staffing Solutions",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
{
|
||||
title: "Digital Transformation",
|
||||
description: "Modernizing businesses through digital tools, automation, and smart technology solutions that drive competitive advantage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technicians-using-isolated-screen-tablet-research_482257-123399.jpg?_wi=4",
|
||||
imageAlt: "Digital Transformation",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/services",
|
||||
},
|
||||
]}
|
||||
title="Our Comprehensive Solutions"
|
||||
description="Explore our range of HR and IT services designed to transform your organization"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-metrics" data-section="services-metrics">
|
||||
<AboutMetric
|
||||
title="Why Our Services Stand Out"
|
||||
metrics={[
|
||||
{ icon: Users, label: "Talent Network", value: "10,000+" },
|
||||
{ icon: Building2, label: "Successful Placements", value: "5,000+" },
|
||||
{ icon: Globe, label: "Industries Served", value: "15+" },
|
||||
{ icon: Award, label: "Years Experience", value: "12+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
<div id="services" data-section="services" className="py-20">
|
||||
<MediaAbout
|
||||
title="Our Services"
|
||||
description="Comprehensive solutions tailored to help your business succeed. We provide cutting-edge services designed to elevate your digital presence and drive measurable results."
|
||||
tag="Services Overview"
|
||||
imageSrc="/service-hero.jpg"
|
||||
imageAlt="Services overview"
|
||||
buttons={[{ text: 'Explore More', href: '#service-offerings' }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/college-boy-with-books_23-2147678832.jpg?_wi=3"
|
||||
imageAlt="Nexora Solutions Team"
|
||||
columns={footerColumns}
|
||||
logoText="Nexora Solutions"
|
||||
copyrightText="© 2025 Nexora Solutions. All rights reserved. Bridging Talent and Innovation."
|
||||
<div
|
||||
id="service-offerings"
|
||||
data-section="service-offerings"
|
||||
className="py-20"
|
||||
>
|
||||
<FeatureHoverPattern
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: 'Lightning Fast Performance',
|
||||
description:
|
||||
'Optimized for speed with minimal overhead. We ensure your website loads instantly and performs flawlessly across all devices.',
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: 'Enterprise Security',
|
||||
description:
|
||||
'Built with security best practices. Your data is protected with industry-leading encryption and compliance standards.',
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: 'Scalable Solutions',
|
||||
description:
|
||||
'Grow without limits. Our solutions scale seamlessly as your business expands and your needs evolve.',
|
||||
},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: 'Data-Driven Insights',
|
||||
description:
|
||||
'Analytics and reporting tools to track performance and make informed decisions. Measure what matters most.',
|
||||
},
|
||||
]}
|
||||
title="Our Core Service Offerings"
|
||||
description="We deliver world-class services backed by expertise and innovation"
|
||||
tag="Service Offerings"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="benefits" data-section="benefits" className="py-20">
|
||||
<FeatureHoverPattern
|
||||
features={[
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: 'Increased Revenue',
|
||||
description:
|
||||
'Boost your bottom line with conversion-optimized solutions that turn visitors into customers.',
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: 'Faster Time to Market',
|
||||
description:
|
||||
'Launch faster with our streamlined development process and pre-built components.',
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: 'Reduced Risk',
|
||||
description:
|
||||
'Minimize technical debt and security vulnerabilities with best practices baked into every solution.',
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: 'Better User Experience',
|
||||
description:
|
||||
'Delight your users with intuitive interfaces and seamless interactions that drive engagement.',
|
||||
},
|
||||
]}
|
||||
title="Key Benefits"
|
||||
description="Discover the advantages of partnering with us"
|
||||
tag="Benefits"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default ServicesPage;
|
||||
|
||||
Reference in New Issue
Block a user