Merge version_3 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About Me",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Me", id: "about"},
|
||||
{
|
||||
name: "The Art of Becoming",
|
||||
id: "book",
|
||||
},
|
||||
name: "The Art of Becoming", id: "book"},
|
||||
{
|
||||
name: "Contact Me",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact Me", id: "contact"},
|
||||
]}
|
||||
brandName="Armaan Bhargava"
|
||||
/>
|
||||
@@ -56,81 +48,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Hi, I'm Armaan Bhargava"
|
||||
description="Creator, Designer & Innovator. Dedicated to building impactful work through technology and purpose."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "100+", label: "Projects Completed"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Community Members",
|
||||
},
|
||||
value: "5k+", label: "Community Members"},
|
||||
{
|
||||
value: "5",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "5", label: "Years Experience"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get involved",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get involved", href: "#contact"},
|
||||
{
|
||||
text: "Know more about Armaan",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Know more about Armaan", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg",
|
||||
alt: "user profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg", alt: "user profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
|
||||
alt: "user profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg", alt: "user profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg",
|
||||
alt: "user profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg", alt: "user profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11544.jpg",
|
||||
alt: "user profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11544.jpg", alt: "user profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-5880.jpg",
|
||||
alt: "user profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-5880.jpg", alt: "user profile 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ community members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Design",
|
||||
},
|
||||
type: "text", text: "Innovative Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Growth",
|
||||
},
|
||||
type: "text", text: "Strategic Growth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Solutions",
|
||||
},
|
||||
type: "text", text: "Creative Solutions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tech Forward",
|
||||
},
|
||||
type: "text", text: "Tech Forward"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Purpose Driven",
|
||||
},
|
||||
type: "text", text: "Purpose Driven"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,17 +104,11 @@ export default function LandingPage() {
|
||||
description="I believe in turning ideas into impactful work. My path has been shaped by constant learning, disciplined growth, and a passion for design that bridges the gap between creativity and utility."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Creativity First",
|
||||
description: "Design thinking to solve real-world problems.",
|
||||
},
|
||||
title: "Creativity First", description: "Design thinking to solve real-world problems."},
|
||||
{
|
||||
title: "Innovation Focused",
|
||||
description: "Applying technology for meaningful change.",
|
||||
},
|
||||
title: "Innovation Focused", description: "Applying technology for meaningful change."},
|
||||
{
|
||||
title: "Continuous Growth",
|
||||
description: "Always learning, evolving, and striving for better.",
|
||||
},
|
||||
title: "Continuous Growth", description: "Always learning, evolving, and striving for better."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/funny-young-handsome-man-wearing-glasses-keeping-fake-mustache-stick-lips-looking-side-doing-kiss-gesture-isolated-orange-wall_141793-73596.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -168,41 +123,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "book1",
|
||||
name: "The Art of Becoming",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-book-mockup_23-2147730279.jpg",
|
||||
},
|
||||
id: "book1", name: "The Art of Becoming", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/top-view-book-mockup_23-2147730279.jpg"},
|
||||
{
|
||||
id: "book2",
|
||||
name: "Success Journal",
|
||||
price: "$19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-decor-design-renovation-style_53876-125047.jpg",
|
||||
},
|
||||
id: "book2", name: "Success Journal", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/home-decor-design-renovation-style_53876-125047.jpg"},
|
||||
{
|
||||
id: "book3",
|
||||
name: "Growth Mindset Toolkit",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-notepad-with-staples-pen-magnifier-success-note-gray-background-copybook-school-color-college-student-business-work-job_179666-18254.jpg",
|
||||
},
|
||||
id: "book3", name: "Growth Mindset Toolkit", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-notepad-with-staples-pen-magnifier-success-note-gray-background-copybook-school-color-college-student-business-work-job_179666-18254.jpg"},
|
||||
{
|
||||
id: "book4",
|
||||
name: "Designer's Notebook",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-mental-health-day-awareness_23-2151813233.jpg",
|
||||
},
|
||||
id: "book4", name: "Designer's Notebook", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-mental-health-day-awareness_23-2151813233.jpg"},
|
||||
{
|
||||
id: "book5",
|
||||
name: "Creative Planner",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fairytale-scene-coming-out-book_23-2151778566.jpg",
|
||||
},
|
||||
id: "book5", name: "Creative Planner", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/fairytale-scene-coming-out-book_23-2151778566.jpg"},
|
||||
{
|
||||
id: "book6",
|
||||
name: "Innovation Manual",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-frame-big-ideas-book-stationery-blue-background_23-2147873833.jpg",
|
||||
},
|
||||
id: "book6", name: "Innovation Manual", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-frame-big-ideas-book-stationery-blue-background_23-2147873833.jpg"},
|
||||
]}
|
||||
title="Introducing My Book"
|
||||
description="The Art of Becoming: Your Guide to Lasting Success. A reflection of my journey, experiences, and learnings about growth, discipline, and success."
|
||||
@@ -216,26 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Strategic Design",
|
||||
subtitle: "Crafting visual languages.",
|
||||
category: "Design",
|
||||
value: "High Impact",
|
||||
},
|
||||
id: "f1", title: "Strategic Design", subtitle: "Crafting visual languages.", category: "Design", value: "High Impact"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Tech Innovation",
|
||||
subtitle: "Building robust solutions.",
|
||||
category: "Tech",
|
||||
value: "Modern",
|
||||
},
|
||||
id: "f2", title: "Tech Innovation", subtitle: "Building robust solutions.", category: "Tech", value: "Modern"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Purpose-Driven",
|
||||
subtitle: "Focusing on core impact.",
|
||||
category: "Strategy",
|
||||
value: "Strategic",
|
||||
},
|
||||
id: "f3", title: "Purpose-Driven", subtitle: "Focusing on core impact.", category: "Strategy", value: "Strategic"},
|
||||
]}
|
||||
title="What I Focus On"
|
||||
description="My work centers on these core pillars, ensuring every project delivers value and inspiration."
|
||||
@@ -247,30 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-outdoors_23-2148142672.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike R.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-outdoors_23-2148142672.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-positive-fair-haired-business-woman_1262-2364.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily D.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-positive-fair-haired-business-woman_1262-2364.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-influencer-creating-online-content_482257-121994.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/female-influencer-creating-online-content_482257-121994.jpg"},
|
||||
]}
|
||||
cardTitle="Words from the Community"
|
||||
cardTag="Testimonials"
|
||||
@@ -285,22 +186,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Coffee Cups",
|
||||
value: "1,000+",
|
||||
icon: Coffee,
|
||||
id: "m1", title: "Coffee Cups", value: "1,000+", icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Successful Launches",
|
||||
value: "50+",
|
||||
icon: Rocket,
|
||||
id: "m2", title: "Successful Launches", value: "50+", icon: Rocket,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Happy Clients",
|
||||
value: "80+",
|
||||
icon: Users,
|
||||
id: "m3", title: "Happy Clients", value: "80+", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
@@ -313,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How can I collaborate with you?",
|
||||
content: "Reach out via email or the contact form below, and we can discuss potential opportunities.",
|
||||
},
|
||||
id: "q1", title: "How can I collaborate with you?", content: "Reach out via email or the contact form below, and we can discuss potential opportunities."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where can I buy your book?",
|
||||
content: "You can find 'The Art of Becoming' on major platforms or link directly to my store here.",
|
||||
},
|
||||
id: "q2", title: "Where can I buy your book?", content: "You can find 'The Art of Becoming' on major platforms or <a href='#book' class='underline'>purchase it directly here</a>."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer design workshops?",
|
||||
content: "Yes, I occasionally host workshops for creative growth and design thinking.",
|
||||
},
|
||||
id: "q3", title: "Do you offer design workshops?", content: "Yes, I occasionally host workshops for creative growth and design thinking."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you might want to know about my work, my book, and how we can collaborate."
|
||||
@@ -338,8 +221,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Get In Touch"
|
||||
description="Have an idea or a project in mind? Let's turn it into reality together."
|
||||
@@ -352,50 +234,31 @@ export default function LandingPage() {
|
||||
logoText="Armaan Bhargava"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "The Art of Becoming",
|
||||
href: "#book",
|
||||
},
|
||||
label: "The Art of Becoming", href: "#book"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#",
|
||||
},
|
||||
label: "Gallery", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -405,4 +268,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user