Update src/app/page.tsx
This commit is contained in:
157
src/app/page.tsx
157
src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Subodh Paudel"
|
||||
/>
|
||||
@@ -53,12 +44,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="Subodh Paudel"
|
||||
description="Website Developer. From Nepal to the Digital World."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Me", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dkm8PGtODtZ3CECV1w75xNtnru/uploaded-1778834653585-enistx5u.jpg"
|
||||
imageAlt="Subodh Paudel Profile"
|
||||
@@ -70,21 +56,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Billionaire Craft"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Completed",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Impact",
|
||||
value: "7 Countries",
|
||||
},
|
||||
{
|
||||
icon: Code,
|
||||
label: "Expertise",
|
||||
value: "6 Months",
|
||||
},
|
||||
{ icon: Award, label: "Projects Completed", value: "20+" },
|
||||
{ icon: Globe, label: "Global Impact", value: "7 Countries" },
|
||||
{ icon: Code, label: "Expertise", value: "6 Months" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -94,22 +68,11 @@ export default function LandingPage() {
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Code,
|
||||
title: "React Development",
|
||||
description: "High-performance applications built for speed.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "UI/UX Design",
|
||||
description: "Sophisticated visuals tailored to luxury brands.",
|
||||
},
|
||||
{
|
||||
icon: Monitor,
|
||||
title: "Responsive Design",
|
||||
description: "Flawless performance on every device.",
|
||||
},
|
||||
{ icon: Code, title: "React Development", description: "High-performance applications built for speed." },
|
||||
{ icon: Palette, title: "UI/UX Design", description: "Sophisticated visuals tailored to luxury brands." },
|
||||
{ icon: Monitor, title: "Responsive Design", description: "Flawless performance on every device." },
|
||||
]}
|
||||
title="Technical Mastery"
|
||||
description="I build modern, fast and luxury-grade websites that help brands stand out in the digital world."
|
||||
@@ -123,24 +86,9 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "E-commerce Empire",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484781.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luxury Landing Page",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Studio Agency Site",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-uses-artificial-intelligence-generating-images-from-text_482257-125005.jpg",
|
||||
},
|
||||
{ id: "1", name: "E-commerce Empire", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484781.jpg" },
|
||||
{ id: "2", name: "Luxury Landing Page", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg" },
|
||||
{ id: "3", name: "Studio Agency Site", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-uses-artificial-intelligence-generating-images-from-text_482257-125005.jpg" },
|
||||
]}
|
||||
title="Luxury Portfolio"
|
||||
description="Showcasing high-end digital craftsmanship."
|
||||
@@ -151,15 +99,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"React",
|
||||
"JavaScript",
|
||||
"HTML5",
|
||||
"Tailwind CSS",
|
||||
"Next.js",
|
||||
"Figma",
|
||||
"Node.js",
|
||||
]}
|
||||
names={["React", "JavaScript", "HTML5", "Tailwind CSS", "Next.js", "Figma", "Node.js"]}
|
||||
title="Technologies Employed"
|
||||
description="Utilizing industry-standard tools for excellence."
|
||||
/>
|
||||
@@ -171,24 +111,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Hours Coded",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Fast Loads",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Smile,
|
||||
title: "Happy Clients",
|
||||
value: "10+",
|
||||
},
|
||||
{ id: "m1", icon: Clock, title: "Hours Coded", value: "1000+" },
|
||||
{ id: "m2", icon: Zap, title: "Fast Loads", value: "99%" },
|
||||
{ id: "m3", icon: Smile, title: "Happy Clients", value: "10+" },
|
||||
]}
|
||||
title="Impact Driven"
|
||||
description="Proven results measured by performance and satisfaction."
|
||||
@@ -200,21 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How quickly do you build?",
|
||||
content: "Depending on complexity, luxury sites take 2-4 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you design too?",
|
||||
content: "Yes, I offer full-stack design and development.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is your main focus?",
|
||||
content: "Luxury-grade performance and aesthetic precision.",
|
||||
},
|
||||
{ id: "q1", title: "How quickly do you build?", content: "Depending on complexity, luxury sites take 2-4 weeks." },
|
||||
{ id: "q2", title: "Do you design too?", content: "Yes, I offer full-stack design and development." },
|
||||
{ id: "q3", title: "What is your main focus?", content: "Luxury-grade performance and aesthetic precision." },
|
||||
]}
|
||||
title="Client Inquiries"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -225,9 +138,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Let's Build Wealth"
|
||||
description="Phone: +977 9762110816 | Email: welcomebillionaires@gmail.com"
|
||||
tag="Inquire"
|
||||
@@ -239,30 +150,10 @@ export default function LandingPage() {
|
||||
logoText="Subodh Paudel"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Hero",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [{ label: "Hero", href: "#hero" }, { label: "Projects", href: "#projects" }],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:welcomebillionaires@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Contact", items: [{ label: "Email", href: "mailto:welcomebillionaires@gmail.com" }, { label: "WhatsApp", href: "#" }],
|
||||
},
|
||||
]}
|
||||
copyrightText="Built with passion by Subodh Paudel"
|
||||
|
||||
Reference in New Issue
Block a user