Update src/app/page.tsx
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
@@ -19,34 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Target Test Prep"
|
||||
/>
|
||||
@@ -57,40 +45,13 @@ export default function LandingPage() {
|
||||
logoText="Target Test Prep"
|
||||
description="The industry-leading platform for mastery-based GMAT, GRE, and EA preparation. Proven results, granular analytics, and thousands of practice questions designed to help you succeed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Trial",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Start Your Trial", href: "#pricing" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336691.jpg",
|
||||
imageAlt: "GMAT Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-using-laptop-library_329181-14858.jpg",
|
||||
imageAlt: "Student Studying",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-brain-detailed-structure_23-2150929948.jpg",
|
||||
imageAlt: "Analytical Data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-fact-checking-before-drafting-financial-projections-white-board-doing-risk-assessment_482257-133749.jpg",
|
||||
imageAlt: "Problem Solving",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-workers-clients-pharmacy-with-greenscreen-monitor-pharmacists-working-with-isolated-chromakey-display-blank-mockup-copyspace-template-drugstore-with-customers_482257-61135.jpg",
|
||||
imageAlt: "Progress Tracking",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
imageAlt: "Performance Metrics",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336691.jpg", imageAlt: "GMAT Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/student-using-laptop-library_329181-14858.jpg", imageAlt: "Student Studying" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/human-brain-detailed-structure_23-2150929948.jpg", imageAlt: "Analytical Data" },
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
/>
|
||||
@@ -101,9 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Smarter Way to Prep"
|
||||
description={[
|
||||
"Target Test Prep is built on a mastery-based philosophy, ensuring you deeply understand every fundamental concept. We move beyond tricks to provide a thorough, no-stone-unturned learning experience.",
|
||||
"Our AI Coach and granular analytics allow you to track every sub-topic, helping you eliminate weaknesses and reach your goal score faster.",
|
||||
]}
|
||||
"Target Test Prep is built on a mastery-based philosophy, ensuring you deeply understand every fundamental concept.", "Our AI Coach and granular analytics allow you to track every sub-topic, helping you eliminate weaknesses and reach your goal score faster."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,39 +72,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "AI-Powered Coach",
|
||||
description: "Instant feedback and personalized insights that help you pinpoint errors.",
|
||||
},
|
||||
{
|
||||
icon: LineChart,
|
||||
title: "Granular Analytics",
|
||||
description: "Track pacing and accuracy across every single sub-topic in the GMAT curriculum.",
|
||||
},
|
||||
{
|
||||
icon: BookOpen,
|
||||
title: "1,200+ Lessons",
|
||||
description: "Master everything from Quant basics to advanced Data Insights.",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "4,000+ Questions",
|
||||
description: "Categorized by difficulty for optimal, realistic practice.",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "24/7 Expert Support",
|
||||
description: "Real instructor help whenever you hit a roadblock during your prep.",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Score Guarantees",
|
||||
description: "Backed by proven results that give you confidence in your progress.",
|
||||
},
|
||||
{ icon: Lightbulb, title: "AI-Powered Coach", description: "Instant feedback and personalized insights." },
|
||||
{ icon: LineChart, title: "Granular Analytics", description: "Track pacing and accuracy across every sub-topic." },
|
||||
{ icon: BookOpen, title: "1,200+ Lessons", description: "Master everything from Quant basics to advanced Data Insights." },
|
||||
]}
|
||||
title="Comprehensive Prep Tools"
|
||||
description="Powerful features designed for serious candidates who want to achieve top-tier scores through persistent practice and deep learning."
|
||||
description="Powerful features designed for serious candidates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,91 +87,21 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "flexible",
|
||||
badge: "Monthly",
|
||||
price: "$179 - $249 /mo",
|
||||
subtitle: "Cancel anytime",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Monthly",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full course access",
|
||||
"AI Coach integration",
|
||||
"Flexible timeline",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "dedicated",
|
||||
badge: "4 Months",
|
||||
price: "$449 - $799",
|
||||
subtitle: "Best for mid-range prep",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select 4-Month",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All features included",
|
||||
"Comprehensive curriculum",
|
||||
"Best value choice",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "max",
|
||||
badge: "6 Months",
|
||||
price: "$499 - $899",
|
||||
subtitle: "Significant score jump",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select 6-Month",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Extended duration",
|
||||
"Full analytical tools",
|
||||
"Max learning path",
|
||||
],
|
||||
},
|
||||
{ id: "flexible", badge: "Monthly", price: "$179/mo", subtitle: "Flexible access", buttons: [{ text: "Select", href: "#" }], features: ["Full access", "AI Coach", "Cancel anytime"] },
|
||||
{ id: "dedicated", badge: "4 Months", price: "$449", subtitle: "Best value", buttons: [{ text: "Select", href: "#" }], features: ["Everything included", "Deep curriculum", "Study schedule"] },
|
||||
]}
|
||||
title="Flexible Plans for Success"
|
||||
description="Choose a study duration that fits your schedule and goals. Start with our $1 trial."
|
||||
title="Flexible Plans"
|
||||
description="Choose a study duration that fits your goals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="TTP transformed my prep. The granular analytics and the mastery-based approach gave me a 150-point boost. It's the gold standard for GMAT Quant."
|
||||
testimonial="TTP transformed my prep. The mastery-based approach gave me a 150-point boost."
|
||||
rating={5}
|
||||
author="Sarah J."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/funny-smiling-asian-teenager_23-2148208921.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-african-man-with-crossed-arms-blue-wall_176420-2321.jpg",
|
||||
alt: "Michael C.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-holding-hands-waist-graduation-gown-cap-looking-confident_176474-82503.jpg",
|
||||
alt: "Emily R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-businesswoman-using-her-tablet_23-2148141784.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-businessman-with-leather-folder-head_1262-4728.jpg",
|
||||
alt: "Alex T.",
|
||||
},
|
||||
]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/funny-smiling-asian-teenager_23-2148208921.jpg", alt: "Sarah J." }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -247,34 +109,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is TTP suitable for beginners?",
|
||||
content: "Yes, our modular approach is perfect for building foundational knowledge.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Does TTP cover Data Insights?",
|
||||
content: "We provide a comprehensive Data Insights curriculum to ensure you are fully prepared for the updated test.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I get help from instructors?",
|
||||
content: "Absolutely, our 24/7 expert chat is available for all TTP subscribers.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How long should I study?",
|
||||
content: "Most users see best results with 300+ hours of study, which our 4-6 month plans accommodate.",
|
||||
},
|
||||
{ id: "q1", title: "Is TTP suitable for beginners?", content: "Yes, our modular approach is perfect." },
|
||||
{ id: "q2", title: "Does TTP cover Data Insights?", content: "Yes, fully updated curriculum." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/science-study-chemical-test-tube-experiment-laboratory-graphic_53876-123986.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our GMAT course? We have answers to help you start your study journey."
|
||||
title="Questions?"
|
||||
description="Answers to help you start your study journey."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -282,42 +122,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Start Your $1 Trial"
|
||||
description="See why Target Test Prep is the gold standard. Try the full platform for 5 days."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-modern-plexus-design_1048-15474.jpg"
|
||||
inputPlaceholder="Enter your email"
|
||||
tag="Get Started"
|
||||
mediaAnimation="blur-reveal"
|
||||
description="See why TTP is the gold standard."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="Target Test Prep"
|
||||
copyrightText="© 2026 Target Test Prep. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
columns={[
|
||||
{ items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user