Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -52,6 +52,7 @@ export default function LandingPage() {
       brandName="Orlando Private School"
       button={{
         text: "Schedule a Tour",        href: "#contact"}}
+      buttonTextClassName="font-bold"
     />
   </div>
 
@@ -85,6 +86,7 @@ export default function LandingPage() {
         {
           text: "Learn More",          href: "#about"},
       ]}
+      buttonTextClassName="font-bold"
       avatars={[
         {
           src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg",          alt: "Parent avatar 1"},
@@ -142,6 +144,7 @@ export default function LandingPage() {
       ]}
       title="The Orlando Private School Difference"
       description="Here's what sets our education apart and ensures your child's success from Pre-K to 8th grade."
+      textBoxButtonTextClassName="font-bold"
     />
   </div>
 
@@ -167,6 +170,7 @@ export default function LandingPage() {
       ]}
       title="Voices of Our Community"
       description="Hear directly from parents, guardians, and former students about their enriching experiences at Orlando Private School."
+      textBoxButtonTextClassName="font-bold"
     />
   </div>
 
@@ -192,6 +196,7 @@ export default function LandingPage() {
       ]}
       title="Campus & Student Life Gallery"
       description="Immerse yourself in the vibrant life at Orlando Private School with a collage of moments from our classrooms, sports fields, art studios, and community events."
+      textBoxButtonTextClassName="font-bold"
     />
   </div>
 
@@ -215,6 +220,7 @@ export default function LandingPage() {
         {
           text: "Start with a Tour",          href: "#contact"},
       ]}
+      textBoxButtonTextClassName="font-bold"
     />
   </div>
 
@@ -241,6 +247,7 @@ export default function LandingPage() {
         {
           text: "Contact Admissions",          href: "#contact"},
       ]}
+      buttonTextClassName="font-bold"
       faqsAnimation="slide-up"
       textPosition="left"
     />
@@ -273,6 +280,8 @@ export default function LandingPage() {
       ]}
       title="Investing in Your Child's Future"
       description="Orlando Private School provides an affordable private education, representing a significant investment in your child's future with exceptional returns in academic achievement, personal growth, and lifelong success."
+      textBoxButtonTextClassName="font-bold"
+      planButtonTextClassName="font-bold"
     />
   </div>
 
@@ -288,6 +297,7 @@ export default function LandingPage() {
         {
           text: "Apply Today",          href: "#"},
       ]}
+      buttonTextClassName="font-bold"
     />
   </div>
 
@@ -328,9 +338,10 @@ export default function LandingPage() {
         },
       ]}
       logoText="Orlando Private School"
+      buttonClassName="font-bold"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f8f8f8;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #1f3251;
+  --foreground: #f5f5f5;
-  --primary-cta: #1f3251;
+  --primary-cta: #ffdf7d;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #000000;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #1f3251;
+  --secondary-cta-text: #ffffff;
-  --accent: #FFD700;
+  --accent: #b8860b;
-  --background-accent: #e6e6e6;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);