Merge version_1 into main #1
159
src/app/page.tsx
159
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Results", id: "metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Portfolio"
|
||||
/>
|
||||
@@ -55,32 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Building Modern Marketing Experiences"
|
||||
description="Driven by data, shaped by creativity. I bridge the gap between human needs and digital performance through strategic storytelling and analytics."
|
||||
tag="Marketing Portfolio"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-entrepreneur-woman_23-2148898746.jpg",
|
||||
imageAlt: "professional headshot student",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-entrepreneur-woman_23-2148898746.jpg", imageAlt: "professional headshot student"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nighttime-view-modern-building-with-illuminated-windows_23-2151966507.jpg",
|
||||
imageAlt: "abstract marketing shapes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg",
|
||||
imageAlt: "Student posing during a group study session with colleagues",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
|
||||
imageAlt: "Close up smiley man at library",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-woman-student-returns-from-lecures-wears-headband-casual-neat-clothes-strolls-outdoors-poses-against-blurred-urban-background-people-lifestyle-concept_273609-62304.jpg",
|
||||
imageAlt: "Outdoor shot of pensive curly haired woman student returns from lecures wears headband and casual neat clothes strolls outdoors poses against blurred urban background People and lifestyle concept",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nighttime-view-modern-building-with-illuminated-windows_23-2151966507.jpg", imageAlt: "abstract marketing shapes"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,17 +71,11 @@ export default function LandingPage() {
|
||||
description="I am a forward-thinking marketing student with a passion for digital optimization and creative strategy. My approach combines rigorous analytical testing with empathetic storytelling to drive meaningful engagement."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Data-Driven Strategy",
|
||||
description: "Leveraging analytics to inform every creative decision.",
|
||||
},
|
||||
title: "Data-Driven Strategy", description: "Leveraging analytics to inform every creative decision."},
|
||||
{
|
||||
title: "Brand Storytelling",
|
||||
description: "Crafting narratives that resonate with diverse audiences.",
|
||||
},
|
||||
title: "Brand Storytelling", description: "Crafting narratives that resonate with diverse audiences."},
|
||||
{
|
||||
title: "Growth Mindset",
|
||||
description: "Constantly learning and adapting to new industry standards.",
|
||||
},
|
||||
title: "Growth Mindset", description: "Constantly learning and adapting to new industry standards."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desktop-with-computer_23-2148110263.jpg"
|
||||
imageAlt="minimal workspace desk"
|
||||
@@ -121,41 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "E-Commerce Report",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-reports-pile-documents-business-concept_1150-2250.jpg",
|
||||
},
|
||||
id: "p1", name: "E-Commerce Report", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-reports-pile-documents-business-concept_1150-2250.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Campaign Strategy",
|
||||
price: "Planning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-with-megaphone-carnival-party_23-2148412845.jpg",
|
||||
},
|
||||
id: "p2", name: "Campaign Strategy", price: "Planning", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-with-megaphone-carnival-party_23-2148412845.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Metric Analytics",
|
||||
price: "Analysis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-analyzing-graphs-digital-tablet-desk-coworking-space_662251-116.jpg",
|
||||
},
|
||||
id: "p3", name: "Metric Analytics", price: "Analysis", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-analyzing-graphs-digital-tablet-desk-coworking-space_662251-116.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Brand Identity",
|
||||
price: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-blank-banners_23-2147728571.jpg",
|
||||
},
|
||||
id: "p4", name: "Brand Identity", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/three-blank-banners_23-2147728571.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "SEO Roadmap",
|
||||
price: "Strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-charts-screen-standing-table-startup-office-while-diverse-team-sharing-papers-with-marketing-turnover-it-multiethnic-businesspeople-analyzing-graphs_482257-37042.jpg",
|
||||
},
|
||||
id: "p5", name: "SEO Roadmap", price: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-charts-screen-standing-table-startup-office-while-diverse-team-sharing-papers-with-marketing-turnover-it-multiethnic-businesspeople-analyzing-graphs_482257-37042.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Content Calendar",
|
||||
price: "Scheduling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-profession-money-symbol-lens-flare_1134-1414.jpg",
|
||||
},
|
||||
id: "p6", name: "Content Calendar", price: "Scheduling", imageSrc: "http://img.b2bpic.net/free-photo/data-profession-money-symbol-lens-flare_1134-1414.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A showcase of selected campaigns and strategy documents."
|
||||
@@ -169,20 +114,11 @@ export default function LandingPage() {
|
||||
tag="Performance Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24%",
|
||||
description: "Engagement growth",
|
||||
},
|
||||
id: "m1", value: "24%", description: "Engagement growth"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15K+",
|
||||
description: "Reach achieved",
|
||||
},
|
||||
id: "m2", value: "15K+", description: "Reach achieved"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3.5x",
|
||||
description: "Conversion lift",
|
||||
},
|
||||
id: "m3", value: "3.5x", description: "Conversion lift"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -193,16 +129,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DigitalFlow",
|
||||
"BrandRise",
|
||||
"FutureAgency",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalFlow", "BrandRise", "FutureAgency"]}
|
||||
title="Partners & Clients"
|
||||
tag="Trusted by"
|
||||
description="Trusted by innovative companies across the industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -211,30 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-company-team-working_23-2149145125.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-company-team-working_23-2149145125.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-from-home_23-2148916091.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-from-home_23-2148916091.jpg"},
|
||||
]}
|
||||
cardTitle="What People Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -248,20 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you currently accepting new projects?",
|
||||
content: "Yes, I am always open to discussing new opportunities.",
|
||||
},
|
||||
id: "f1", title: "Are you currently accepting new projects?", content: "Yes, I am always open to discussing new opportunities."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you focus on specific industries?",
|
||||
content: "I enjoy working across diverse sectors but have a strong focus on SaaS and digital startups.",
|
||||
},
|
||||
id: "f2", title: "Do you focus on specific industries?", content: "I enjoy working across diverse sectors but have a strong focus on SaaS and digital startups."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle end-to-end campaigns?",
|
||||
content: "Absolutely, from research and ideation to execution and analysis.",
|
||||
},
|
||||
id: "f3", title: "Can you handle end-to-end campaigns?", content: "Absolutely, from research and ideation to execution and analysis."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about my experience and availability."
|
||||
@@ -273,16 +179,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact"
|
||||
title="Let's Collaborate"
|
||||
description="Reach out to discuss how I can help your team with data-driven marketing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send me an email",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Send me an email", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user