Update src/app/page.tsx

src/app/page.tsx

@@ -9,7 +9,8 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Calendar } from "lucide-react";
+import ContactText from '@/components/sections/contact/ContactText';
+import { Calendar, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,21 +31,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "home"},
-          id: "home",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="P.Cutz"
     />
@@ -56,9 +49,7 @@ export default function LandingPage() {
       description="Experience the sharpest cuts and finest grooming in the city. Where tradition meets modern style."
       buttons={[
         {
-          text: "Book Appointment",
+          text: "Book Appointment",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506206.jpg"
     />
@@ -69,14 +60,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Mastering the Art of Grooming"},
-          content: "Mastering the Art of Grooming",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-psd/barbershop-template-design_23-2151586247.jpg",          alt: "Barber tools"},
-          src: "http://img.b2bpic.net/free-psd/barbershop-template-design_23-2151586247.jpg",
-          alt: "Barber tools",
-        },
       ]}
     />
   </div>
@@ -88,49 +74,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "classic",
+          id: "classic",          title: "Classic Cut",          price: "$35",          period: "per session",          features: [
-          title: "Classic Cut",
+            "Haircut & Wash",            "Hot Towel",            "Neck Shave"],
-          price: "$35",
-          period: "per session",
-          features: [
-            "Haircut & Wash",
-            "Hot Towel",
-            "Neck Shave",
-          ],
           button: {
-            text: "Book Now",
+            text: "Book Now",            href: "#contact"},
-            href: "#contact",
-          },
         },
         {
-          id: "beard",
+          id: "beard",          title: "Beard Sculpting",          price: "$25",          period: "per session",          features: [
-          title: "Beard Sculpting",
+            "Beard Trim",            "Line Up",            "Beard Oil Application"],
-          price: "$25",
-          period: "per session",
-          features: [
-            "Beard Trim",
-            "Line Up",
-            "Beard Oil Application",
-          ],
           button: {
-            text: "Book Now",
+            text: "Book Now",            href: "#contact"},
-            href: "#contact",
-          },
         },
         {
-          id: "full",
+          id: "full",          title: "The Full P.Cutz",          price: "$55",          period: "per session",          features: [
-          title: "The Full P.Cutz",
+            "Haircut",            "Beard Trim",            "Straight Razor Shave"],
-          price: "$55",
-          period: "per session",
-          features: [
-            "Haircut",
-            "Beard Trim",
-            "Straight Razor Shave",
-          ],
           button: {
-            text: "Book Now",
+            text: "Book Now",            href: "#contact"},
-            href: "#contact",
-          },
         },
       ]}
       title="Our Services"
@@ -146,65 +105,43 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "John D.",          role: "Client",          company: "Local Regular",          rating: 5,
-          name: "John D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg"},
-          role: "Client",
-          company: "Local Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mike S.",          role: "Client",          company: "Professional",          rating: 5,
-          name: "Mike S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-happiness-emotions-concept-smiling-joyful-young-male-with-attractive-look-dressed-casual-white-t-shirt-looks-gladfully-aside-poses-against-studio-background-with-copy-space_273609-3426.jpg"},
-          role: "Client",
-          company: "Professional",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-happiness-emotions-concept-smiling-joyful-young-male-with-attractive-look-dressed-casual-white-t-shirt-looks-gladfully-aside-poses-against-studio-background-with-copy-space_273609-3426.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Alex R.",          role: "Client",          company: "Visitor",          rating: 5,
-          name: "Alex R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg"},
-          role: "Client",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg",
-        },
-        {
-          id: "4",
-          name: "David W.",
-          role: "Client",
-          company: "Long-time Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-pensive-man-with-beard-black-white-photo-with-low-contrast_613910-14630.jpg",
-        },
       ]}
       title="What Our Clients Say"
       description="Hear why P.Cutz is the top rated shop in the neighborhood."
     />
   </div>
 
+  <div id="contact-direct" data-section="contact-direct">
+      <ContactText 
+        text="Ready for a fresh look? Book your session with our master barbers today."
+        background={{ variant: "downward-rays-static" }}
+        useInvertedBackground={false}
+        buttons={[{ text: "Call Now", href: "tel:+15550123456" }]}
+      />
+  </div>
+
   <div id="contact" data-section="contact">
       <ContactFaq
       animationType="slide-up"
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Do I need an appointment?",          content: "We accept walk-ins, but appointments are recommended."},
-          title: "Do I need an appointment?",
-          content: "We accept walk-ins, but appointments are recommended.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "What payment methods do you accept?",          content: "We accept cash and all major credit cards."},
-          title: "What payment methods do you accept?",
-          content: "We accept cash and all major credit cards.",
-        },
       ]}
       ctaTitle="Visit Us Today"
       ctaDescription="Get your fresh cut at P.Cutz. We are located in the heart of the city."
       ctaButton={{
-        text: "Get Directions",
+        text: "Get Directions",        href: "#"}}
-        href: "#",
-      }}
       ctaIcon={Calendar}
     />
   </div>
@@ -213,25 +150,17 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "P.Cutz",
+          title: "P.Cutz",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}