Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -8,37 +8,29 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import TextAbout from '@/components/sections/about/TextAbout';
 import { Phone } from "lucide-react";
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Programs",
-          id: "/programs",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Programs", id: "/programs" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Contact", id: "/contact" }
       ]}
       brandName="Mazhalai Mozhi"
     />
@@ -49,23 +41,12 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Admission Process",
-          content: "Contact us at 099620 97138 for full details.",
-        },
-        {
-          id: "f2",
-          title: "Timings",
-          content: "Open from 9:00 AM, Monday to Saturday.",
-        },
+        { id: "f1", title: "Admission Process", content: "Contact us at 099620 97138 for full details." },
+        { id: "f2", title: "Timings", content: "Open from 9:00 AM, Monday to Saturday." }
       ]}
       ctaTitle="Book a Visit"
       ctaDescription="Contact us to schedule a visit or enquire about admissions."
-      ctaButton={{
-        text: "Call Now",
-        href: "tel:09962097138",
-      }}
+      ctaButton={{ text: "Call Now", href: "tel:09962097138" }}
       ctaIcon={Phone}
     />
   </div>
@@ -80,36 +61,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Programs",
-              href: "/programs",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call: 099620 97138",
-              href: "tel:09962097138",
-            },
-            {
-              label: "Email Enquiry",
-              href: "/contact",
-            },
-          ],
-        },
+        { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Programs", href: "/programs" }] },
+        { title: "Contact", items: [{ label: "Call: 099620 97138", href: "tel:09962097138" }, { label: "Email Enquiry", href: "/contact" }] }
       ]}
       bottomLeftText="© 2024 Mazhalai Mozhi Play School"
       bottomRightText="Madipakkam, Chennai"