Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -1,122 +1,27 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="largeSmallSizeMediumTitles"
-        background="blurBottom"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
-    >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Bosh Sahifa",
-          id: "/",
-        },
-        {
-          name: "Menyu",
-          id: "/menu",
-        },
-        {
-          name: "Haqimizda",
-          id: "/about",
-        },
-        {
-          name: "Aloqa",
-          id: "/contact",
-        },
-        {
-          name: "Hisob",
-          id: "/account",
-        },
-      ]}
-      brandName="OSHTONCHA"
-    />
-  </div>
-
-  <div id="contact-body" data-section="contact-body">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Aloqa"
-      title="Bizga yozing"
-      description="Manzil: Toshkent shahar"
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Aloqa kanallari"
-      tag="Statistika"
-      metrics={[
-        {
-          id: "c1",
-          value: "24/7",
-          description: "Qo'llab-quvvatlash",
-        },
-        {
-          id: "c2",
-          value: "15 min",
-          description: "O'rtacha javob vaqti",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Menyu",
-          items: [
-            {
-              label: "Burgerlar",
-              href: "#",
-            },
-            {
-              label: "Pizzalar",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Biz haqimizda",
-          items: [
-            {
-              label: "Tarix",
-              href: "/about",
-            },
-            {
-              label: "Aloqa",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="OSHTONCHA"
-    />
-  </div>
-      </ReactLenis>
+    <ThemeProvider>
+      <NavbarStyleApple navItems={[{ name: "Bosh Sahifa", id: "/" }, { name: "Galereya", id: "/gallery" }, { name: "Blog", id: "/blog" }, { name: "Aloqa", id: "/contact" }]} brandName="OSHTONCHA" />
+      <main className="container mx-auto py-20">
+        <ContactCenter 
+          title="Biz bilan bog'laning"
+          description="Savollaringiz bo'lsa, bizga yozing yoki manzillarga tashrif buyuring."
+          tag="Aloqa"
+          background={{ variant: "plain" }}
+        />
+        <div className="mt-12 p-8 bg-gray-100 rounded-xl text-center">
+           <h2 className="text-2xl font-semibold">Manzil</h2>
+           <p>Toshkent shahar, Amir Temur ko'chasi, 12-uy</p>
+        </div>
+      </main>
+      <FooterBase columns={[{ title: "Sahifalar", items: [{ label: "Galereya", href: "/gallery" }, { label: "Blog", href: "/blog" }] }, { title: "Biz haqimizda", items: [{ label: "Haqimizda", href: "/about" }, { label: "Aloqa", href: "/contact" }] }]} logoText="OSHTONCHA" />
     </ThemeProvider>
   );
-}
+}