ok

src/components/CallToAction.jsx

@@ -3,6 +3,7 @@
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import { Logo } from '@/components/Logo'
+import { H2, PS } from '@/components/text'
   
 
 export function CallToAction() {
@@ -13,12 +14,12 @@ export function CallToAction() {
     >
       <Container className="relative">
         <div className="mx-auto max-w-3xl text-center">
-          <h2 className="lg:text-2xl font-light text-xl tracking-tight text-bg-darkbrown pt-4 lg:pt-6">
+          <H2>
           VEDA provides an unparalleled cruise experience on the Nile, blending authenticity with sophistication. Enjoy private journeys featuring organic cuisine, hollistic activities, and a dedicated, warm-hearted crew. 
-          </h2>
-          <p className="mt-4 text-lg lg:text-xl italic tracking-tight text-gold-900 pb-6">
+          </H2>
+          <PS>
           Discover a cruise like no other with us on the Nile.
-          </p>
+          </PS>
         </div>
       </Container>
     </section>