Merge version_2 into main #6
@@ -4,10 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -22,98 +21,36 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="QASIM SAEED"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="QASIM SAEED"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-full" data-section="about-full">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="I'm The Fixer. Here's Why."
|
||||
/>
|
||||
</div>
|
||||
<div id="about-content" data-section="about-content">
|
||||
<TextSplitAbout
|
||||
title="I'm The Fixer. Here's Why."
|
||||
description={[
|
||||
"I started as an IT engineer—Exchange servers, Active Directory... now I fix AI.", "I've led Copilot rollouts for C-suite leaders who needed someone to cut through the noise.", "I embed inside your organisation, building, configuring, and measuring until it sticks."
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-brand" data-section="about-brand">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Qasim Saeed",
|
||||
role: "The Fixer",
|
||||
testimonial: "I started as an IT engineer—Exchange servers, Active Directory... now I fix AI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-woman-posing-indoors_23-2149833728.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Qasim Saeed",
|
||||
role: "The Fixer",
|
||||
testimonial: "I've led Copilot rollouts for C-suite leaders who needed someone to cut through the noise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-looking-camera-making-notes_23-2147860817.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Qasim Saeed",
|
||||
role: "The Fixer",
|
||||
testimonial: "Follow @bytheaiguy for real-world AI insights, no hype, no fluff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-woman-jeans-jacket-walking-street-with-little-purse-elegant-style-spring-fashion-trends_285396-6698.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Qasim Saeed",
|
||||
role: "The Fixer",
|
||||
testimonial: "I embed inside your organisation, building, configuring, and measuring until it sticks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-man-using-laptop-street_74855-4738.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Qasim Saeed",
|
||||
role: "The Fixer",
|
||||
testimonial: "Strategy is nothing without execution. I ensure both are locked in tight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/monochrome-business-card-template_23-2148568859.jpg",
|
||||
},
|
||||
]}
|
||||
title="The @bytheaiguy Brand"
|
||||
description="My philosophy for AI implementation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="@bytheaiguy"
|
||||
leftLink={{
|
||||
text: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="@bytheaiguy"
|
||||
leftLink={{ text: "LinkedIn", href: "https://linkedin.com" }}
|
||||
rightLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import { User } from "lucide-react";
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
@@ -39,16 +39,10 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Organisation Bought AI. Nobody's Using It. I Fix That."
|
||||
description="I'm Qasim Saeed — The Fixer. I specialise in making Microsoft 365 Copilot, Azure AI, and enterprise AI tools actually work for your people. Not just deployed. Adopted."
|
||||
kpis={[
|
||||
{ value: "10+", label: "Years in Microsoft 365" },
|
||||
{ value: "FTSE", label: "Enterprise Rollouts" },
|
||||
{ value: "Full", label: "AI Stack Expertise" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Let's Talk", href: "/contact" },
|
||||
{ text: "See How I Work", href: "#the-fix" },
|
||||
|
||||
Reference in New Issue
Block a user