Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "#expertise",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Expertise", id: "#expertise" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Personal Brand"
|
||||
/>
|
||||
@@ -55,78 +43,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Elevate Your Personal Brand"
|
||||
description="I help professionals cultivate an authentic, calm, and colorful brand presence that truly resonates."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Successful Projects",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "10+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Successful Projects" },
|
||||
{ value: "99%", label: "Client Satisfaction" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Work With Me",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg?_wi=1"
|
||||
buttons={[{ text: "Work With Me", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-looking-smiling-camera_197531-33494.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-with-wide-smile-looks-camera-blurred-background-brunette-with-long-hair-wears-green-shirt-emotions-people-concept_197531-32280.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-looking-smiling-camera_197531-33494.jpg", alt: "Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-with-wide-smile-looks-camera-blurred-background-brunette-with-long-hair-wears-green-shirt-emotions-people-concept_197531-32280.jpg", alt: "Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Portrait 5" },
|
||||
]}
|
||||
avatarText="Trusted by over 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Visual Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Content Marketing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Consulting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth Mindset",
|
||||
},
|
||||
{ type: "text", text: "Brand Strategy" },
|
||||
{ type: "text", text: "Visual Design" },
|
||||
{ type: "text", text: "Content Marketing" },
|
||||
{ type: "text", text: "Creative Consulting" },
|
||||
{ type: "text", text: "Growth Mindset" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,9 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="My Philosophy"
|
||||
description={[
|
||||
"Personal branding isn't about being loud—it's about being seen for who you really are.",
|
||||
"I believe in bringing calm, structured expertise to colorful, unique creative projects.",
|
||||
]}
|
||||
"Personal branding isn't about being loud—it's about being seen for who you really are.", "I believe in bringing calm, structured expertise to colorful, unique creative projects."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,51 +86,28 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your unique voice and market positioning.",
|
||||
icon: Sparkles,
|
||||
title: "Brand Strategy", description: "Defining your unique voice and market positioning.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-supplies_23-2148219287.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-keyboard-coffee-cup-colorful-workplace_23-2148041885.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-supplies_23-2148219287.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-keyboard-coffee-cup-colorful-workplace_23-2148041885.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg?_wi=2",
|
||||
imageAlt: "strategy planning concept notebook",
|
||||
},
|
||||
{
|
||||
title: "Visual Identity",
|
||||
description: "Creating vibrant color palettes and professional assets.",
|
||||
icon: Palette,
|
||||
title: "Visual Identity", description: "Creating vibrant color palettes and professional assets.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-message-lightbox-arrangement_23-2149150447.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/work-message-lightbox-arrangement_23-2149150447.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994366.jpg",
|
||||
imageAlt: "strategy planning concept notebook",
|
||||
},
|
||||
{
|
||||
title: "Content Design",
|
||||
description: "Writing and designing content that speaks to your audience.",
|
||||
icon: PenTool,
|
||||
title: "Content Design", description: "Writing and designing content that speaks to your audience.", icon: PenTool,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-watering-can-with-plant_23-2148269659.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-rings-with-contrasted-background-drop_23-2148358164.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-watering-can-with-plant_23-2148269659.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-rings-with-contrasted-background-drop_23-2148358164.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg?_wi=1",
|
||||
imageAlt: "strategy planning concept notebook",
|
||||
},
|
||||
]}
|
||||
title="My Core Expertise"
|
||||
@@ -202,15 +119,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"TechSphere",
|
||||
"CreativeMind",
|
||||
"BridgeVision",
|
||||
"FutureFocus",
|
||||
"SummitCorp",
|
||||
]}
|
||||
names={["InnovateLab", "GrowthCo", "TechSphere", "CreativeMind", "BridgeVision", "FutureFocus", "SummitCorp"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Collaborating with visionaries across diverse industries."
|
||||
/>
|
||||
@@ -220,25 +129,11 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Revenue Growth",
|
||||
value: "150%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Brand Reach",
|
||||
value: "2M+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Engagement Rate",
|
||||
value: "12%",
|
||||
icon: Heart,
|
||||
},
|
||||
{ id: "m1", title: "Revenue Growth", value: "150%", icon: TrendingUp },
|
||||
{ id: "m2", title: "Brand Reach", value: "2M+", icon: Users },
|
||||
{ id: "m3", title: "Engagement Rate", value: "12%", icon: Heart },
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
description="Tangible results behind every colorful creative strategy."
|
||||
@@ -250,46 +145,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Work",
|
||||
quote: "My brand has never felt more authentic.",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Such a calm and colorful approach to strategy.",
|
||||
name: "Michael Chen",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Game Changer",
|
||||
quote: "I feel confident in my new visual direction.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Very Professional",
|
||||
quote: "Brought life to my vision effortlessly.",
|
||||
name: "David Kim",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Outstanding",
|
||||
quote: "The best personal branding experience I've had.",
|
||||
name: "Alex Smith",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Excellent Work", quote: "My brand has never felt more authentic.", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg" },
|
||||
{ id: "t2", title: "Highly Recommend", quote: "Such a calm and colorful approach to strategy.", name: "Michael Chen", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg" },
|
||||
{ id: "t3", title: "Game Changer", quote: "I feel confident in my new visual direction.", name: "Emily Rodriguez", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
||||
{ id: "t4", title: "Very Professional", quote: "Brought life to my vision effortlessly.", name: "David Kim", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg" },
|
||||
{ id: "t5", title: "Outstanding", quote: "The best personal branding experience I've had.", name: "Alex Smith", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Calm, insightful, and incredibly professional branding results."
|
||||
@@ -300,58 +160,33 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is the process?",
|
||||
content: "Typically 4-6 weeks for full brand strategy.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, I offer free initial discovery calls.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your style always colorful?",
|
||||
content: "I tailor colors to your personality and goals.",
|
||||
},
|
||||
{ id: "f1", title: "How long is the process?", content: "Typically 4-6 weeks for full brand strategy." },
|
||||
{ id: "f2", title: "Do you offer consultations?", content: "Yes, I offer free initial discovery calls." },
|
||||
{ id: "f3", title: "Is your style always colorful?", content: "I tailor colors to your personality and goals." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405376.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about working with me."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to bring your personal brand to life with color and calm?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Discovery Call",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Discovery Call", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Personal Brand"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Personal Brand",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Personal Brand", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user