Switch to version 1: modified src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -7,7 +7,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
-export default function ContactPage() {
+export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -25,10 +25,22 @@ export default function ContactPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        { name: "Biography", id: "/about" },
-        { name: "Home", id: "/" },
-        { name: "Gallery", id: "/gallery" },
-        { name: "Contact", id: "/contact" },
+        {
+          name: "Home",
+          id: "/",
+        },
+        {
+          name: "Gallery",
+          id: "/gallery",
+        },
+        {
+          name: "About",
+          id: "/about",
+        },
+        {
+          name: "Contact",
+          id: "/contact",
+        },
       ]}
       brandName="ELARA"
     />
@@ -37,18 +49,27 @@ export default function ContactPage() {
   <div id="contact-box" data-section="contact-box">
       <ContactCTA
       useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      background={{
+        variant: "plain",
+      }}
       tag="Inquiry"
       title="Work with us"
       description="Let's discuss your next project or exhibition."
-      buttons={[{ text: "Email Studio", href: "mailto:hello@elara.art" }]}
+      buttons={[
+        {
+          text: "Email Studio",
+          href: "mailto:hello@elara.art",
+        },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      background={{
+        variant: "plain",
+      }}
       tag="Newsletter"
       title="Stay Updated"
       description="Receive news on latest exhibitions and studio releases."
@@ -59,12 +80,36 @@ export default function ContactPage() {
       <FooterBaseCard
       logoText="ELARA"
       columns={[
-        { title: "Studio", items: [{ label: "Gallery", href: "/gallery" }, { label: "Biography", href: "/about" }] },
-        { title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Instagram", href: "#" }] },
+        {
+          title: "Studio",
+          items: [
+            {
+              label: "Gallery",
+              href: "/gallery",
+            },
+            {
+              label: "Biography",
+              href: "/about",
+            },
+          ],
+        },
+        {
+          title: "Connect",
+          items: [
+            {
+              label: "Contact",
+              href: "/contact",
+            },
+            {
+              label: "Instagram",
+              href: "#",
+            },
+          ],
+        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}