src/app/page.tsx

@@ -29,18 +29,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Metrics",          id: "metrics"},
-        {
-          name: "FAQ",          id: "faq"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Features", id: "features" },
+        { name: "Metrics", id: "metrics" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="CUT"
     />
@@ -48,15 +42,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       logoText="CHINHOYI UNIVERSITY OF TECHNOLOGY"
       description="Empowering the next generation of innovators, engineers, and digital leaders through cutting-edge technology and academic excellence."
       buttons={[
-        {
-          text: "Explore Programs",          href: "#about"},
-        {
-          text: "Apply Now",          href: "#contact"},
+        { text: "Explore Programs", href: "#about" },
+        { text: "Apply Now", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/unfocused-view-university-territory_23-2147659197.jpg"
       mediaAnimation="slide-up"
@@ -95,7 +86,7 @@ export default function LandingPage() {
       <MetricCardTen
       animationType="slide-up"
       useInvertedBackground={false}
-      textboxLayout="centered"
+      textboxLayout="default"
       metrics={[
         {
           id: "m1",          title: "Students",          subtitle: "Total Enrolled",          category: "Population",          value: "15,000+"},
@@ -130,8 +121,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Newsletter"
       title="Stay Informed"
       description="Sign up for our newsletter for news about upcoming intakes, seminars, and technological breakthroughs at CUT."
@@ -146,32 +136,23 @@ export default function LandingPage() {
       columns={[
         {
           title: "Quick Links",          items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "Admissions",              href: "#"},
-            {
-              label: "Library",              href: "#"},
+            { label: "Home", href: "#hero" },
+            { label: "Admissions", href: "#" },
+            { label: "Library", href: "#" },
           ],
         },
         {
           title: "Academic",          items: [
-            {
-              label: "Engineering",              href: "#"},
-            {
-              label: "Business",              href: "#"},
-            {
-              label: "Technology",              href: "#"},
+            { label: "Engineering", href: "#" },
+            { label: "Business", href: "#" },
+            { label: "Technology", href: "#" },
           ],
         },
         {
           title: "Connect",          items: [
-            {
-              label: "Twitter",              href: "#"},
-            {
-              label: "Facebook",              href: "#"},
-            {
-              label: "Contact",              href: "#contact"},
+            { label: "Twitter", href: "#" },
+            { label: "Facebook", href: "#" },
+            { label: "Contact", href: "#contact" },
           ],
         },
       ]}
@@ -180,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}