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 ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -22,10 +22,10 @@ export default function LandingPage() {
         contentWidth="mediumLarge"
         sizing="largeSmall"
         background="noise"
-        cardStyle="inset"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="layered"
-        headingFontWeight="medium"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -139,23 +139,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
+      tag="Contact"
+      title="Get in Touch"
+      description="We're located in the heart of Ożarów. Visit us for an elite grooming experience."
       useInvertedBackground={false}
       background={{ variant: "radial-gradient" }}
-      tag="Visit Us"
-      title="Book Your Visit"
-      description="Kolejowa 10, 05-850 Ożarów Mazowiecki. Phone: 577 881 965. Open Mon–Fri 10-20, Sat 10-18."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="AP Premium Barbershop"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "© 2024 Alberto Barbershop", href: "#" }}
+      <FooterBaseReveal
+      logoText="AP Premium"
+      columns={[
+          { title: "Services", items: [{ label: "Haircuts", href: "#services" }, { label: "Beard", href: "#services" }] },
+          { title: "Company", items: [{ label: "Team", href: "#team" }, { label: "Book", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}