Merge version_2 into main

Merge version_2 into main

src/app/careers/page.tsx

@@ -19,16 +19,16 @@ export default function CareersPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
+      defaultButtonVariant="text-shift"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="mediumSizeLargeTitles"
+      sizing="medium"
-      background="aurora"
+      background="none"
-      cardStyle="gradient-mesh"
+      cardStyle="solid"
-      primaryButtonStyle="diagonal-gradient"
+      primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -44,17 +44,17 @@ export default function CareersPage() {
           title="Transform Education with Us"
           description="Join Wacey and help millions of students succeed. We're building the future of learning, one passionate team member at a time."
           tag="Careers at Wacey"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           imageSrc="http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg?_wi=5"
           imageAlt="Wacey team collaboration"
           textPosition="center"
-          showBlur={true}
+          showBlur={false}
-          showDimOverlay={true}
+          showDimOverlay={false}
           buttons={[
             { text: "View Openings", href: "/careers" },
             { text: "Contact HR", href: "/contact" },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -63,32 +63,26 @@ export default function CareersPage() {
           title="Our Mission & Values"
           description="We believe education should be accessible, engaging, and transformative. Our team is dedicated to creating tools that empower educators and inspire learners."
           tag="Why Join Wacey"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
           bulletPoints={[
             {
-              title: "Impact-Driven",
+              title: "Impact-Driven",              description: "Every role directly contributes to improving educational outcomes for thousands of students",              icon: Lightbulb,
-              description: "Every role directly contributes to improving educational outcomes for thousands of students",
-              icon: Lightbulb,
             },
             {
-              title: "Diverse Team",
+              title: "Diverse Team",              description: "We bring together educators, technologists, and designers with shared passion for learning",              icon: Users,
-              description: "We bring together educators, technologists, and designers with shared passion for learning",
-              icon: Users,
             },
             {
-              title: "Supportive Culture",
+              title: "Supportive Culture",              description: "Growth opportunities, mentorship, and a workplace where everyone can thrive",              icon: Heart,
-              description: "Growth opportunities, mentorship, and a workplace where everyone can thrive",
-              icon: Heart,
             },
           ]}
           imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-winter-animals-collection_23-2149156073.jpg?_wi=2"
           imageAlt="Wacey team at work"
-          mediaAnimation="slide-up"
+          mediaAnimation="none"
           imagePosition="right"
           buttons={[{ text: "Explore Opportunities", href: "/careers" }]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -97,45 +91,27 @@ export default function CareersPage() {
           title="Open Positions"
           description="Discover current opportunities to join our growing team"
           tag="We're Hiring"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
             {
               id: 1,
-              tag: "Engineering",
+              tag: "Engineering",              title: "Senior Full Stack Developer",              subtitle: "Build scalable educational tech",              description:
-              title: "Senior Full Stack Developer",
+                "Join our backend and frontend teams to develop features that impact millions. You'll work with React, Next.js, and modern cloud infrastructure to create seamless learning experiences.",              imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-liquids-different-color_1150-19441.jpg?_wi=3",              imageAlt: "Development team",              buttons: [{ text: "Apply Now", href: "/contact" }],
-              subtitle: "Build scalable educational tech",
-              description:
-                "Join our backend and frontend teams to develop features that impact millions. You'll work with React, Next.js, and modern cloud infrastructure to create seamless learning experiences.",
-              imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-liquids-different-color_1150-19441.jpg?_wi=3",
-              imageAlt: "Development team",
-              buttons: [{ text: "Apply Now", href: "/contact" }],
             },
             {
               id: 2,
-              tag: "Education",
+              tag: "Education",              title: "Content & Curriculum Manager",              subtitle: "Shape our learning resources",              description:
-              title: "Content & Curriculum Manager",
+                "Design and oversee content strategy across Specialist, Methods, Chemistry, and Physics. Collaborate with educators to ensure our resources meet the highest academic standards.",              imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-176748.jpg?_wi=3",              imageAlt: "Content creation",              buttons: [{ text: "Apply Now", href: "/contact" }],
-              subtitle: "Shape our learning resources",
-              description:
-                "Design and oversee content strategy across Specialist, Methods, Chemistry, and Physics. Collaborate with educators to ensure our resources meet the highest academic standards.",
-              imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-176748.jpg?_wi=3",
-              imageAlt: "Content creation",
-              buttons: [{ text: "Apply Now", href: "/contact" }],
             },
             {
               id: 3,
-              tag: "Support",
+              tag: "Support",              title: "Customer Success Specialist",              subtitle: "Support our school partners",              description:
-              title: "Customer Success Specialist",
+                "Help educational institutions maximize the value of Wacey. Provide onboarding, training, and ongoing support to ensure our partners achieve their student success goals.",              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard_23-2148365531.jpg?_wi=3",              imageAlt: "Customer support",              buttons: [{ text: "Apply Now", href: "/contact" }],
-              subtitle: "Support our school partners",
-              description:
-                "Help educational institutions maximize the value of Wacey. Provide onboarding, training, and ongoing support to ensure our partners achieve their student success goals.",
-              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard_23-2148365531.jpg?_wi=3",
-              imageAlt: "Customer support",
-              buttons: [{ text: "Apply Now", href: "/contact" }],
             },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -146,19 +122,13 @@ export default function CareersPage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/wacey",
+              href: "https://twitter.com/wacey",              ariaLabel: "Follow us on Twitter"},
-              ariaLabel: "Follow us on Twitter",
-            },
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/wacey",
+              href: "https://linkedin.com/company/wacey",              ariaLabel: "Connect on LinkedIn"},
-              ariaLabel: "Connect on LinkedIn",
-            },
             {
               icon: Instagram,
-              href: "https://instagram.com/wacey",
+              href: "https://instagram.com/wacey",              ariaLabel: "Follow us on Instagram"},
-              ariaLabel: "Follow us on Instagram",
-            },
           ]}
         />
       </div>

