src/app/page.tsx

@@ -2,15 +2,15 @@
 
 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 FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Eye, Maximize, Scale, Scissors, Sparkles, Award, Star, Brush } from "lucide-react";
+import { Eye, Maximize, Scale, Scissors, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -125,18 +125,16 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "radial-gradient" }}
-      tag="Booking"
-      title="Let’s Work Together"
-      description="Email bookings@raniazargoun.com for all collaboration requests in Oran and worldwide."
-      buttonText="Send Email"
+      <ContactText
+      text="Let's collaborate: bookings@raniazargoun.com"
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={true}
+      buttons={[{ text: "Get In Touch", href: "mailto:bookings@raniazargoun.com" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       logoText="RANIA ZARGOUN"
       columns={[
         {