Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -31,16 +31,16 @@ export default function LandingPage() {
         { name: "Courses", id: "courses" },
         { name: "Contact", id: "contact" },
       ]}
-      brandName="Safety First Academy"
+      brandName="Safety Academy"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroOverlayTestimonial
-      title="Professional Safety & Compliance Courses"
-      description="Master essential workplace safety protocols with our industry-leading educational programs."
+      title="Leading Safety Education & Compliance Training"
+      description="Empowering professionals with globally recognized safety standards and essential workplace compliance certifications."
       testimonials={[]}
-      buttons={[{ text: "Start Your Medical Journey", href: "#contact" }]}
+      buttons={[{ text: "Explore Our Programs", href: "#courses" }]}
       imageSrc="https://images.unsplash.com/photo-1581092160607-ee22621dd758?q=80&w=2070&auto=format&fit=crop"
     />
   </div>
@@ -48,12 +48,12 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Commitment to Workplace Safety"
-      description="We provide rigorous training to ensure workers, students, and professionals meet the highest safety standards in their respective fields."
+      title="Our Safety Education Mission"
+      description="We are dedicated to building a culture of safety across industries. Through rigorous training and expert-led curriculum, we empower individuals to identify risks, prevent accidents, and maintain the highest standard of international compliance in the workplace."
       metrics={[
-        { value: "10k+", title: "Students Trained" },
-        { value: "99%", title: "Certification Rate" },
-        { value: "20+", title: "Accredited Courses" },
+        { value: "10k+", title: "Safety Experts Trained" },
+        { value: "99%", title: "Certification Success" },
+        { value: "7+", title: "Global Accreditations" },
       ]}
       imageSrc="https://images.unsplash.com/photo-1504917595217-d4f5ebe612b0?q=80&w=2070&auto=format&fit=crop"
     />
@@ -66,22 +66,25 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        { id: "p1", name: "Basic First Aid", price: "Certification", imageSrc: "https://images.unsplash.com/photo-1584036561566-baf8f5f1b144?q=80&w=1000&auto=format&fit=crop" },
-        { id: "p2", name: "Hazard Identification", price: "Advanced", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?q=80&w=1000&auto=format&fit=crop" },
-        { id: "p3", name: "Fire Safety Protocol", price: "Core", imageSrc: "https://images.unsplash.com/photo-1590602847861-f357a9332bbc?q=80&w=1000&auto=format&fit=crop" }
+        { id: "p1", name: "First Aid", price: "Certification", imageSrc: "https://images.unsplash.com/photo-1584036561566-baf8f5f1b144?q=80&w=1000&auto=format&fit=crop" },
+        { id: "p2", name: "ISO 14001", price: "Environmental", imageSrc: "https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?q=80&w=1000&auto=format&fit=crop" },
+        { id: "p3", name: "ISO 9001", price: "Quality Mgmt", imageSrc: "https://images.unsplash.com/photo-1450101499163-c8848c66ca85?q=80&w=1000&auto=format&fit=crop" },
+        { id: "p4", name: "ISO 45001", price: "Occupational", imageSrc: "https://images.unsplash.com/photo-1530124566582-a618bc2610d4?q=80&w=1000&auto=format&fit=crop" },
+        { id: "p5", name: "OSHA", price: "Compliance", imageSrc: "https://images.unsplash.com/photo-1517048676732-d65bc937f952?q=80&w=1000&auto=format&fit=crop" },
+        { id: "p6", name: "NEBOSH / IOSH", price: "Safety Mgmt", imageSrc: "https://images.unsplash.com/photo-1505322104637-4d2093554fd8?q=80&w=1000&auto=format&fit=crop" }
       ]}
-      title="Safety Training Curriculum"
-      description="Expertly crafted courses for modern workplace environments."
+      title="Professional Safety Certifications"
+      description="Gain essential credentials with our curated selection of industry-recognized courses."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        { title: "Programs", items: [{ label: "Course List", href: "#courses" }] },
-        { title: "Support", items: [{ label: "Contact Us", href: "#contact" }] }
+        { title: "Programs", items: [{ label: "First Aid", href: "#courses" }, { label: "ISO Standards", href: "#courses" }, { label: "OSHA/NEBOSH", href: "#courses" }] },
+        { title: "Company", items: [{ label: "Mission", href: "#about" }, { label: "Contact", href: "#contact" }] }
       ]}
-      logoText="Safety First Academy"
+      logoText="Safety Academy"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000f06;
-  --card: #081a10;
-  --foreground: #f0fff4;
+  --background: #fdfdfd;
+  --card: #f8fafc;
+  --foreground: #0f172a;
   --primary-cta: #059669;
   --primary-cta-text: #000000;
-  --secondary-cta: #10b981;
+  --secondary-cta: #f1f5f9;
   --secondary-cta-text: #ffffff;
-  --accent: #047857;
-  --background-accent: #065f46;
+  --accent: #e2e8f0;
+  --background-accent: #ecfdf5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);