Update src/app/about/page.tsx
This commit is contained in:
@@ -1,201 +1,124 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Briefcase, Target, Users, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
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: "/" },
|
||||
{ label: "Blog", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
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 { ThemeProvider } from '@/components/theme-provider';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
|
||||
const AboutPage = () => {
|
||||
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="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
brandName="Nexora Solutions"
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'About', id: '/about' },
|
||||
]}
|
||||
brandName="Webild"
|
||||
button={{
|
||||
text: 'Get Started',
|
||||
href: 'https://example.com',
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* About Mission & Vision */}
|
||||
<div id="about-mission" data-section="about-mission">
|
||||
<AboutMetric
|
||||
title="Our Mission: Transforming Organizations Through People and Technology"
|
||||
metrics={[
|
||||
{ icon: Briefcase, label: "Years of Excellence", value: "12+" },
|
||||
{ icon: Target, label: "Mission Success Rate", value: "98%" },
|
||||
{ icon: Users, label: "Talent Partnerships", value: "10,000+" },
|
||||
{ icon: TrendingUp, label: "Business Growth", value: "500%+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
{/* Company Story Section */}
|
||||
<div id="story" data-section="story" className="py-20 px-4">
|
||||
<TextAbout
|
||||
tag="Our Story"
|
||||
title="Building the future of digital experiences, one project at a time"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: 'Learn More', href: '#mission' }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Client Success Stories */}
|
||||
<div id="client-stories" data-section="client-stories">
|
||||
<TestimonialCardSixteen
|
||||
title="Success Stories from Our Clients"
|
||||
description="Discover how Nexora Solutions has helped businesses transform their HR and IT operations"
|
||||
testimonials={[
|
||||
{/* Mission Section */}
|
||||
<div id="mission" data-section="mission" className="py-20 px-4">
|
||||
<FeatureCardTwentyOne
|
||||
title="Our Mission"
|
||||
description="We're committed to empowering teams and individuals to create exceptional digital experiences that make a real impact."
|
||||
tag="Mission & Values"
|
||||
imageSrc="/images/mission.jpg"
|
||||
imageAlt="Our mission"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya Sharma",
|
||||
role: "HR Director",
|
||||
company: "TechFlow India",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg?_wi=2",
|
||||
id: '1',
|
||||
title: 'Innovation First',
|
||||
content:
|
||||
'We believe in pushing boundaries and exploring new technologies to deliver cutting-edge solutions.',
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rajesh Kumar",
|
||||
role: "CTO",
|
||||
company: "InnovateLab Solutions",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2952.jpg?_wi=2",
|
||||
id: '2',
|
||||
title: 'Client Success',
|
||||
content:
|
||||
'Your success is our success. We work closely with you to ensure your goals are met and exceeded.',
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Divya Patel",
|
||||
role: "Hiring Manager",
|
||||
company: "DigitalWorks Inc",
|
||||
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?_wi=2",
|
||||
id: '3',
|
||||
title: 'Quality & Excellence',
|
||||
content:
|
||||
'We maintain the highest standards in everything we do, from code quality to design excellence.',
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Active Partnerships" },
|
||||
{ value: "96%", label: "Retention Rate" },
|
||||
{ value: "180+", label: "Projects Completed" },
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Team Section */}
|
||||
<div id="team" data-section="team" className="py-20 px-4">
|
||||
<TeamCardOne
|
||||
title="Meet Our Team"
|
||||
description="The talented people behind Webild"
|
||||
tag="Team"
|
||||
members={[
|
||||
{
|
||||
id: '1',
|
||||
name: 'Sarah Johnson',
|
||||
role: 'CEO & Founder',
|
||||
imageSrc: '/images/team/sarah.jpg',
|
||||
imageAlt: 'Sarah Johnson',
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Marcus Chen',
|
||||
role: 'Lead Designer',
|
||||
imageSrc: '/images/team/marcus.jpg',
|
||||
imageAlt: 'Marcus Chen',
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Emma Rodriguez',
|
||||
role: 'Head of Development',
|
||||
imageSrc: '/images/team/emma.jpg',
|
||||
imageAlt: 'Emma Rodriguez',
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
name: 'David Park',
|
||||
role: 'Product Manager',
|
||||
imageSrc: '/images/team/david.jpg',
|
||||
imageAlt: 'David Park',
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Industry Insights & Resources */}
|
||||
<div id="industry-insights" data-section="industry-insights">
|
||||
<BlogCardTwo
|
||||
title="Industry Insights & Resources"
|
||||
description="Learn from our expertise in HR and IT consulting through articles, guides, and case studies"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: ["HR Strategy", "Leadership"],
|
||||
title: "Building a Winning HR Strategy for 2025",
|
||||
excerpt:
|
||||
"Discover the key components of a successful HR strategy that aligns with business goals and drives organizational growth.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/male-general-manager-looking-mockup-screen-solving-tasks_482257-119557.jpg?_wi=3",
|
||||
imageAlt: "HR Strategy",
|
||||
authorName: "Priya Sharma",
|
||||
authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
date: "12 Jan 2025",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: ["IT Solutions", "Innovation"],
|
||||
title: "Technology Solutions Transforming Businesses",
|
||||
excerpt:
|
||||
"Explore cutting-edge IT solutions that help companies stay competitive and drive digital transformation initiatives.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/photovoltaics-factory-technicians-using-isolated-screen-tablet-research_482257-123399.jpg?_wi=3",
|
||||
imageAlt: "IT Solutions",
|
||||
authorName: "Rajesh Kumar",
|
||||
authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
date: "08 Jan 2025",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: ["Best Practices", "Management"],
|
||||
title: "Effective Team Management in Modern Workplaces",
|
||||
excerpt:
|
||||
"Master the art of managing diverse teams across geographies with proven strategies and best practices.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/african-american-financial-consultant-writing-reports-while-having-meeting-with-clients-office_637285-898.jpg?_wi=3",
|
||||
imageAlt: "Team Management",
|
||||
authorName: "Divya Patel",
|
||||
authorAvatar:
|
||||
"http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
date: "03 Jan 2025",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/college-boy-with-books_23-2147678832.jpg?_wi=2"
|
||||
imageAlt="Nexora Solutions Team"
|
||||
columns={footerColumns}
|
||||
logoText="Nexora Solutions"
|
||||
copyrightText="© 2025 Nexora Solutions. All rights reserved. Bridging Talent and Innovation."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default AboutPage;
|
||||
|
||||
Reference in New Issue
Block a user