bender/42b57fa4-469e-4381-ae06-e7da04490221
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-26 12:46:01 +00:00
parent b7203fb6f0
commit e1095b0228
1 changed files with 43 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/app/about/page.tsx
View File

@@ -3,6 +3,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import Link from "next/link";
import TextAbout from '@/components/sections/about/TextAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import { Rocket } from 'lucide-react';
interface FooterProps {
brandName?: string;
@@ -35,6 +39,7 @@ export default function AboutPage() {
const navItems = [
{name: "Home", id: "home", href: "/"},
{name: "About us", id: "about", href: "/about"},
{name: "Services", id: "services", href: "/services"},
{name: "Products", id: "products", href: "/products"},
{name: "Achievements", id: "achievements", href: "/portfolio"},
{name: "News", id: "news", href: "/portfolio"},
@@ -62,14 +67,44 @@ export default function AboutPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay {...navbarProps} />
</div>
{/*
Due to an empty sectionRegistry, no sections can be rendered on this page.
This site will only display the Navbar and Footer.
*/}
<main className="min-h-[calc(10vh)] flex items-center justify-center">
<h1 className="text-3xl md:text-5xl font-bold text-center">About Nexsoft Australia</h1>
</main>
<div id="about-content" data-section="about-content">
<TextAbout
tag="Who We Are"
tagIcon={Rocket}
title="Driving Innovation with Passion and Expertise"
buttons={[
{ text: "Our Services", href: "/services" }
]}
useInvertedBackground={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
title="Meet Our Expert Team"
description="Dedicated professionals passionate about your success."
team={[
{ id: '1', name: 'John Doe', role: 'CEO & Founder', imageSrc: 'https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png', imageAlt: 'John Doe' },
{ id: '2', name: 'Jane Smith', role: 'Lead Developer', imageSrc: 'https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png', imageAlt: 'Jane Smith' },
{ id: '3', name: 'Emily White', role: 'Head of Marketing', imageSrc: 'https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png', imageAlt: 'Emily White' }
]}
animationType={'slide-up'}
useInvertedBackground={true}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Our Impact in Numbers"
description="Quantifying our commitment to excellence and client success."
metrics={[
{ id: '1', value: '10+', title: 'Years of Experience', items: ['Industry leading solutions', 'Proven track record'] },
{ id: '2', value: '100%', title: 'Client Satisfaction', items: ['Dedicated support', 'Tailored approach'] },
{ id: '3', value: '250+', title: 'Successful Projects', items: ['On-time delivery', 'Exceeding expectations'] }
]}
animationType={'blur-reveal'}
useInvertedBackground={false}
/>
</div>
<Footer brandName="Nexsoft Australia" navItems={navItems} />
</ThemeProvider>
);
}
}