Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import { Award, Car, Crown, ShieldCheck, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Texas Nena Transportation"
     />
@@ -54,46 +41,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Luxury Transportation, Executed with Precision"
       description="Private Chauffeur • Executive Sprinters • Luxury SUVs • Motorcoaches. Serving Austin and surrounding destinations with professionalism, reliability, and elevated service."
       buttons={[
-        {
-          text: "Request a Quote",
-          href: "#contact",
-        },
-        {
-          text: "Call Now: 737-381-9777",
-          href: "tel:7373819777",
-        },
+        { text: "Request a Quote", href: "#contact" },
+        { text: "Call Now: 737-381-9777", href: "tel:7373819777" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23558.jpg",
-          imageAlt: "Luxury car service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-businessman-formal-wear-standing-against-black-business-car-street-city_627829-718.jpg",
-          imageAlt: "Luxury car service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-key_23-2149901405.jpg",
-          imageAlt: "Luxury car service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-backseat-taxi_23-2149236700.jpg",
-          imageAlt: "Luxury car service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-working-back-car-using-silver-colored-laptop-senior-businessman_146671-14477.jpg",
-          imageAlt: "Luxury car service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241772.jpg",
-          imageAlt: "Luxury car service",
-        },
+        { imageSrc: "https://upload.wikimedia.org/wikipedia/commons/e/e0/Texas_State_Capitol_Austin_TX.jpg", imageAlt: "Texas State Capitol" },
+        { imageSrc: "https://upload.wikimedia.org/wikipedia/commons/2/2f/Congress_Avenue_Bridge_Austin_Texas.jpg", imageAlt: "Congress Avenue Bridge" },
+        { imageSrc: "https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?q=80&w=2000&_wi=1", imageAlt: "Luxury chauffeur-driven coach bus" },
+        { imageSrc: "https://images.unsplash.com/photo-1583121274602-3e2820c66888?q=80&w=2000", imageAlt: "GMC Suburban luxury SUV" },
+        { imageSrc: "https://images.unsplash.com/photo-1596561162030-cf2f5b9d3568?q=80&w=2000", imageAlt: "Executive travel experience" },
+        { imageSrc: "https://images.unsplash.com/photo-1570774000302-38435d8e7c10?q=80&w=2000", imageAlt: "Professional chauffeur service" },
       ]}
     />
   </div>
@@ -104,21 +65,12 @@ export default function LandingPage() {
       title="Driven by Service. Built on Trust."
       description="Texas Nena Transportation is a luxury chauffeur and transportation service founded by Elisa Calderon, delivering high-level transportation solutions across Austin, Texas and surrounding areas. We specialize in private, corporate, and group transportation with a focus on reliability, presentation, and seamless execution."
       metrics={[
-        {
-          value: "100%",
-          title: "Reliability",
-        },
-        {
-          value: "24/7",
-          title: "Service",
-        },
-        {
-          value: "Elite",
-          title: "Fleet",
-        },
+        { value: "100%", title: "Reliability" },
+        { value: "24/7", title: "Service" },
+        { value: "Elite", title: "Fleet" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/businesswomen-talking-walking-together-city_23-2149318549.jpg"
-      imageAlt="Professional Chauffeur Service"
+      imageSrc="https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?q=80&w=2000&_wi=2"
+      imageAlt="Luxury Chauffeur Coach Bus Service"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
@@ -130,126 +82,27 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Car,
-          title: "Executive Chauffeur",
-          description: "Private, discreet transportation for business professionals, airport transfers, and personal travel.",
-        },
-        {
-          icon: Car,
-          title: "Sprinter Van Service",
-          description: "Ideal for small groups seeking comfort, space, and a premium travel experience.",
-        },
-        {
-          icon: Car,
-          title: "Luxury SUV Service",
-          description: "Perfect for VIP clients, families, and elevated everyday transportation.",
-        },
-        {
-          icon: Car,
-          title: "Motorcoach Service",
-          description: "Efficient, organized travel solutions for large groups, events, and corporate outings.",
-        },
-        {
-          icon: Award,
-          title: "Special Occasions",
-          description: "Weddings, concerts, sporting events, and private celebrations—handled with precision.",
-        },
+        { icon: Car, title: "Executive Chauffeur", description: "Private, discreet transportation for business professionals, airport transfers, and personal travel." },
+        { icon: Car, title: "Sprinter Van Service", description: "Ideal for small groups seeking comfort, space, and a premium travel experience." },
+        { icon: Car, title: "Luxury SUV Service", description: "Perfect for VIP clients, families, and elevated everyday transportation." },
+        { icon: Car, title: "Motorcoach Service", description: "Efficient, organized travel solutions for large groups, events, and corporate outings." },
+        { icon: Award, title: "Special Occasions", description: "Weddings, concerts, sporting events, and private celebrations—handled with precision." },
       ]}
       title="Professional Services"
       description="Comprehensive luxury transportation solutions for individuals, groups, and executives."
     />
   </div>
 
-  <div id="tiers" data-section="tiers">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "standard",
-          tag: "Essential",
-          price: "Standard",
-          period: "Service",
-          description: "Reliable, clean, and professionally managed transportation.",
-          button: {
-            text: "Inquire",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "On-time pickup",
-            "Clean vehicle",
-            "Professional driver",
-          ],
-        },
-        {
-          id: "premium",
-          tag: "Popular",
-          price: "Premium",
-          period: "Experience",
-          description: "Enhanced comfort, upgraded vehicles, and elevated service.",
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          featuresTitle: "Includes Standard +:",
-          features: [
-            "Priority vehicle selection",
-            "Complimentary water",
-            "Dedicated account support",
-          ],
-        },
-        {
-          id: "vip",
-          tag: "Elite",
-          price: "VIP",
-          period: "Executive",
-          description: "Top-tier vehicles, priority scheduling, and white-glove service.",
-          button: {
-            text: "Secure Trip",
-            href: "#contact",
-          },
-          featuresTitle: "Includes Premium +:",
-          features: [
-            "White-glove service",
-            "Custom routing",
-            "High-priority availability",
-          ],
-        },
-      ]}
-      title="Service Tiers"
-      description="Elevated travel positioning for every journey."
-    />
-  </div>
-
   <div id="why-us" data-section="why-us">
       <FeatureHoverPattern
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Award,
-          title: "Professionalism",
-          description: "Experienced, vetted drivers committed to your comfort.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Reliability",
-          description: "On-time service, every time. Guaranteed.",
-        },
-        {
-          icon: Users,
-          title: "Scalability",
-          description: "Logistics for individuals or large groups.",
-        },
-        {
-          icon: Crown,
-          title: "Luxury Fleet",
-          description: "Clean, meticulously maintained high-end vehicles.",
-        },
+        { icon: Award, title: "Professionalism", description: "Experienced, vetted drivers committed to your comfort." },
+        { icon: ShieldCheck, title: "Reliability", description: "On-time service, every time. Guaranteed." },
+        { icon: Users, title: "Scalability", description: "Logistics for individuals or large groups." },
+        { icon: Crown, title: "Luxury Fleet", description: "Clean, meticulously maintained high-end vehicles." },
       ]}
       title="Why Choose Us"
       description="We don't just provide transportation—we manage the experience."