src/app/contact/page.tsx

@@ -19,16 +19,16 @@ export default function ContactPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
+      defaultButtonVariant="text-shift"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="mediumSizeLargeTitles"
+      sizing="medium"
-      background="aurora"
+      background="none"
-      cardStyle="gradient-mesh"
+      cardStyle="solid"
-      primaryButtonStyle="diagonal-gradient"
+      primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -44,17 +44,17 @@ export default function ContactPage() {
           title="Get in Touch"
           description="Have questions about Wacey? Our support team is here to help. Contact us for pricing, technical support, or partnership opportunities."
           tag="We're Here to Help"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           imageSrc="http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg?_wi=4"
           imageAlt="Contact us interface"
           textPosition="center"
-          showBlur={true}
+          showBlur={false}
-          showDimOverlay={true}
+          showDimOverlay={false}
           buttons={[
             { text: "Email Us", href: "mailto:hello@wacey.com" },
             { text: "Schedule Call", href: "/contact" },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -63,12 +63,12 @@ export default function ContactPage() {
           tag="Newsletter"
           title="Stay Updated"
           description="Get the latest updates on new features, resources, and educational insights delivered to your inbox"
-          tagAnimation="slide-up"
+          tagAnimation="none"
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-vector/business-deal_52683-6807.jpg"
           imageAlt="Newsletter signup illustration"
-          mediaAnimation="slide-up"
+          mediaAnimation="none"
           mediaPosition="right"
           inputPlaceholder="Enter your email"
           buttonText="Subscribe"
@@ -81,29 +81,20 @@ export default function ContactPage() {
         <FaqSplitText
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "How do I add new subjects to my platform?",              content:
-              title: "How do I add new subjects to my platform?",
+                "Administrators can add new subject channels through the admin dashboard. Navigate to Content Management, select 'Add Subject Channel', and configure the subject name, description, and resource categories. New channels can be made available immediately or scheduled for future release."},
-              content:
-                "Administrators can add new subject channels through the admin dashboard. Navigate to Content Management, select 'Add Subject Channel', and configure the subject name, description, and resource categories. New channels can be made available immediately or scheduled for future release.",
-            },
             {
-              id: "2",
+              id: "2",              title: "Can I lock content behind a paywall?",              content:
-              title: "Can I lock content behind a paywall?",
+                "Yes, all resources within Wacey can be restricted using our flexible paywall system. Set access levels per resource, term, or entire subject channel. Premium content can be restricted to paid subscribers while keeping foundational materials free for all users."},
-              content:
-                "Yes, all resources within Wacey can be restricted using our flexible paywall system. Set access levels per resource, term, or entire subject channel. Premium content can be restricted to paid subscribers while keeping foundational materials free for all users.",
-            },
             {
-              id: "3",
+              id: "3",              title: "How is student progress tracked?",              content:
-              title: "How is student progress tracked?",
+                "Wacey provides real-time analytics dashboards showing completion percentages, score growth charts, and achievement metrics. Track progress by individual student, class, subject, or term. Export detailed reports for parent-teacher conferences and curriculum planning."},
-              content:
-                "Wacey provides real-time analytics dashboards showing completion percentages, score growth charts, and achievement metrics. Track progress by individual student, class, subject, or term. Export detailed reports for parent-teacher conferences and curriculum planning.",
-            },
           ]}
           sideTitle="Frequently Asked Questions"
           sideDescription="Everything you need to know about getting started with Wacey"
           textPosition="left"
           useInvertedBackground={false}
