diff --git a/src/app/page.tsx b/src/app/page.tsx index 8ecbe68..cea0ba4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,31 +20,19 @@ export default function LandingPage() { contentWidth="mediumSmall" sizing="largeSizeMediumTitles" background="none" - cardStyle="layered-gradient" - primaryButtonStyle="primary-glow" - secondaryButtonStyle="glass" + cardStyle="solid" + primaryButtonStyle="flat" + secondaryButtonStyle="solid" headingFontWeight="semibold" > @@ -191,38 +72,12 @@ export default function LandingPage() { @@ -232,41 +87,10 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} plans={[ - { - id: "basic", - tag: "Starter", - price: "$9/mo", - period: "billed monthly", - description: "Perfect for individual young learners.", - button: { - text: "Get Started", - }, - featuresTitle: "Includes", - features: [ - "10+ animal modules", - "Basic quiz access", - "Weekly progress email", - ], - }, - { - id: "classroom", - tag: "Classroom", - price: "$29/mo", - period: "billed monthly", - description: "Designed for teachers and groups.", - button: { - text: "Choose Classroom", - }, - featuresTitle: "Includes Everything +", - features: [ - "Unlimited access", - "Classroom dashboard", - "Teacher lesson guides", - ], - }, + { id: "basic", tag: "Starter", price: "$9/mo", period: "monthly", description: "Great for young explorers.", button: { text: "Select" }, featuresTitle: "What you get", features: ["Core Modules", "Quizzes"] }, ]} - title="Plans for Every Learner" - description="Choose the right plan to jumpstart your educational journey." + title="Affordable Learning Paths" + description="Choose the plan that fits your classroom or home needs." /> @@ -274,102 +98,30 @@ export default function LandingPage() {
); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 3d0e32c..2efba0b 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #ffffff; - --card: #f9f9f9; - --foreground: #000f06e6; + --background: #fafffb; + --card: #f7fffa; + --foreground: #001a0a; --primary-cta: #0a7039; --primary-cta-text: #ffffff; - --secondary-cta: #f9f9f9; + --secondary-cta: #ffffff; --secondary-cta-text: #000f06e6; - --accent: #e2e2e2; - --background-accent: #c4c4c4; + --accent: #a8d9be; + --background-accent: #6bbf8e; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);