@@ -261,13 +114,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       names={[
-        "Austin",
-        "Round Rock",
-        "Cedar Park",
-        "San Marcos",
-        "San Antonio",
-        "Dallas (by request)",
-        "Houston (by request)",
+        "Austin", "Round Rock", "Cedar Park", "San Marcos", "San Antonio", "Dallas (by request)", "Houston (by request)"
       ]}
       title="Service Areas"
       description="Serving Austin, Texas and beyond."
@@ -275,30 +122,15 @@ export default function LandingPage() {
   </div>
 
   <div id="founder" data-section="founder">
-      <TeamCardOne
+      <TeamCardSix
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       members={[
-        {
-          id: "elisa",
-          name: "Elisa Calderon",
-          role: "Founder, Texas Nena Transportation",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
-        },
-        {
-          id: "placeholder1",
-          name: "Service Team",
-          role: "Operations Support",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
-        },
-        {
-          id: "placeholder2",
-          name: "Fleet Services",
-          role: "Maintenance Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
-        },
+        { id: "elisa", name: "Elisa Calderon", role: "Founder, Texas Nena Transportation", imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=600" },
+        { id: "placeholder1", name: "Service Team", role: "Operations Support", imageSrc: "https://images.unsplash.com/photo-1583121274602-3e2820c66888?q=80&w=600" },
+        { id: "placeholder2", name: "Fleet Services", role: "Maintenance Lead", imageSrc: "https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?q=80&w=600" },
       ]}
       title="Meet the Founder"
       description="Built on professionalism, driven by service, and committed to delivering high-level transportation solutions across Texas."
@@ -306,32 +138,29 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      <ContactCTA
       tag="Booking"
       title="Ready to Secure Your Transportation?"
       description="Call or Text: 737-381-9777 | Email: ElisaCalderonATX@gmail.com. Let us handle the logistics."
-      buttonText="Request Your Quote Today"
+      buttons={[
+        { text: "Request Your Quote Today", href: "tel:7373819777" }
+      ]}
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Texas Nena Transportation"
-      leftLink={{
-        text: "Austin, Texas",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact: 737-381-9777",
-        href: "tel:7373819777",
-      }}
+      <FooterSimple
+      columns={[
+          { title: "Services", items: [{ label: "Executive Chauffeur" }, { label: "Luxury SUVs" }] },
+          { title: "Company", items: [{ label: "About Us" }, { label: "Contact" }] }
+      ]}
+      bottomLeftText="© 2024 Texas Nena Transportation"
+      bottomRightText="Austin, Texas"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}