Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
314
src/app/page.tsx
314
src/app/page.tsx
@@ -31,66 +31,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Expertise", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dr. Sue"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Let’s Dream Together!"
|
||||
description="Partner with Dr. Sue to navigate your lifelong journey of growth, alignment, and professional discovery."
|
||||
tag="Career Collaborator"
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Consultation", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548692.jpg?_wi=1",
|
||||
imageAlt: "Consultation 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/setting-family-budget_1098-15665.jpg?_wi=1",
|
||||
imageAlt: "Consultation 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149267955.jpg",
|
||||
imageAlt: "Colleagues working together on project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-caucasian-adult-women-work-tablet-while-sitting-street-cafe-with-cup-coffee-technological-device-concept_197531-31222.jpg",
|
||||
imageAlt: "Focused professional work on tablet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-sales-manager-work-finalizes-strategy-planning-her-office_482257-123916.jpg",
|
||||
imageAlt: "Business manager finalizing strategy",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548692.jpg", imageAlt: "Consultation 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/setting-family-budget_1098-15665.jpg", imageAlt: "Consultation 2" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,20 +65,11 @@ export default function LandingPage() {
|
||||
title="Meet Dr. Sue"
|
||||
description="With over 30 years in higher education, Dr. Sue brings a student-centered, heart-focused philosophy to every coaching partnership."
|
||||
metrics={[
|
||||
{
|
||||
value: "30+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "CPCC",
|
||||
title: "Certified Coach",
|
||||
},
|
||||
{
|
||||
value: "CPRW",
|
||||
title: "Resume Writer",
|
||||
},
|
||||
{ value: "30+", title: "Years Experience" },
|
||||
{ value: "CPCC", title: "Certified Coach" },
|
||||
{ value: "CPRW", title: "Resume Writer" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
|
||||
imageAlt="Dr. Sue Career Coach"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -131,67 +83,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Career Transitions",
|
||||
description: "Navigate the 'what's next' with confidence and research-backed strategy.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looks-into-distance_1153-5207.jpg",
|
||||
imageAlt: "Transition",
|
||||
},
|
||||
title: "Career Transitions", description: "Navigate the 'what's next' with confidence and research-backed strategy.", media: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-looks-into-distance_1153-5207.jpg", imageAlt: "Transition" },
|
||||
items: [
|
||||
{
|
||||
icon: Compass,
|
||||
text: "Strategic Roadmap",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
text: "Confidence Building",
|
||||
},
|
||||
{ icon: Compass, text: "Strategic Roadmap" },
|
||||
{ icon: Target, text: "Confidence Building" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548692.jpg?_wi=2",
|
||||
imageAlt: "career transition strategy document",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Multigenerational Workplace",
|
||||
description: "Helping teams leverage the unique strengths of every age group.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/development-success-performance-graphic-word-icon_53876-30249.jpg",
|
||||
imageAlt: "Workplace",
|
||||
},
|
||||
title: "Multigenerational Workplace", description: "Helping teams leverage the unique strengths of every age group.", media: { imageSrc: "http://img.b2bpic.net/free-photo/development-success-performance-graphic-word-icon_53876-30249.jpg", imageAlt: "Workplace" },
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Team Synergy",
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
text: "Inclusive Leadership",
|
||||
},
|
||||
{ icon: Users, text: "Team Synergy" },
|
||||
{ icon: Briefcase, text: "Inclusive Leadership" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/setting-family-budget_1098-15665.jpg?_wi=2",
|
||||
imageAlt: "career transition strategy document",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Resume Development",
|
||||
description: "Crafting documents that beat the ATS and catch the recruiter's eye.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-leader-written-note-with-stickers-gray-background_179666-22626.jpg",
|
||||
imageAlt: "Resume",
|
||||
},
|
||||
title: "Resume Development", description: "Crafting documents that beat the ATS and catch the recruiter's eye.", media: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-leader-written-note-with-stickers-gray-background_179666-22626.jpg", imageAlt: "Resume" },
|
||||
items: [
|
||||
{
|
||||
icon: FileText,
|
||||
text: "ATS Optimization",
|
||||
},
|
||||
{
|
||||
icon: Eye,
|
||||
text: "Human-Centric Design",
|
||||
},
|
||||
{ icon: FileText, text: "ATS Optimization" },
|
||||
{ icon: Eye, text: "Human-Centric Design" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=2",
|
||||
imageAlt: "career transition strategy document",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Areas of Expertise"
|
||||
@@ -199,57 +112,15 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Why the Collaborator Matters"
|
||||
description="We believe in partnership over traditional consulting. You are gaining a teammate dedicated to your lifelong success."
|
||||
metrics={[
|
||||
{
|
||||
value: "1-on-1",
|
||||
title: "Tailored Sessions",
|
||||
},
|
||||
{
|
||||
value: "High",
|
||||
title: "Impact Workshops",
|
||||
},
|
||||
{
|
||||
value: "Direct",
|
||||
title: "Expert Guidance",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg"
|
||||
imageAlt="Professional business coach"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who does Dr. Sue help?",
|
||||
content: "Recent graduates, mid-career professionals navigating transitions, and seasoned experts not yet ready to retire.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the coaching process?",
|
||||
content: "We use a partnership-based approach that puts your individual values and goals at the forefront of the process.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you help with resumes?",
|
||||
content: "Yes, Dr. Sue is a Certified Professional Resume Writer (CPRW) specializing in ATS optimization.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "How do I schedule a session?",
|
||||
content: "Simply fill out our contact form, and we will get back to you to discuss your needs.",
|
||||
},
|
||||
{ id: "f1", title: "Who does Dr. Sue help?", content: "Recent graduates, mid-career professionals navigating transitions, and seasoned experts not yet ready to retire." },
|
||||
{ id: "f2", title: "What is the coaching process?", content: "We use a partnership-based approach that puts your individual values and goals at the forefront of the process." },
|
||||
{ id: "f3", title: "Can you help with resumes?", content: "Yes, Dr. Sue is a Certified Professional Resume Writer (CPRW) specializing in ATS optimization." },
|
||||
{ id: "f4", title: "How do I schedule a session?", content: "Simply fill out our contact form, and we will get back to you to discuss your needs." },
|
||||
]}
|
||||
title="Common Career Questions"
|
||||
description="Answers to help you decide if you're ready to start your next professional chapter."
|
||||
@@ -263,60 +134,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Marketing",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Manager",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Developer",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
role: "Educator",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Marketing", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Manager", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Developer", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
|
||||
{ id: "5", name: "Elena P.", role: "Educator", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "95%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Resumes Crafted",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Transitions Guided",
|
||||
},
|
||||
{ value: "95%", label: "Client Satisfaction" },
|
||||
{ value: "100+", label: "Resumes Crafted" },
|
||||
{ value: "50+", label: "Transitions Guided" },
|
||||
]}
|
||||
title="Client Breakthroughs"
|
||||
description="Real success stories from professionals who found their next path."
|
||||
@@ -330,21 +157,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30+",
|
||||
description: "Years of experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Focus on your goals",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Partnership",
|
||||
description: "Collaborative model",
|
||||
},
|
||||
{ id: "m1", value: "30+", description: "Years of experience" },
|
||||
{ id: "m2", value: "100%", description: "Focus on your goals" },
|
||||
{ id: "m3", value: "Partnership", description: "Collaborative model" },
|
||||
]}
|
||||
title="Impact Driven Results"
|
||||
description="Quantifying professional growth and successful career breakthroughs."
|
||||
@@ -354,58 +169,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Ready for your next chapter?"
|
||||
description="Let’s collaborate on your future together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Consultation",
|
||||
href: "mailto:dr.sue@example.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Consultation", href: "mailto:dr.sue@example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Resume Writing",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Career Coaching",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Workshops",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Resume Writing", href: "#features" }, { label: "Career Coaching", href: "#features" }, { label: "Workshops", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Dr. Sue: Career Collaborator"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user