Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
117
src/app/page.tsx
117
src/app/page.tsx
@@ -31,31 +31,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Results", id: "metrics"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Portfolio"
|
||||
brandName="[Your Name]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Building Modern Marketing Experiences"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Minimalist Marketing Portfolio"
|
||||
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"
|
||||
tag="[Your Name] | Marketing Student"
|
||||
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/nighttime-view-modern-building-with-illuminated-windows_23-2151966507.jpg", imageAlt: "abstract marketing shapes"}
|
||||
{ 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" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -70,12 +63,9 @@ export default function LandingPage() {
|
||||
title="About Me"
|
||||
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: "Brand Storytelling", description: "Crafting narratives that resonate with diverse audiences."},
|
||||
{
|
||||
title: "Growth Mindset", description: "Constantly learning and adapting to new industry standards."},
|
||||
{ title: "Data-Driven Strategy", description: "Leveraging analytics to inform every creative decision." },
|
||||
{ title: "Brand Storytelling", description: "Crafting narratives that resonate with diverse audiences." },
|
||||
{ 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"
|
||||
@@ -89,21 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "p6", name: "Content Calendar", price: "Scheduling", imageSrc: "http://img.b2bpic.net/free-photo/data-profession-money-symbol-lens-flare_1134-1414.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: "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" },
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A showcase of selected campaigns and strategy documents."
|
||||
title="Selected Work"
|
||||
description="A showcase of my recent campaigns and strategy research."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,12 +94,9 @@ export default function LandingPage() {
|
||||
title="Impact by the Numbers"
|
||||
tag="Performance Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "24%", description: "Engagement growth"},
|
||||
{
|
||||
id: "m2", value: "15K+", description: "Reach achieved"},
|
||||
{
|
||||
id: "m3", value: "3.5x", description: "Conversion lift"},
|
||||
{ id: "m1", value: "24%", description: "Engagement growth" },
|
||||
{ id: "m2", value: "15K+", description: "Reach achieved" },
|
||||
{ id: "m3", value: "3.5x", description: "Conversion lift" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -128,11 +106,10 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalFlow", "BrandRise", "FutureAgency"]}
|
||||
title="Partners & Clients"
|
||||
tag="Trusted by"
|
||||
description="Trusted by innovative companies across the industry."
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalFlow"]}
|
||||
title="Trusted Partners"
|
||||
tag="Recognitions"
|
||||
description="Industry collaborations and projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,19 +117,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
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: "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: "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: "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" },
|
||||
]}
|
||||
cardTitle="What People Say"
|
||||
cardTag="Testimonials"
|
||||
cardTitle="Endorsements"
|
||||
cardTag="Recommendations"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -162,15 +131,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Can you handle end-to-end campaigns?", content: "Absolutely, from research and ideation to execution and analysis."},
|
||||
{ id: "f1", title: "Are you accepting projects?", content: "Yes, I am currently open to collaboration." },
|
||||
{ id: "f2", title: "Focus areas?", content: "Focusing on digital marketing strategy and analytics." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about my experience and availability."
|
||||
description="Quick answers to frequently asked questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -178,25 +143,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ 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"},
|
||||
]}
|
||||
title="Let's Connect"
|
||||
description="Discuss your next marketing project or just say hello."
|
||||
buttons={[{ text: "Send an email", href: "mailto:hello@example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Marketing Portfolio"
|
||||
copyrightText="© 2025 Marketing Student Portfolio. All rights reserved."
|
||||
logoText="[Your Name]"
|
||||
copyrightText="© 2025 Marketing Student Portfolio."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user