Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
name: "Experience", id: "#experience"},
|
||||
{
|
||||
name: "Social",
|
||||
id: "#social",
|
||||
},
|
||||
name: "Social", id: "#social"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Human Network"
|
||||
/>
|
||||
@@ -55,62 +47,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Networking, Refined."
|
||||
description="Connecting human potential through intentional, curated professional relationships. Bridging the gap between opportunity and community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Connect with me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Connect with me", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg"
|
||||
imageAlt="professional portrait black and white minimalist"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
|
||||
alt: "Portrait of confident businesswoman at the office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg", alt: "Portrait of confident businesswoman at the office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
|
||||
alt: "Portrait of a beautiful young business woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg", alt: "Portrait of a beautiful young business woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
|
||||
alt: "Portrait of a beautiful young business woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg", alt: "Portrait of a beautiful young business woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg",
|
||||
alt: "Portrait of adult businesswoman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg", alt: "Portrait of adult businesswoman smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grteyscale-photo-smiling-woman_250224-284.jpg",
|
||||
alt: "Grteyscale photo of smiling woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/grteyscale-photo-smiling-woman_250224-284.jpg", alt: "Grteyscale photo of smiling woman"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategy",
|
||||
},
|
||||
type: "text", text: "Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mentorship",
|
||||
},
|
||||
type: "text", text: "Mentorship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth",
|
||||
},
|
||||
type: "text", text: "Growth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Connection",
|
||||
},
|
||||
type: "text", text: "Connection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Impact",
|
||||
},
|
||||
type: "text", text: "Impact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,9 +89,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About My Network"
|
||||
description={[
|
||||
"I curate connections that matter. My focus is on fostering long-term professional partnerships built on mutual growth, trust, and shared values.",
|
||||
"Glass and white aesthetics are used here to convey the clarity and transparency I bring to all professional interactions.",
|
||||
]}
|
||||
"I curate connections that matter. My focus is on fostering long-term professional partnerships built on mutual growth, trust, and shared values.", "Glass and white aesthetics are used here to convey the clarity and transparency I bring to all professional interactions."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,14 +98,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateLab",
|
||||
"GrowthHub",
|
||||
"FutureScope",
|
||||
"BridgePartners",
|
||||
"LinkPoint",
|
||||
"StrategyCore",
|
||||
"VisionaryCo",
|
||||
]}
|
||||
"InnovateLab", "GrowthHub", "FutureScope", "BridgePartners", "LinkPoint", "StrategyCore", "VisionaryCo"]}
|
||||
title="Trusted Network Partners"
|
||||
description="Organizations I have actively connected and collaborated with over the past decade."
|
||||
/>
|
||||
@@ -146,28 +106,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Intentional Curation",
|
||||
description: "Prioritizing high-quality connections over sheer volume.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-network-lines-circles-flat_78370-1617.jpg",
|
||||
imageAlt: "networking icon minimalist black",
|
||||
},
|
||||
title: "Intentional Curation", description: "Prioritizing high-quality connections over sheer volume.", imageSrc: "http://img.b2bpic.net/free-vector/set-network-lines-circles-flat_78370-1617.jpg", imageAlt: "networking icon minimalist black"},
|
||||
{
|
||||
title: "Growth-Oriented",
|
||||
description: "Focused on actionable outcomes for all parties involved.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg",
|
||||
imageAlt: "growth chart arrow minimal",
|
||||
},
|
||||
title: "Growth-Oriented", description: "Focused on actionable outcomes for all parties involved.", imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg", imageAlt: "growth chart arrow minimal"},
|
||||
{
|
||||
title: "Human-Centric",
|
||||
description: "Treating every connection with empathy and deep respect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-gesture-expressing-different-feelings_23-2150061974.jpg",
|
||||
imageAlt: "collaboration hands abstract art",
|
||||
},
|
||||
title: "Human-Centric", description: "Treating every connection with empathy and deep respect.", imageSrc: "http://img.b2bpic.net/free-photo/hand-gesture-expressing-different-feelings_23-2150061974.jpg", imageAlt: "collaboration hands abstract art"},
|
||||
]}
|
||||
title="My Core Networking Principles"
|
||||
description="How I approach every professional engagement with intention and human focus."
|
||||
@@ -181,26 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "250+",
|
||||
title: "Connections Fostered",
|
||||
description: "Meaningful introductions made",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210767.jpg",
|
||||
},
|
||||
id: "m1", value: "250+", title: "Connections Fostered", description: "Meaningful introductions made", imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210767.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45+",
|
||||
title: "Partnerships Created",
|
||||
description: "Successfully launched collaborations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-shapes-black-background_23-2148811506.jpg",
|
||||
},
|
||||
id: "m2", value: "45+", title: "Partnerships Created", description: "Successfully launched collaborations", imageSrc: "http://img.b2bpic.net/free-photo/white-shapes-black-background_23-2148811506.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Networking Events",
|
||||
description: "Curated events hosted globally",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210777.jpg",
|
||||
},
|
||||
id: "m3", value: "12", title: "Networking Events", description: "Curated events hosted globally", imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210777.jpg"},
|
||||
]}
|
||||
title="Networking Impact"
|
||||
description="A quantitative look at the connections fostered over the last 3 years."
|
||||
@@ -213,55 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
date: "Jan 2024",
|
||||
title: "Entrepreneur",
|
||||
quote: "My path changed because of a single introduction.",
|
||||
tag: "Mentorship",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-black-white_23-2149735214.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", date: "Jan 2024", title: "Entrepreneur", quote: "My path changed because of a single introduction.", tag: "Mentorship", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-black-white_23-2149735214.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam L.",
|
||||
date: "Feb 2024",
|
||||
title: "Tech Leader",
|
||||
quote: "A truly human-centric approach to growth.",
|
||||
tag: "Partnership",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17702.jpg",
|
||||
},
|
||||
id: "2", name: "Sam L.", date: "Feb 2024", title: "Tech Leader", quote: "A truly human-centric approach to growth.", tag: "Partnership", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17702.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jamie P.",
|
||||
date: "Mar 2024",
|
||||
title: "Creative Director",
|
||||
quote: "Deep, meaningful connections beyond simple business.",
|
||||
tag: "Network",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-white-shirt-posing-brown_181624-44488.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-black-white_23-2149392890.jpg",
|
||||
},
|
||||
id: "3", name: "Jamie P.", date: "Mar 2024", title: "Creative Director", quote: "Deep, meaningful connections beyond simple business.", tag: "Network", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-white-shirt-posing-brown_181624-44488.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-black-white_23-2149392890.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Morgan D.",
|
||||
date: "Apr 2024",
|
||||
title: "Strategist",
|
||||
quote: "The intentionality of the network is unparalleled.",
|
||||
tag: "Strategy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-old-hollywood-glamour-style_23-2150720598.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-old-hollywood-glamour-style_23-2150720619.jpg",
|
||||
},
|
||||
id: "4", name: "Morgan D.", date: "Apr 2024", title: "Strategist", quote: "The intentionality of the network is unparalleled.", tag: "Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-old-hollywood-glamour-style_23-2150720598.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-old-hollywood-glamour-style_23-2150720619.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Casey W.",
|
||||
date: "May 2024",
|
||||
title: "Investor",
|
||||
quote: "Fostering relationships that stand the test of time.",
|
||||
tag: "Trust",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-chair-old-hollywood-glamour-style_23-2150720599.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-stairs-side-view_23-2149652110.jpg",
|
||||
},
|
||||
id: "5", name: "Casey W.", date: "May 2024", title: "Investor", quote: "Fostering relationships that stand the test of time.", tag: "Trust", avatarSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-chair-old-hollywood-glamour-style_23-2150720599.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-stairs-side-view_23-2149652110.jpg"},
|
||||
]}
|
||||
title="Voices of the Network"
|
||||
description="Perspectives from individuals who have benefited from intentional networking."
|
||||
@@ -274,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I join the network?",
|
||||
content: "The network is curated for quality. Please reach out via contact form.",
|
||||
},
|
||||
id: "f1", title: "How do I join the network?", content: "The network is curated for quality. Please reach out via contact form."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the primary focus?",
|
||||
content: "Human connection and professional longevity.",
|
||||
},
|
||||
id: "f2", title: "What is the primary focus?", content: "Human connection and professional longevity."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there a fee?",
|
||||
content: "Networking should be open; partnerships vary by scope.",
|
||||
},
|
||||
id: "f3", title: "Is there a fee?", content: "Networking should be open; partnerships vary by scope."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-product-backdrop-with-patterned-glass_53876-132954.jpg"
|
||||
mediaAnimation="opacity"
|
||||
@@ -301,8 +186,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's connect"
|
||||
title="Start a conversation"
|
||||
description="Ready to expand your professional network humanly? Reach out."
|
||||
@@ -315,33 +199,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Network",
|
||||
href: "#social",
|
||||
},
|
||||
label: "Network", href: "#social"},
|
||||
{
|
||||
label: "Principles",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "Principles", href: "#experience"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user