Skip to content

Commit 3e07910

Browse files
projectamazonphprojectamazonph
authored
Merge pull request #2 from projectamazonph/claude/landing-page-amph-v2-3x1cn5
Reposition landing page as free companion to Project Amazon PH Academy
2 parents 49f8884 + 105d692 commit 3e07910

3 files changed

Lines changed: 77 additions & 71 deletions

File tree

‎src/app/layout.tsx‎

Lines changed: 24 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -34,41 +34,42 @@ export const viewport: Viewport = {
3434
export const metadata: Metadata = {
3535
metadataBase: new URL(BASE_URL),
3636
title: {
37-
default: "Interview Lab — AI-Powered Amazon VA Interview Preparation",
38-
template: "%s | Interview Lab",
37+
default: "Project Amazon PH Interview Lab — Free AI Interview Prep for Amazon VAs",
38+
template: "%s | Project Amazon PH Interview Lab",
3939
},
4040
description:
41-
"Get interview-ready for Amazon VA roles with AI mock interviews, resume coaching, cover letter writing, practice tests, and downloadable templates for PPC, Account, Listing, Reporting, and Agency VA positions.",
41+
"Free AI mock interviews, resume coaching, cover letter writing, practice tests, and downloadable templates for Amazon VA roles — PPC, Account, Listing, Reporting, and Agency VA. A free companion to Project Amazon PH Academy.",
4242
keywords: [
4343
"Amazon VA", "Amazon PPC VA", "Amazon Account VA",
4444
"Amazon Listing VA", "Amazon Reporting VA", "Amazon Agency VA",
4545
"VA interview prep", "mock interview", "resume builder",
4646
"cover letter", "Amazon VA training", "Seller Central",
4747
"virtual assistant Philippines", "work from home jobs",
48+
"Project Amazon PH Academy",
4849
],
4950
authors: [{ name: "Ryan Roland Dabao", url: "https://projectamazonph.com" }],
5051
creator: "Ryan Roland Dabao",
5152
publisher: "ProjectAmazonPH",
5253
openGraph: {
53-
title: "Interview Lab — AI-Powered Amazon VA Interview Preparation",
54-
description: "Get interview-ready for Amazon VA roles with AI mock interviews, resume coaching, cover letter writing, and practice tests.",
54+
title: "Project Amazon PH Interview Lab — Free AI Interview Prep for Amazon VAs",
55+
description: "Free AI mock interviews, resume coaching, cover letter writing, and practice tests for Amazon VA roles. A free companion to Project Amazon PH Academy.",
5556
type: "website",
5657
locale: "en_US",
57-
siteName: "Interview Lab",
58+
siteName: "Project Amazon PH Interview Lab",
5859
url: BASE_URL,
5960
images: [
6061
{
6162
url: "/og/il-og.png",
6263
width: 1200,
6364
height: 630,
64-
alt: "Interview Lab — Built by ProjectAmazonPH",
65+
alt: "Project Amazon PH Interview Lab — Built by ProjectAmazonPH",
6566
},
6667
],
6768
},
6869
twitter: {
6970
card: "summary_large_image",
70-
title: "Interview Lab — AI-Powered Amazon VA Interview Preparation",
71-
description: "Get interview-ready for Amazon VA roles with AI mock interviews, resume coaching, cover letter writing, and practice tests.",
71+
title: "Project Amazon PH Interview Lab — Free AI Interview Prep for Amazon VAs",
72+
description: "Free AI mock interviews, resume coaching, cover letter writing, and practice tests for Amazon VA roles.",
7273
site: "@ProjectAmazonPH",
7374
creator: "@ProjectAmazonPH",
7475
},
@@ -90,7 +91,7 @@ export const metadata: Metadata = {
9091
appleWebApp: {
9192
capable: true,
9293
statusBarStyle: "black-translucent",
93-
title: "Interview Lab",
94+
title: "PAPH Interview Lab",
9495
},
9596
icons: {
9697
icon: [
@@ -108,8 +109,13 @@ const structuredData = {
108109
{
109110
"@type": "Organization",
110111
"@id": `${BASE_URL}/#organization`,
111-
name: "Interview Lab",
112+
name: "Project Amazon PH Interview Lab",
112113
url: BASE_URL,
114+
parentOrganization: {
115+
"@type": "Organization",
116+
name: "ProjectAmazonPH",
117+
url: "https://projectamazonph.com",
118+
},
113119
logo: {
114120
"@type": "ImageObject",
115121
url: `${BASE_URL}/icons/icon-180.png`,
@@ -130,9 +136,9 @@ const structuredData = {
130136
"@type": "WebSite",
131137
"@id": `${BASE_URL}/#website`,
132138
url: BASE_URL,
133-
name: "Interview Lab",
139+
name: "Project Amazon PH Interview Lab",
134140
publisher: { "@id": `${BASE_URL}/#organization` },
135-
description: "AI-powered mock interviews and interview preparation for Amazon VA roles.",
141+
description: "Free AI-powered mock interviews and interview preparation for Amazon VA roles.",
136142
inLanguage: "en-US",
137143
potentialAction: {
138144
"@type": "SearchAction",
@@ -144,7 +150,7 @@ const structuredData = {
144150
"@type": "WebPage",
145151
"@id": `${BASE_URL}/#webpage`,
146152
url: BASE_URL,
147-
name: "Interview Lab — AI-Powered Amazon VA Interview Preparation",
153+
name: "Project Amazon PH Interview Lab — Free AI-Powered Amazon VA Interview Preparation",
148154
isPartOf: { "@id": `${BASE_URL}/#website` },
149155
about: { "@id": `${BASE_URL}/#organization` },
150156
description: "Get interview-ready for Amazon VA roles with AI mock interviews, resume coaching, cover letter writing, practice tests, and downloadable templates.",
@@ -154,17 +160,17 @@ const structuredData = {
154160
},
155161
{
156162
"@type": "SoftwareApplication",
157-
name: "Interview Lab",
163+
name: "Project Amazon PH Interview Lab",
158164
"@id": `${BASE_URL}/#app`,
159165
url: BASE_URL,
160-
description: "AI-powered mock interviews and interview preparation for Amazon VA roles.",
166+
description: "Free AI-powered mock interviews and interview preparation for Amazon VA roles. A free companion to Project Amazon PH Academy.",
161167
applicationCategory: "EducationApplication",
162168
operatingSystem: "Web",
163169
offers: {
164170
"@type": "Offer",
165171
price: "0",
166172
priceCurrency: "PHP",
167-
description: "Free tier with 264+ interview questions and AI coaching",
173+
description: "Free, always — 264+ interview questions, AI coaching, resume review, and practice tests",
168174
},
169175
aggregateRating: {
170176
"@type": "AggregateRating",
@@ -223,7 +229,7 @@ const structuredData = {
223229
name: "Is the platform free to use?",
224230
acceptedAnswer: {
225231
"@type": "Answer",
226-
text: "Yes, we offer a free tier with access to interview questions, AI coaching, and basic features.",
232+
text: "Yes, Interview Lab is 100% free — mock interviews, the question bank, AI coaching, resume review, and more, no card required. It's a free companion to Project Amazon PH Academy.",
227233
},
228234
},
229235
],

‎src/app/page.tsx‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -116,5 +116,3 @@ export default function Home() {
116116
</AuthProvider>
117117
);
118118
}
119-
120-
<!-- redeploy 1783496964 -->

‎src/components/interview-lab/LandingPage.tsx‎

Lines changed: 53 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -62,10 +62,10 @@ const TESTIMONIALS = [
6262
];
6363

6464
const FAQ = [
65-
{ q: "Can I switch plans at any time?", a: "Yes. Upgrade or downgrade anytime. Upgrades give immediate access. Downgrades take effect at billing period end." },
66-
{ q: "Is there a free trial?", a: "The Free plan lets you explore the platform with limited access. Paid plans unlock everything from day one." },
67-
{ q: "What payment methods?", a: "GCash, all major credit cards, and debit cards. All prices in Philippine Peso." },
68-
{ q: "Can I cancel?", a: "Cancel anytime from account settings. Access continues until the end of your billing period." },
65+
{ q: "Is Interview Lab really free?", a: "Yes. Mock interviews, the question bank, resume review, cover letters, practice tests — all of it, no card required. It's built as a free companion to Project Amazon PH Academy." },
66+
{ q: "What's the difference between Interview Lab and the Academy?", a: "Interview Lab gets you ready for the interview: questions, mock practice, resume feedback. Project Amazon PH Academy is the paid, in-depth training — full Amazon ads courses, tools, and certifications for after you're hired." },
67+
{ q: "Do I need the Academy to use Interview Lab?", a: "No. Interview Lab stands on its own. The Academy is there if you want to go deeper once you've landed the role." },
68+
{ q: "Which Amazon VA roles does it cover?", a: "PPC, Account, Listing, Reporting, Agency, and Senior PPC — six role-specific tracks, each with its own questions and mock interviews." },
6969
];
7070

7171
export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps) {
@@ -89,12 +89,15 @@ export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps)
8989
<div className="w-8 h-8 rounded-full bg-accent-violet/20 flex items-center justify-center">
9090
<Lightning className="w-4 h-4 text-accent-indigo" weight="light" />
9191
</div>
92-
<span className="font-heading font-bold text-sm text-text-primary hidden sm:block">Interview Lab</span>
92+
<div className="hidden sm:flex flex-col leading-none">
93+
<span className="font-heading font-bold text-sm text-text-primary">Interview Lab</span>
94+
<span className="text-[10px] text-text-muted tracking-wide">by Project Amazon PH</span>
95+
</div>
9396
</div>
9497

9598
{/* Desktop links */}
9699
<div className="hidden md:flex items-center gap-1">
97-
{["Why This", "VA Roles", "Features", "Pricing"].map((link) => (
100+
{["Why This", "VA Roles", "Features", "Academy"].map((link) => (
98101
<a
99102
key={link}
100103
href={`#${link.toLowerCase().replace(" ", "-")}`}
@@ -131,7 +134,7 @@ export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps)
131134
className="md:hidden mt-2 bg-glass/80 backdrop-blur-3xl border border-glass-border rounded-2xl p-6 shadow-glass-lg"
132135
>
133136
<div className="flex flex-col gap-2">
134-
{["Why This", "VA Roles", "Features", "Pricing"].map((link, i) => (
137+
{["Why This", "VA Roles", "Features", "Academy"].map((link, i) => (
135138
<a
136139
key={link}
137140
href={`#${link.toLowerCase().replace(" ", "-")}`}
@@ -154,7 +157,7 @@ export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps)
154157
<motion.div variants={fadeUpVariants}>
155158
<GlassBadge variant="accent" className="mb-8">
156159
<Sparkle className="w-3 h-3 mr-1" weight="light" />
157-
Built for Filipino VAs targeting Amazon roles
160+
100% free — a Project Amazon PH tool
158161
</GlassBadge>
159162
</motion.div>
160163

@@ -172,7 +175,7 @@ export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps)
172175
className="text-text-secondary text-lg sm:text-xl max-w-2xl mx-auto leading-relaxed mb-12 font-body"
173176
>
174177
The exact questions agencies ask, AI coaching that shows you how to answer,
175-
and the confidence to finally land that Amazon VA role.
178+
and the confidence to finally land that Amazon VA role — free, no card required.
176179
</motion.p>
177180

178181
<motion.div variants={fadeUpVariants} className="flex flex-col sm:flex-row items-center justify-center gap-4">
@@ -184,6 +187,13 @@ export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps)
184187
Try a Practice Test
185188
</GlassButton>
186189
</motion.div>
190+
191+
<motion.p variants={fadeUpVariants} className="text-text-muted text-sm mt-6">
192+
No card, no trial countdown. Built free by the team behind{" "}
193+
<a href="#academy" className="text-text-secondary underline underline-offset-2 hover:text-text-primary transition-colors duration-400">
194+
Project Amazon PH Academy
195+
</a>.
196+
</motion.p>
187197
</motion.div>
188198
</div>
189199
</section>
@@ -407,8 +417,8 @@ export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps)
407417
</div>
408418
</section>
409419

410-
{/* ═══════════════════ PRICING ═══════════════════ */}
411-
<section id="pricing" className="py-24 sm:py-32 px-4 sm:px-6">
420+
{/* ═══════════════════ ACADEMY (formerly Pricing) ═══════════════════ */}
421+
<section id="academy" className="py-24 sm:py-32 px-4 sm:px-6">
412422
<div className="max-w-5xl mx-auto">
413423
<motion.div
414424
initial="hidden"
@@ -418,54 +428,36 @@ export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps)
418428
className="text-center mb-16"
419429
>
420430
<motion.div variants={fadeUpVariants}>
421-
<GlassBadge className="mb-6">Simple Pricing</GlassBadge>
431+
<GlassBadge className="mb-6">Free Tool, Paid Academy</GlassBadge>
422432
</motion.div>
423433
<motion.h2 variants={fadeUpVariants} className="font-heading text-3xl sm:text-5xl font-bold mb-4">
424-
Start Free. Upgrade When Ready.
434+
Get Hired Free. Go Deeper When You&apos;re Ready.
425435
</motion.h2>
436+
<motion.p variants={fadeUpVariants} className="text-text-secondary text-lg max-w-xl mx-auto">
437+
Interview Lab gets you interview-ready at zero cost. Project Amazon PH Academy
438+
is the paid, in-depth training for after you land the role.
439+
</motion.p>
426440
</motion.div>
427441

428442
<motion.div
429443
initial="hidden"
430444
whileInView="visible"
431445
viewport={{ once: true, margin: "-100px" }}
432446
variants={staggerContainer}
433-
className="grid grid-cols-1 md:grid-cols-3 gap-6 items-start"
447+
className="grid grid-cols-1 md:grid-cols-2 gap-6 items-start"
434448
>
435-
{/* Free */}
449+
{/* Interview Lab — Free */}
436450
<motion.div variants={fadeUpVariants}>
437-
<GlassCard className="p-8 overflow-hidden">
438-
<GlassBadge variant="muted" className="mb-4">Free</GlassBadge>
439-
<div className="font-heading text-3xl font-bold text-text-primary mb-1">&#8369;0</div>
440-
<div className="text-text-muted text-sm mb-6">Get started with basic prep</div>
441-
<GlassButton variant="secondary" size="sm" className="w-full mb-6" onClick={onGetStarted}>
442-
Get Started
443-
</GlassButton>
444-
<ul className="space-y-3">
445-
{["1 mock interview per week", "Beginner question bank", "Basic resume review", "Free downloads"].map((f) => (
446-
<li key={f} className="flex items-start gap-2.5 text-sm text-text-secondary">
447-
<Check className="w-4 h-4 text-accent-emerald mt-0.5 shrink-0" weight="light" />
448-
{f}
449-
</li>
450-
))}
451-
</ul>
452-
</GlassCard>
453-
</motion.div>
454-
455-
{/* Pro — Highlighted */}
456-
<motion.div variants={fadeUpVariants} custom={1}>
457451
<GlassCard variant="elevated" className="p-8 ring-1 ring-accent-violet/30 shadow-glass-glow overflow-hidden">
458-
<GlassBadge variant="accent" className="mb-4">
459-
<Crown className="w-3 h-3 mr-1" weight="light" /> Most Popular
460-
</GlassBadge>
461-
<div className="font-heading text-3xl font-bold text-text-primary mb-1">&#8369;499<span className="text-base font-normal text-text-muted">/mo</span></div>
462-
<div className="text-text-muted text-sm mb-6">Everything you need</div>
452+
<GlassBadge variant="accent" className="mb-4">Free Forever</GlassBadge>
453+
<div className="font-heading text-2xl font-bold text-text-primary mb-1">Interview Lab</div>
454+
<div className="text-text-muted text-sm mb-6">Everything you need to land the interview</div>
463455
<GlassButton size="sm" className="w-full mb-6" onClick={onGetStarted}>
464-
Start 7-Day Free Trial
456+
Start Free
465457
<ArrowUpRight className="w-4 h-4" weight="light" />
466458
</GlassButton>
467459
<ul className="space-y-3">
468-
{["5 mock interviews per week", "All question difficulties", "Unlimited resume reviews", "Unlimited cover letters", "Starter downloads", "Export to DOCX & PDF"].map((f) => (
460+
{["Unlimited mock interviews", "264+ question bank, all roles", "AI resume review", "Unlimited cover letters", "Practice tests & learning paths", "No card, no trial countdown"].map((f) => (
469461
<li key={f} className="flex items-start gap-2.5 text-sm text-text-secondary">
470462
<Check className="w-4 h-4 text-accent-indigo mt-0.5 shrink-0" weight="light" />
471463
{f}
@@ -475,17 +467,25 @@ export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps)
475467
</GlassCard>
476468
</motion.div>
477469

478-
{/* Premium */}
479-
<motion.div variants={fadeUpVariants} custom={2}>
470+
{/* Project Amazon PH Academy — Paid */}
471+
<motion.div variants={fadeUpVariants} custom={1}>
480472
<GlassCard className="p-8 overflow-hidden">
481-
<GlassBadge className="mb-4">Premium</GlassBadge>
482-
<div className="font-heading text-3xl font-bold text-text-primary mb-1">&#8369;999<span className="text-base font-normal text-text-muted">/mo</span></div>
483-
<div className="text-text-muted text-sm mb-6">For serious candidates</div>
484-
<GlassButton variant="secondary" size="sm" className="w-full mb-6" onClick={onGetStarted}>
485-
Start Free Trial
473+
<GlassBadge className="mb-4">
474+
<Crown className="w-3 h-3 mr-1" weight="light" /> Paid Academy
475+
</GlassBadge>
476+
<div className="font-heading text-2xl font-bold text-text-primary mb-1">Project Amazon PH Academy</div>
477+
<div className="text-text-muted text-sm mb-6">Structured courses for after you&apos;re hired — &#8369;2,999 to &#8369;9,999</div>
478+
<GlassButton
479+
variant="secondary"
480+
size="sm"
481+
className="w-full mb-6"
482+
onClick={() => window.open("https://projectamazonph.com", "_blank", "noopener,noreferrer")}
483+
>
484+
Explore the Academy
485+
<ArrowUpRight className="w-4 h-4" weight="light" />
486486
</GlassButton>
487487
<ul className="space-y-3">
488-
{["Unlimited mock interviews", "Advanced question bank", "AI coaching with feedback", "Priority support", "All downloads", "Admin access"].map((f) => (
488+
{["Full Amazon ads course curriculum", "Campaign Builder & Bid Elevator tools", "Certificates recognized in our hiring pipeline", "Ultimate tier: weekly live classes + 1-on-1 review"].map((f) => (
489489
<li key={f} className="flex items-start gap-2.5 text-sm text-text-secondary">
490490
<Check className="w-4 h-4 text-accent-emerald mt-0.5 shrink-0" weight="light" />
491491
{f}
@@ -581,11 +581,13 @@ export function LandingPage({ onGetStarted, onViewPrograms }: LandingPageProps)
581581
<div className="flex items-center gap-2">
582582
<Lightning className="w-4 h-4 text-accent-indigo" weight="light" />
583583
<span className="font-heading font-bold text-sm text-text-secondary">Interview Lab</span>
584+
<span className="text-text-muted text-xs">by Project Amazon PH</span>
584585
</div>
585586
<div className="flex items-center gap-6 text-text-muted text-xs">
586587
<a href="#privacy" className="hover:text-text-secondary transition-colors duration-400">Privacy</a>
587588
<a href="#terms" className="hover:text-text-secondary transition-colors duration-400">Terms</a>
588-
<span>&copy; {year} Interview Lab</span>
589+
<a href="https://projectamazonph.com" target="_blank" rel="noopener noreferrer" className="hover:text-text-secondary transition-colors duration-400">Academy</a>
590+
<span>&copy; {year} Project Amazon PH Interview Lab</span>
589591
</div>
590592
</div>
591593
</footer>

0 commit comments

Comments
 (0)