Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -5,7 +5,8 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Top Gun Cuts Barbershop",  description: "Professional barbershop services in Biloxi, MS"};
+  title: "Top Gun Cuts Barbershop",  description: "Professional barbershop services in Biloxi, MS"
+};
 
 export default function RootLayout({
   children,
@@ -1384,4 +1385,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -6,9 +6,9 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import ContactText from '@/components/sections/contact/ContactText';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Check, Heart, Scissors, Star } from "lucide-react";
+import { Check, Heart, Scissors, Star, MapPin, Phone, Clock } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -122,28 +122,76 @@ export default function LandingPage() {
       </div>
 
       <div id="location" data-section="location">
-        <ContactText
-          text="Visit Top Gun Cuts Barbershop | 1670F Pass Rd, Biloxi, MS 39531 | Located in Commerce Court Shopping Center | Open Daily at 8:00 AM | Call +1 228-224-3114"
-          animationType="entrance-slide"
+        <TeamCardEleven
+          title="Visit Top Gun Cuts Barbershop"
+          description="Find us at our convenient location in Commerce Court Shopping Center. Stop by anytime during our business hours."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          groups={[
+            {
+              id: "address",              groupTitle: "Address",              members: [
+                {
+                  id: "1",                  title: "1670F Pass Road",                  subtitle: "Biloxi, MS 39531",                  detail: "Commerce Court Shopping Center",                  imageSrc: ""
+                }
+              ]
+            },
+            {
+              id: "phone",              groupTitle: "Phone",              members: [
+                {
+                  id: "2",                  title: "+1 228-224-3114",                  subtitle: "Call us to book",                  detail: "Available during business hours",                  imageSrc: ""
+                }
+              ]
+            },
+            {
+              id: "hours",              groupTitle: "Hours",              members: [
+                {
+                  id: "3",                  title: "Open Daily",                  subtitle: "8:00 AM onwards",                  detail: "Your convenience is our priority",                  imageSrc: ""
+                }
+              ]
+            }
+          ]}
           buttons={[
             { text: "Get Directions", href: "https://maps.google.com/?q=1670F+Pass+Rd,+Biloxi,+MS+39531" },
             { text: "Call Now", href: "tel:+12282243114" }
           ]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready for a Fresh Cut? Book your appointment or call us today to schedule your visit to Top Gun Cuts Barbershop."
-          animationType="reveal-blur"
+        <TeamCardEleven
+          title="Ready for a Fresh Cut?"
+          description="Book your appointment or reach out to us. We're excited to help you look your best."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          groups={[
+            {
+              id: "booking",              groupTitle: "Book Online",              members: [
+                {
+                  id: "1",                  title: "Schedule Your Visit",                  subtitle: "Quick and easy booking",                  detail: "Reserve your preferred time slot",                  imageSrc: ""
+                }
+              ]
+            },
+            {
+              id: "phone-contact",              groupTitle: "Call Us",              members: [
+                {
+                  id: "2",                  title: "+1 228-224-3114",                  subtitle: "Direct phone line",                  detail: "Speak with our team in real-time",                  imageSrc: ""
+                }
+              ]
+            },
+            {
+              id: "visit",              groupTitle: "Walk-Ins Welcome",              members: [
+                {
+                  id: "3",                  title: "Stop by anytime",                  subtitle: "No appointment needed",                  detail: "Experience our service firsthand",                  imageSrc: ""
+                }
+              ]
+            }
+          ]}
           buttons={[
-            { text: "Book Appointment", href: "contact" },
+            { text: "Book Appointment", href: "#contact" },
             { text: "Call Now", href: "tel:+12282243114" }
           ]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
         />
       </div>
 
@@ -171,7 +219,7 @@ export default function LandingPage() {
               title: "Contact",              items: [
                 { label: "Phone: +1 228-224-3114", href: "tel:+12282243114" },
                 { label: "1670F Pass Rd, Biloxi, MS 39531", href: "https://maps.google.com/?q=1670F+Pass+Rd,+Biloxi,+MS+39531" },
-                { label: "Open Daily at 8:00 AM", href: "#" }
+                { label: "Open Daily at 8:00 AM", href: "#location" }
               ]
             }
           ]}
@@ -179,4 +227,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}