Merge version_1 into main #1
343
src/app/page.tsx
343
src/app/page.tsx
@@ -25,235 +25,132 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ankit Kumar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ankit Kumar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Ankit Kumar"
|
||||
description="Web Developer & Creative Vibe Builder. Crafting digital experiences with precision and passion."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
|
||||
alt: "Ankit Kumar Profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
|
||||
alt: "User Profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
|
||||
alt: "User Profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
|
||||
alt: "User Profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
|
||||
alt: "User Profile 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
text: "Download Resume",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "React.js",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Next.js",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "TypeScript",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tailwind CSS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Node.js",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Ankit Kumar"
|
||||
description="Web Developer & Creative Vibe Builder. Crafting digital experiences with precision and passion."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "Ankit Kumar Profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "User Profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "User Profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "User Profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg", alt: "User Profile 5" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View Projects", href: "#projects" },
|
||||
{ text: "Download Resume", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "React.js" },
|
||||
{ type: "text", text: "Next.js" },
|
||||
{ type: "text", text: "TypeScript" },
|
||||
{ type: "text", text: "Tailwind CSS" },
|
||||
{ type: "text", text: "Node.js" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="About Me"
|
||||
description="I am an MCA graduate and passionate Web Developer with a knack for building high-quality, creative web solutions. I love turning complex problems into intuitive digital experiences."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
title: "Tech Stacks",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Innovative Vibe",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="About Me"
|
||||
description="I am an MCA graduate and passionate Web Developer with a knack for building high-quality, creative web solutions. I love turning complex problems into intuitive digital experiences."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Projects Completed" },
|
||||
{ value: "5+", title: "Tech Stacks" },
|
||||
{ value: "24/7", title: "Innovative Vibe" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Fintech",
|
||||
name: "EazyPay Lending App",
|
||||
price: "App Development",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Marketplace",
|
||||
name: "Carpenter Marketplace",
|
||||
price: "Web Solution",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application-template_23-2148663604.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Selected work showcasing my journey as a developer."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Fintech", name: "EazyPay Lending App", price: "App Development", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Marketplace", name: "Carpenter Marketplace", price: "Web Solution", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application-template_23-2148663604.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Creative", name: "Portfolio Hub", price: "Web Design", rating: 5,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg"}
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Selected work showcasing my journey as a developer."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Collaborating with forward-thinking teams to drive innovation."
|
||||
names={[
|
||||
"TechNova",
|
||||
"WebSphere",
|
||||
"DigitalCore",
|
||||
"FutureSystems",
|
||||
"GlobalConnect",
|
||||
]}
|
||||
tag="Partnerships"
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Collaborating with forward-thinking teams to drive innovation."
|
||||
names={["TechNova", "WebSphere", "DigitalCore", "FutureSystems", "GlobalConnect"]}
|
||||
tag="Partnerships"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Let's Build Something Awesome"
|
||||
description="Ready to work together or just say hi? Reach out through any of these platforms."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Me",
|
||||
href: "mailto:hello@ankitkumar.dev",
|
||||
},
|
||||
{
|
||||
text: "GitHub",
|
||||
href: "https://github.com/ankit-kumar",
|
||||
},
|
||||
{
|
||||
text: "LinkedIn",
|
||||
href: "https://linkedin.com/in/ankit-kumar",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get In Touch"
|
||||
title="Let's Build Something Awesome"
|
||||
description="Ready to work together or just say hi? Reach out through any of these platforms."
|
||||
buttons={[
|
||||
{ text: "Email Me", href: "mailto:hello@ankitkumar.dev" },
|
||||
{ text: "GitHub", href: "https://github.com/ankit-kumar" },
|
||||
{ text: "LinkedIn", href: "https://linkedin.com/in/ankit-kumar" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com/ankit-kumar",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com/in/ankit-kumar",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Ankit Kumar. All rights reserved."
|
||||
bottomRightText="Built with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Socials", items: [
|
||||
{ label: "GitHub", href: "https://github.com/ankit-kumar" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/in/ankit-kumar" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/yournumber" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Projects", href: "#projects" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Ankit Kumar. All rights reserved."
|
||||
bottomRightText="Built with passion."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user