Merge version_1 into main #3
203
src/app/page.tsx
203
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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';
|
||||
@@ -25,133 +26,93 @@ 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="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
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"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-background-with-blue-shapes_23-2148250139.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-senior-woman-posing-indoors_23-2149833728.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teen-girl-looking-camera-making-notes_23-2147860817.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-beautiful-woman-jeans-jacket-walking-street-with-little-purse-elegant-style-spring-fashion-trends_285396-6698.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mature-man-using-laptop-street_74855-4738.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/geometric-business-card-with-pink-details_23-2147647528.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ enterprise leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Copilot Adoption"},
|
||||
{
|
||||
type: "text", text: "Azure AI Optimization"},
|
||||
{
|
||||
type: "text", text: "Strategic Governance"},
|
||||
{
|
||||
type: "text", text: "Process Automation"},
|
||||
{
|
||||
type: "text", text: "Change Management"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
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" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-background-with-blue-shapes_23-2148250139.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="the-fix" data-section="the-fix">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="I Don't Sell Slides. I Deliver Outcomes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Call", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="the-fix" data-section="the-fix">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="I Don't Sell Slides. I Deliver Outcomes."
|
||||
buttons={[{ text: "Book a Call", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Copilot Rollout", description: "End-to-end Microsoft 365 Copilot deployment, strategy, governance, and training.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-with-blue-shapes_23-2148250139.jpg", imageAlt: "dark abstract tech geometric"},
|
||||
{
|
||||
id: "f2", title: "AI Strategy", description: "AI maturity assessment, opportunity mapping, and business case development.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-woman-posing-indoors_23-2149833728.jpg", imageAlt: "professional executive headshot"},
|
||||
{
|
||||
id: "f3", title: "Azure Knowledge Mining", description: "Intelligent search and document intelligence on Azure Cognitive Services.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-looking-camera-making-notes_23-2147860817.jpg", imageAlt: "cto portrait editorial"},
|
||||
{
|
||||
id: "f4", title: "Power Platform", description: "Process automation using Power Automate, Copilot Studio, and custom connectors.", tag: "Service", 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", imageAlt: "professional woman portrait"},
|
||||
]}
|
||||
title="What I Do"
|
||||
description="Driving real adoption and transformation."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Copilot Rollout", description: "End-to-end Microsoft 365 Copilot deployment, strategy, governance, and training.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-with-blue-shapes_23-2148250139.jpg" },
|
||||
{ id: "f2", title: "AI Strategy", description: "AI maturity assessment, opportunity mapping, and business case development.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-woman-posing-indoors_23-2149833728.jpg" },
|
||||
{ id: "f3", title: "Azure Knowledge Mining", description: "Intelligent search and document intelligence on Azure Cognitive Services.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/teen-girl-looking-camera-making-notes_23-2147860817.jpg" },
|
||||
{ id: "f4", title: "Power Platform", description: "Process automation using Power Automate, Copilot Studio, and custom connectors.", tag: "Service", 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" },
|
||||
]}
|
||||
title="What I Do"
|
||||
description="Driving real adoption and transformation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trusted-by" data-section="trusted-by">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"LSE", "Kantar", "FTSE 100", "Enterprise A", "Global Tech", "Financial Firm", "Retail Leader"]}
|
||||
title="Trusted By"
|
||||
description="Engagements with teams at LSE, Kantar, and FTSE-listed enterprises."
|
||||
/>
|
||||
</div>
|
||||
<div id="trusted-by" data-section="trusted-by">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={["LSE", "Kantar", "FTSE 100", "Enterprise A", "Global Tech", "Financial Firm", "Retail Leader"]}
|
||||
title="Trusted By"
|
||||
description="Engagements with teams at LSE, Kantar, and FTSE-listed enterprises."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
videoSrc="http://img.b2bpic.net/free-photo/smiling-mature-man-using-laptop-street_74855-4738.jpg"
|
||||
videoAriaLabel="Consultant introduction video"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About"
|
||||
icon={User}
|
||||
title="Meet Qasim Saeed"
|
||||
description="Expert in enterprise AI transformation."
|
||||
subdescription="The Fixer."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-mature-man-using-laptop-street_74855-4738.jpg"
|
||||
imageAlt="Consultant portrait"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user