src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -12,7 +12,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Globe, Layers, Users, Star } from "lucide-react";
+import { Globe, Layers, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -134,34 +134,19 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Connect"
-      title="Join the Circle"
-      description="Apply for early access to upcoming drops and private events."
+      <ContactText
+      text="Contact our concierge for bespoke styling or private booking sessions: support@rare.com | +1 (555) 012-3456"
       background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
+      buttons={[{ text: "Book Session", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterLogoReveal
       logoText="RARE"
-      columns={[
-        { 
-          title: "The Brand", 
-          items: [
-            { label: "Collection", href: "#products" },
-            { label: "Our Story", href: "#about" }
-          ] 
-        },
-        { 
-          title: "Experience", 
-          items: [
-            { label: "Support", href: "#contact" },
-            { label: "Information", href: "#faq" }
-          ] 
-        }
-      ]}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "© 2025 RARE Streetwear", href: "#" }}
     />
   </div>
       </ReactLenis>