-          faqsAnimation="slide-up"
+          faqsAnimation="none"
         />
       </div>
 
@@ -114,19 +105,13 @@ export default function ContactPage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/wacey",
+              href: "https://twitter.com/wacey",              ariaLabel: "Follow us on Twitter"},
-              ariaLabel: "Follow us on Twitter",
-            },
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/wacey",
+              href: "https://linkedin.com/company/wacey",              ariaLabel: "Connect on LinkedIn"},
-              ariaLabel: "Connect on LinkedIn",
-            },
             {
               icon: Instagram,
-              href: "https://instagram.com/wacey",
+              href: "https://instagram.com/wacey",              ariaLabel: "Follow us on Instagram"},
-              ariaLabel: "Follow us on Instagram",
-            },
           ]}
         />
       </div>

src/app/layout.tsx

@@ -1,40 +1,26 @@
 import type { Metadata } from "next";
-import { Manrope } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const manrope = Manrope({
+const inter = Inter({
-  variable: "--font-manrope",
+  variable: "--font-inter",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Wacey - AI-Powered Educational Platform",
+  title: "Wacey - AI-Powered Educational Platform",  description: "Modern tutoring platform with structured content library, progress tracking, and AI guidance for specialist, methods, chemistry, and physics subjects across year groups 9-12.",  keywords: "online tutoring, education platform, physics, chemistry, methods, specialist subjects, progress tracking, AI tutor",  robots: {
-  description: "Modern tutoring platform with structured content library, progress tracking, and AI guidance for specialist, methods, chemistry, and physics subjects across year groups 9-12.",
-  keywords: "online tutoring, education platform, physics, chemistry, methods, specialist subjects, progress tracking, AI tutor",
-  robots: {
     index: true,
     follow: true,
   },
   openGraph: {
-    title: "Wacey - AI-Powered Educational Platform",
+    title: "Wacey - AI-Powered Educational Platform",    description: "Master your subjects with personalized learning paths and expert resources",    url: "https://wacey.com",    siteName: "Wacey",    type: "website",    images: [
-    description: "Master your subjects with personalized learning paths and expert resources",
-    url: "https://wacey.com",
-    siteName: "Wacey",
-    type: "website",
-    images: [
       {
-        url: "http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg",
+        url: "http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg",        alt: "Wacey tutoring platform interface"},
-        alt: "Wacey tutoring platform interface",
-      },
     ],
   },
   twitter: {
-    card: "summary_large_image",
+    card: "summary_large_image",    title: "Wacey - AI-Powered Educational Platform",    description: "Master your subjects with personalized learning paths and expert resources",    images: ["http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg"],
-    title: "Wacey - AI-Powered Educational Platform",
-    description: "Master your subjects with personalized learning paths and expert resources",
-    images: ["http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg"],
   },
 };
 
@@ -46,7 +32,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${manrope.variable} antialiased`}>
+        <body className={`${inter.variable} antialiased`}>
           <Tag />
           {children}
         

src/app/library/page.tsx

@@ -19,16 +19,16 @@ export default function LibraryPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
+      defaultButtonVariant="text-shift"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="mediumSizeLargeTitles"
+      sizing="medium"
-      background="aurora"
+      background="none"
-      cardStyle="gradient-mesh"
+      cardStyle="solid"
-      primaryButtonStyle="diagonal-gradient"
+      primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -44,17 +44,17 @@ export default function LibraryPage() {
           title="Explore Our Content Library"
           description="Access comprehensive, expert-curated resources organized by year group, subject, and term. From Specialist to Physics, find everything you need for academic success."
           tag="Learning Resources"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           imageSrc="http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg?_wi=2"
           imageAlt="Content library interface"
           textPosition="center"
-          showBlur={true}
+          showBlur={false}
-          showDimOverlay={true}
+          showDimOverlay={false}
           buttons={[
             { text: "Browse Subjects", href: "/library" },
             { text: "Request Access", href: "/contact" },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -63,34 +63,28 @@ export default function LibraryPage() {
           title="Comprehensive Resource Organization"
           description="Our content library is carefully structured to support every learning style and academic level. From foundational concepts to advanced topics, discover resources tailored to your educational journey."
           tag="How Our Library Works"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
           bulletPoints={[
             {
-              title: "By Year Group",
+              title: "By Year Group",              description: "Dedicated content pathways for Year 9, 10, 11, and 12 students with age-appropriate complexity",              icon: BookOpen,
-              description: "Dedicated content pathways for Year 9, 10, 11, and 12 students with age-appropriate complexity",
-              icon: BookOpen,
             },
             {
-              title: "By Subject",
+              title: "By Subject",              description: "Expert resources for Specialist, Methods, Chemistry, and Physics with depth and breadth",              icon: Filter,
-              description: "Expert resources for Specialist, Methods, Chemistry, and Physics with depth and breadth",
-              icon: Filter,
             },
             {
-              title: "By Term Structure",
+              title: "By Term Structure",              description: "Organized across academic terms with progressive learning objectives and assessments",              icon: Layers,
-              description: "Organized across academic terms with progressive learning objectives and assessments",
-              icon: Layers,
             },
           ]}
           imageSrc="http://img.b2bpic.net/free-vector/organization-chart_52683-8995.jpg?_wi=2"
           imageAlt="Content organization system"
-          mediaAnimation="slide-up"
+          mediaAnimation="none"
           imagePosition="right"
           buttons={[
             { text: "View All Resources", href: "/library" },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -99,42 +93,24 @@ export default function LibraryPage() {
           title="Resource Management Tools"
           description="Advanced features to help educators and administrators maximize the content library"
           tag="Admin Features"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
             {
               id: 1,
-              tag: "Content Upload",
+              tag: "Content Upload",              title: "Add Your Own Materials",              subtitle: "Seamless integration with existing resources",              description:
-              title: "Add Your Own Materials",
+                "Upload custom worksheets, videos, and assessments directly to your subjects. Organize them by term and control access levels with flexible paywall settings.",              imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-liquids-different-color_1150-19441.jpg?_wi=2",              imageAlt: "Content upload interface"},
-              subtitle: "Seamless integration with existing resources",
-              description:
-                "Upload custom worksheets, videos, and assessments directly to your subjects. Organize them by term and control access levels with flexible paywall settings.",
-              imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-liquids-different-color_1150-19441.jpg?_wi=2",
-              imageAlt: "Content upload interface",
-            },
             {
               id: 2,
-              tag: "Search & Filter",
+              tag: "Search & Filter",              title: "Find Resources Instantly",              subtitle: "Powerful discovery tools",              description:
-              title: "Find Resources Instantly",
+                "Use advanced filters by year, subject, term, and resource type. Save favorite resources and create custom collections for quick access during lessons.",              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard_23-2148365531.jpg?_wi=2",              imageAlt: "Search interface"},
-              subtitle: "Powerful discovery tools",
-              description:
-                "Use advanced filters by year, subject, term, and resource type. Save favorite resources and create custom collections for quick access during lessons.",
-              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard_23-2148365531.jpg?_wi=2",
-              imageAlt: "Search interface",
-            },
             {
               id: 3,
-              tag: "Analytics",
+              tag: "Analytics",              title: "Track Resource Usage",              subtitle: "Understand student engagement",              description:
-              title: "Track Resource Usage",
+                "See which resources students engage with most. Identify gaps in understanding and optimize your content strategy based on real usage patterns.",              imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-176748.jpg?_wi=2",              imageAlt: "Analytics dashboard"},
-              subtitle: "Understand student engagement",
-              description:
-                "See which resources students engage with most. Identify gaps in understanding and optimize your content strategy based on real usage patterns.",
-              imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-176748.jpg?_wi=2",
-              imageAlt: "Analytics dashboard",
-            },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -145,19 +121,13 @@ export default function LibraryPage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/wacey",
+              href: "https://twitter.com/wacey",              ariaLabel: "Follow us on Twitter"},
-              ariaLabel: "Follow us on Twitter",
-            },
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/wacey",
+              href: "https://linkedin.com/company/wacey",              ariaLabel: "Connect on LinkedIn"},
-              ariaLabel: "Connect on LinkedIn",
-            },
             {
               icon: Instagram,
-              href: "https://instagram.com/wacey",
+              href: "https://instagram.com/wacey",              ariaLabel: "Follow us on Instagram"},
-              ariaLabel: "Follow us on Instagram",
-            },
           ]}
         />
       </div>

src/app/page.tsx

@@ -22,16 +22,16 @@ export default function HomePage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
+      defaultButtonVariant="text-shift"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="mediumSizeLargeTitles"
+      sizing="medium"
-      background="aurora"
+      background="none"
-      cardStyle="gradient-mesh"
+      cardStyle="solid"
-      primaryButtonStyle="diagonal-gradient"
+      primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -47,17 +47,17 @@ export default function HomePage() {
           title="Master Your Subjects with Wacey"
           description="Interactive learning platform with personalized guidance from your AI tutor. Expert resources for Specialist, Methods, Chemistry, and Physics across all year groups."
           tag="AI-Powered Learning"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           imageSrc="http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg?_wi=1"
           imageAlt="Wacey tutoring interface"
           textPosition="center"
-          showBlur={true}
+          showBlur={false}
-          showDimOverlay={true}
+          showDimOverlay={false}
           buttons={[
             { text: "Explore Content", href: "/library" },
             { text: "Start Free Trial", href: "/pricing" },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -66,37 +66,29 @@ export default function HomePage() {
           title="Meet Wacey, Your Learning Companion"
           description="Your friendly AI tutor is here to guide you through every lesson. With an intuitive interface and expert-curated resources, Wacey makes mastering complex subjects engaging and accessible."
           tag="Your Personal Tutor"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
           bulletPoints={[
             {
-              title: "Smart Guidance",
+              title: "Smart Guidance",              description: "Interactive tours and personalized learning paths tailored to your progress",              icon: Sparkles,
-              description: "Interactive tours and personalized learning paths tailored to your progress",
-              icon: Sparkles,
             },
             {
-              title: "Comprehensive Resources",
+              title: "Comprehensive Resources",              description: "Expert-curated materials for Specialist, Methods, Chemistry, and Physics",              icon: BookOpen,
-              description: "Expert-curated materials for Specialist, Methods, Chemistry, and Physics",
-              icon: BookOpen,
             },
             {
-              title: "Progress Tracking",
+              title: "Progress Tracking",              description: "Real-time charts and completion percentages to monitor your growth",              icon: TrendingUp,
-              description: "Real-time charts and completion percentages to monitor your growth",
-              icon: TrendingUp,
             },
             {
-              title: "Flexible Learning",
+              title: "Flexible Learning",              description: "Organized by year groups and terms with admin-controlled paywall options",              icon: Lock,
-              description: "Organized by year groups and terms with admin-controlled paywall options",
-              icon: Lock,
             },
           ]}
           imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-winter-animals-collection_23-2149156073.jpg?_wi=1"
           imageAlt="Wacey mascot with fedora"
-          mediaAnimation="slide-up"
+          mediaAnimation="none"
           imagePosition="right"
           buttons={[{ text: "Learn More", href: "/library" }]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -105,42 +97,24 @@ export default function HomePage() {
           title="Structured Learning System"
           description="Navigate through year groups with organized subject channels and progressive content unlocking"
           tag="Platform Features"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
             {
               id: 1,
-              tag: "Year Groups",
+              tag: "Year Groups",              title: "Organized by Education Level",              subtitle: "Year 9 through Year 12 pathways",              description:
-              title: "Organized by Education Level",
+                "Browse content organized by academic year. Each year group contains subject channels with expandable sections for specialized learning paths.",              imageSrc: "http://img.b2bpic.net/free-vector/organization-chart_52683-8995.jpg?_wi=1",              imageAlt: "Year group organization"},
-              subtitle: "Year 9 through Year 12 pathways",
-              description:
-                "Browse content organized by academic year. Each year group contains subject channels with expandable sections for specialized learning paths.",
-              imageSrc: "http://img.b2bpic.net/free-vector/organization-chart_52683-8995.jpg?_wi=1",
-              imageAlt: "Year group organization",
-            },
             {
               id: 2,
-              tag: "Subject Channels",
+              tag: "Subject Channels",              title: "Expert Subject Categories",              subtitle: "Specialist, Methods, Chemistry, Physics",              description:
-              title: "Expert Subject Categories",
+                "Access dedicated channels for each subject with admin-controlled content management. Add resources, organize materials, and track student progress per subject.",              imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-liquids-different-color_1150-19441.jpg?_wi=1",              imageAlt: "Subject channels interface"},
-              subtitle: "Specialist, Methods, Chemistry, Physics",
-              description:
-                "Access dedicated channels for each subject with admin-controlled content management. Add resources, organize materials, and track student progress per subject.",
-              imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-liquids-different-color_1150-19441.jpg?_wi=1",
-              imageAlt: "Subject channels interface",
-            },
             {
               id: 3,
-              tag: "Term Structure",
+              tag: "Term Structure",              title: "Term-Based Content Organization",              subtitle: "Term 1 through Term 4 divisions",              description:
-              title: "Term-Based Content Organization",
+                "Content organized across academic terms with subsections and paywall controls. Track completion rates and student achievement metrics for each term.",              imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-176748.jpg?_wi=1",              imageAlt: "Term-based organization"},
-              subtitle: "Term 1 through Term 4 divisions",
-              description:
-                "Content organized across academic terms with subsections and paywall controls. Track completion rates and student achievement metrics for each term.",
-              imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-176748.jpg?_wi=1",
-              imageAlt: "Term-based organization",
-            },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -149,36 +123,18 @@ export default function HomePage() {
           title="Track Your Progress"
           description="Real-time analytics with completion percentages and growth charts for every subject and term"
           tag="Performance Metrics"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
           useInvertedBackground={false}
           metrics={[
             {
-              id: "1",
+              id: "1",              value: "95%",              title: "Average Completion",              description: "Students completing assigned resources",              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard_23-2148365531.jpg?_wi=1",              imageAlt: "Completion statistics"},
-              value: "95%",
-              title: "Average Completion",
-              description: "Students completing assigned resources",
-              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard_23-2148365531.jpg?_wi=1",
-              imageAlt: "Completion statistics",
-            },
             {
-              id: "2",
+              id: "2",              value: "4.8/5",              title: "Student Satisfaction",              description: "Average rating from learners worldwide",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-nps-infographic_23-2149966441.jpg",              imageAlt: "Student feedback metrics"},
-              value: "4.8/5",
-              title: "Student Satisfaction",
-              description: "Average rating from learners worldwide",
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-nps-infographic_23-2149966441.jpg",
-              imageAlt: "Student feedback metrics",
-            },
             {
-              id: "3",
+              id: "3",              value: "2000+",              title: "Resources Available",              description: "Expert-curated content across all subjects",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-studying-with-tablettextbooks-cup-coffee-desk-cozy-home_574295-3876.jpg",              imageAlt: "Resource library count"},
-              value: "2000+",
-              title: "Resources Available",
-              description: "Expert-curated content across all subjects",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-studying-with-tablettextbooks-cup-coffee-desk-cozy-home_574295-3876.jpg",
-              imageAlt: "Resource library count",
-            },
           ]}
-          animationType="slide-up"
+          animationType="none"
         />
       </div>
 
@@ -190,15 +146,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Cambridge Academy",
+            "Cambridge Academy",            "Oxford Prep",            "Trinity School",            "St Andrews International",            "Westfield Academy",            "Ashton College",            "Brighton University Prep",            "London Grammar School"]}
-            "Oxford Prep",
-            "Trinity School",
-            "St Andrews International",
-            "Westfield Academy",
-            "Ashton College",
-            "Brighton University Prep",
-            "London Grammar School",
-          ]}
           speed={40}
           showCard={true}
         />
@@ -211,33 +159,21 @@ export default function HomePage() {
           author="Dr. Sarah Johnson, Head of Sciences"
           avatars={[
             {
-              src: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",
+              src: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",              alt: "School administrator 1"},
-              alt: "School administrator 1",
-            },
             {
-              src: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",
+              src: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",              alt: "School administrator 2"},
-              alt: "School administrator 2",
-            },
             {
-              src: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",
+              src: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",              alt: "School administrator 3"},
-              alt: "School administrator 3",
-            },
             {
-              src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
+              src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              alt: "Teacher 1"},
-              alt: "Teacher 1",
-            },
             {
-              src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
+              src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              alt: "Teacher 2"},
-              alt: "Teacher 2",
-            },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
+              src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",              alt: "Student representative"},
-              alt: "Student representative",
-            },
           ]}
           useInvertedBackground={false}
-          ratingAnimation="slide-up"
+          ratingAnimation="none"
-          avatarsAnimation="slide-up"
+          avatarsAnimation="none"
         />
       </div>
 
@@ -248,19 +184,13 @@ export default function HomePage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/wacey",
+              href: "https://twitter.com/wacey",              ariaLabel: "Follow us on Twitter"},
-              ariaLabel: "Follow us on Twitter",
-            },
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/wacey",
+              href: "https://linkedin.com/company/wacey",              ariaLabel: "Connect on LinkedIn"},
-              ariaLabel: "Connect on LinkedIn",
-            },
             {
               icon: Instagram,
-              href: "https://instagram.com/wacey",
+              href: "https://instagram.com/wacey",              ariaLabel: "Follow us on Instagram"},
-              ariaLabel: "Follow us on Instagram",
-            },
           ]}
         />
       </div>

src/app/pricing/page.tsx

@@ -18,16 +18,16 @@ export default function PricingPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
+      defaultButtonVariant="text-shift"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="mediumSizeLargeTitles"
+      sizing="medium"
-      background="aurora"
+      background="none"
-      cardStyle="gradient-mesh"
+      cardStyle="solid"
-      primaryButtonStyle="diagonal-gradient"
+      primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -43,17 +43,17 @@ export default function PricingPage() {
           title="Simple, Transparent Pricing"
           description="Choose the perfect plan for your institution. All plans include core features with flexible add-ons. Scale your investment as your student base grows."
           tag="Flexible Plans"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           imageSrc="http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg?_wi=3"
           imageAlt="Pricing plans overview"
           textPosition="center"
-          showBlur={true}
+          showBlur={false}
-          showDimOverlay={true}
+          showDimOverlay={false}
           buttons={[
             { text: "Compare Plans", href: "/pricing" },
             { text: "Contact Sales", href: "/contact" },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 
@@ -61,63 +61,37 @@ export default function PricingPage() {
         <PricingCardThree
           plans={[
             {
-              id: "starter",
+              id: "starter",              price: "£199/mo",              name: "Starter",              buttons: [
-              price: "£199/mo",
-              name: "Starter",
-              buttons: [
                 { text: "Get Started", href: "https://example.com/signup" },
                 { text: "Chat to Sales", href: "/contact" },
               ],
               features: [
-                "Up to 100 students",
+                "Up to 100 students",                "2 subject channels",                "Basic analytics dashboard",                "Email support"],
-                "2 subject channels",
-                "Basic analytics dashboard",
-                "Email support",
-              ],
             },
             {
-              id: "professional",
+              id: "professional",              badge: "Most Popular",              badgeIcon: Sparkles,
-              badge: "Most Popular",
+              price: "£499/mo",              name: "Professional",              buttons: [
-              badgeIcon: Sparkles,
-              price: "£499/mo",
-              name: "Professional",
-              buttons: [
                 { text: "Get Started", href: "https://example.com/signup" },
                 { text: "Chat to Sales", href: "/contact" },
               ],
               features: [
-                "Up to 500 students",
+                "Up to 500 students",                "All 4 subject channels",                "Advanced analytics & charts",                "Progress tracking by term",                "Paywall content control",                "Priority support"],
-                "All 4 subject channels",
-                "Advanced analytics & charts",
-                "Progress tracking by term",
-                "Paywall content control",
-                "Priority support",
-              ],
             },
             {
-              id: "enterprise",
+              id: "enterprise",              price: "Custom",              name: "Enterprise",              buttons: [
-              price: "Custom",
-              name: "Enterprise",
-              buttons: [
                 { text: "Contact Sales", href: "/contact" },
                 { text: "Schedule Demo", href: "/contact" },
               ],
               features: [
-                "Unlimited students",
+                "Unlimited students",                "Full platform access",                "Custom integrations",                "Dedicated account manager",                "Advanced security features",                "24/7 support"],
-                "Full platform access",
-                "Custom integrations",
-                "Dedicated account manager",
-                "Advanced security features",
-                "24/7 support",
-              ],
             },
           ]}
           title="Flexible Pricing Plans"
           description="Choose the perfect plan for your institution. All plans include core features with flexible add-ons."
           tag="Transparent Pricing"
-          tagAnimation="slide-up"
+          tagAnimation="none"
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="none"
           useInvertedBackground={false}
         />
       </div>
@@ -129,19 +103,13 @@ export default function PricingPage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/wacey",
+              href: "https://twitter.com/wacey",              ariaLabel: "Follow us on Twitter"},
-              ariaLabel: "Follow us on Twitter",
-            },
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/wacey",
+              href: "https://linkedin.com/company/wacey",              ariaLabel: "Connect on LinkedIn"},
-              ariaLabel: "Connect on LinkedIn",
-            },
             {
               icon: Instagram,
-              href: "https://instagram.com/wacey",
+              href: "https://instagram.com/wacey",              ariaLabel: "Follow us on Instagram"},
-              ariaLabel: "Follow us on Instagram",
-            },
           ]}
         />
       </div>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
+  /* --background: #ffffff;;
-  --card: #ffffff;;
+  --card: #f9f9f9;;
-  --foreground: #1c1c1c;;
+  --foreground: #000000;;
-  --primary-cta: #159c49;;
+  --primary-cta: #1c1c1c;;
   --secondary-cta: #ffffff;;
-  --accent: #159c49;;
+  --accent: #e2e2e2;;
-  --background-accent: #a8e8ba;; */
+  --background-accent: #d4d4d4;; */
 
-  --background: #f5f5f5;;
+  --background: #ffffff;;
-  --card: #ffffff;;
+  --card: #f9f9f9;;
-  --foreground: #1c1c1c;;
+  --foreground: #000000;;
-  --primary-cta: #159c49;;
+  --primary-cta: #1c1c1c;;
   --primary-cta-text: #f5f5f5;;
   --secondary-cta: #ffffff;;
   --secondary-cta-text: #1c1c1c;;
-  --accent: #159c49;;
+  --accent: #e2e2e2;;
-  --background-accent: #a8e8ba;;
+  --background-accent: #d4d4d4;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);