Update src/app/page.tsx
This commit is contained in:
234
src/app/page.tsx
234
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "#expertise",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Expertise", id: "#expertise" },
|
||||
{ name: "Results", id: "#results" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Cindy Zhu"
|
||||
/>
|
||||
@@ -53,79 +41,41 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Driving Digital Growth for Education & Tutoring Brands"
|
||||
description="I'm Cindy Zhu, a Digital Marketing Specialist with 5 years of experience delivering end-to-end enrollment strategies for 8+ brands in education and consulting."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-1420.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-speaker-with-flipchart-diagram_1262-1858.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-1420.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-senior-speaker-with-flipchart-diagram_1262-1858.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by education leaders"
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#expertise",
|
||||
},
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View My Work", href: "#expertise" },
|
||||
{ text: "Get In Touch", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Enrollment Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Marketing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversion Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth Analytics",
|
||||
},
|
||||
{ type: "text", text: "Enrollment Strategy" },
|
||||
{ type: "text", text: "Performance Marketing" },
|
||||
{ type: "text", text: "SEO Optimization" },
|
||||
{ type: "text", text: "Conversion Design" },
|
||||
{ type: "text", text: "Growth Analytics" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Cindy"
|
||||
title="Digital Marketing Specialist"
|
||||
description="5+ years crafting high-performance digital strategies."
|
||||
subdescription="I specialize in end-to-end digital marketing solutions specifically for Education & Tutoring businesses to drive high enrollment volumes and brand growth."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -136,52 +86,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Enrollment Growth",
|
||||
description: "Strategy implementation to boost student sign-ups.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-evaluation-information-growth-concept_53876-125573.jpg?_wi=1",
|
||||
title: "Enrollment Growth", description: "Strategy implementation to boost student sign-ups.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-evaluation-information-growth-concept_53876-125573.jpg", imageAlt: "digital marketing dashboard analytics"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Conversion Rate Optimization",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Full-funnel Strategy",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Market Positioning",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Conversion Rate Optimization" },
|
||||
{ icon: CheckCircle, text: "Full-funnel Strategy" },
|
||||
{ icon: CheckCircle, text: "Market Positioning" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-evaluation-information-growth-concept_53876-125573.jpg?_wi=2",
|
||||
imageAlt: "digital marketing dashboard analytics",
|
||||
},
|
||||
{
|
||||
title: "Digital Strategy",
|
||||
description: "Multi-channel approach for brand dominance.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-evaluation-information-growth-concept_53876-125573.jpg?_wi=3",
|
||||
title: "Digital Strategy", description: "Multi-channel approach for brand dominance.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", imageAlt: "professional business woman headshot"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Paid Media Management",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "SEO & Content Marketing",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Data-backed Scaling",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Paid Media Management" },
|
||||
{ icon: CheckCircle, text: "SEO & Content Marketing" },
|
||||
{ icon: CheckCircle, text: "Data-backed Scaling" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg?_wi=2",
|
||||
imageAlt: "professional business woman headshot",
|
||||
},
|
||||
]}
|
||||
title="Core Specializations"
|
||||
@@ -196,32 +120,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "8+",
|
||||
title: "Brands Managed",
|
||||
items: [
|
||||
"Education",
|
||||
"Consulting",
|
||||
"Government",
|
||||
],
|
||||
id: "m1", value: "8+", title: "Brands Managed", items: ["Education", "Consulting", "Government"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5y",
|
||||
title: "Experience",
|
||||
items: [
|
||||
"Growth focused",
|
||||
"Strategic planning",
|
||||
],
|
||||
id: "m2", value: "5y", title: "Experience", items: ["Growth focused", "Strategic planning"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Client Success",
|
||||
items: [
|
||||
"Enrollment driven",
|
||||
"ROI focused",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Client Success", items: ["Enrollment driven", "ROI focused"],
|
||||
},
|
||||
]}
|
||||
title="Proven Impact"
|
||||
@@ -236,26 +141,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Thompson - Education Director"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-1420.jpg",
|
||||
alt: "Sarah T",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-speaker-with-flipchart-diagram_1262-1858.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-1420.jpg", alt: "Sarah T" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", alt: "Client B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg", alt: "Client C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-senior-speaker-with-flipchart-diagram_1262-1858.jpg", alt: "Client D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg", alt: "Client E" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -268,23 +158,12 @@ export default function LandingPage() {
|
||||
title="Ready to Grow?"
|
||||
description="Let's discuss how we can scale your enrollment numbers together."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your business goal...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your business goal..." }}
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-evaluation-information-growth-concept_53876-125573.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-evaluation-information-growth-concept_53876-125573.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -292,33 +171,16 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Expertise",
|
||||
href: "#expertise",
|
||||
},
|
||||
{
|
||||
label: "Results",
|
||||
href: "#results",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Expertise", href: "#expertise" },
|
||||
{ label: "Results", href: "#results" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Portfolio", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user