Merge version_1 into main #2
147
src/app/page.tsx
147
src/app/page.tsx
@@ -17,23 +17,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
name: "Skills", id: "skills"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Syed Lukhman"
|
||||
/>
|
||||
@@ -42,62 +43,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Syed Lukhman"
|
||||
description="Crafting digital experiences and professional solutions with precision, innovation, and a focus on impactful results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get In Touch", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"
|
||||
imageAlt="Syed Lukhman Portfolio Portrait"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-pretty-businesswoman-chatting-by-phone_171337-8540.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-pretty-businesswoman-chatting-by-phone_171337-8540.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Consulting",
|
||||
},
|
||||
type: "text", text: "Strategic Consulting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Development",
|
||||
},
|
||||
type: "text", text: "Custom Development"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Design",
|
||||
},
|
||||
type: "text", text: "UI/UX Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Solutions",
|
||||
},
|
||||
type: "text", text: "Cloud Solutions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Transformation",
|
||||
},
|
||||
type: "text", text: "Digital Transformation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,19 +87,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Completed",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Projects Completed", value: "50+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Happy Clients",
|
||||
value: "30+",
|
||||
},
|
||||
label: "Happy Clients", value: "30+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Experience",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Years Experience", value: "5+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -135,23 +107,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Strategy",
|
||||
description: "Developing clear roadmaps and strategic plans to drive growth and efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Strategy", description: "Developing clear roadmaps and strategic plans to drive growth and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Development",
|
||||
description: "Building robust, scalable, and modern digital solutions with attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=3",
|
||||
},
|
||||
id: "f2", title: "Development", description: "Building robust, scalable, and modern digital solutions with attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Optimization",
|
||||
description: "Enhancing performance and streamlining processes for maximum business impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=4",
|
||||
},
|
||||
id: "f3", title: "Optimization", description: "Enhancing performance and streamlining processes for maximum business impact.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
|
||||
]}
|
||||
title="Expertise & Skills"
|
||||
description="High-level professional services tailored to meet diverse business needs and exceed expectations."
|
||||
@@ -166,25 +126,15 @@ export default function LandingPage() {
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",
|
||||
alt: "Client Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg", alt: "Client Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Client Michael",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Client Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-pretty-businesswoman-chatting-by-phone_171337-8540.jpg",
|
||||
alt: "Client Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-pretty-businesswoman-chatting-by-phone_171337-8540.jpg", alt: "Client Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
alt: "Client David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Client David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
alt: "Client Alex",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", alt: "Client Alex"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -195,8 +145,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Interested in working together?"
|
||||
description="Drop me a message to discuss your next project or potential collaborations."
|
||||
@@ -207,33 +156,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Skills",
|
||||
href: "#skills",
|
||||
},
|
||||
label: "Skills", href: "#skills"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
label: "GitHub", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user